mata teras
- Matlab, bahasa peringkat tinggi untuk pengkomputeran teknikal, boleh diintegrasikan dengan tumpukan min untuk membuat aplikasi web yang kuat.
- Stack min terdiri daripada mongoDB, express.js, angularjs dan node.js, dan apabila digunakan bersama dengan MATLAB, ia membolehkan visualisasi data masa nyata di web.
- Proses integrasi melibatkan menggunakan kuasa pengkomputeran MATLAB untuk memproses data dan menghasilkan hasil, yang kemudian dipaparkan pada aplikasi web yang dibina menggunakan timbunan min.
- JSONLAB, pelaksanaan Open Source JSON/Decoder Open Source Free dalam bahasa MATLAB, digunakan untuk menukar data MATLAB ke format JSON untuk digunakan dalam aplikasi web.
- Mewujudkan aplikasi Web MATLAB termasuk membuat aplikasi mandiri menggunakan pengkompil Matlab, membuat projek aplikasi web dalam pelayan aplikasi Web MATLAB, memuat naik aplikasi mandiri ke projek aplikasi web, dan menggunakan aplikasi web kepada pengguna.
- MATLAB memahami data format matriks, manakala aplikasi web lebih suka data dalam format JSON atau XML.
- Data biasanya dibuat dan digunakan dalam program MATLAB, yang membatasi kebebasan pemaju dalam menjimatkan dan menggunakan data, dll.
Dalam artikel ini, kami akan membangunkan program demonstrasi kecil untuk menunjukkan cara membuat MATLAB dan Mean Stack berfungsi bersama -sama.
Mengenai Aplikasi Web
Aplikasi web ini akan melibatkan pemindahan data masa nyata dari MATLAB ke pelayar. Untuk kesederhanaan, kami akan memindahkan masa semasa dari MATLAB dan memaparkannya pada penyemak imbas. Kami akan menggunakan JsonLab, kotak alat untuk pengekodan/penyahkodan fail JSON di MATLAB. Aplikasi web akan dibuat menggunakan stack min. Jika anda tidak biasa dengan Mean Stack, disarankan agar anda membaca artikel "pemula stack min" sebelum meneruskan.
Pengenalan kepada JSONLAB
JsonLab adalah pelaksanaan sumber terbuka percuma pengekod/decoder JSON dalam bahasa Matlab. Ia boleh digunakan untuk menukar struktur data MATLAB (tatasusunan, struktur, sel, susunan struktur, dan susunan sel) ke dalam rentetan dalam format JSON, atau untuk menyahkod fail JSON ke dalam data MATLAB.3 Dua fungsi terakhir digunakan untuk mengendalikan format Ubjson.
digunakan untuk menukar rentetan JSON ke dalam objek MATLAB yang berkaitan. Dalam projek kami, kami hanya menggunakan fungsi loadjson()
, yang menukarkan objek MATLAB (sel, struktur, atau array) ke rentetan JSON. Ia boleh digunakan seperti berikut: savejson()
loadubjson()
saveubjson()
Oleh kerana kita perlu menulis fail, kita akan menggunakan tandatangan pertama. Ia mengembalikan rentetan JSON serta menulis rentetan ke fail. loadjson()
savejson()
json = savejson(rootname, obj, filename) json = savejson(rootname, obj, opt) json = savejson(rootname, obj, 'param1', value1, 'param2', value2, ...)
Untuk memulakan, muat turun jsonlab, unzip arkib, dan tambahkan laluan folder ke senarai laluan MATLAB menggunakan arahan berikut:
Jika anda ingin menambah laluan ini secara kekal, anda perlu menaip
, semak imbas ke folder root JSONLAB dan tambahkannya ke senarai. Setelah selesai, anda mesti klik Simpan. Kemudian, jalankandalam MATLAB dan taip
. Jika anda melihat output, ini bermakna JsonLab dipasang dengan betul.addpath('/path/to/jsonlab');
pathtool
Matlab Code rehash
which loadjson
. Ia mengembalikan vektor tarikh enam elemen yang mengandungi tarikh dan masa semasa dalam format [tahun, bulan, hari, jam, minit, saat]. Untuk mendapatkan masa berulang kali, kami meletakkan perintah dalam gelung tak terhingga. Oleh itu, kami akan terus mendapatkan data masa nyata sehingga pelaksanaan skrip ditamatkan menggunakan Ctrl C pada tetingkap Perintah MATLAB.
Kod berikut melaksanakan idea ini:
clock
clock
Dalam projek kami, kami memberi tumpuan kepada jam, minit, dan saat. Fungsi while
yang digunakan dalam kod di atas pusingan semua elemen matriks ke integer terdekat. Untuk mendapatkan data jam, kami memerlukan nilai lajur 4 matriks, jadi kami menggunakan arahan
kami akan menghantar jam dan beberapa pembolehubah berasingan ke aplikasi web secara berasingan untuk memaparkan penukaran jenis data yang berbeza dari objek MATLAB ke JSON. Walaupun data jam akan ditukar kepada array, nilai jam, minit dan saat akan ditukar kepada nombor, yang akan kita lihat kemudian.
format shortg; y=0; while y == 0 % c = [year month day hour minute seconds] c=clock; % 將每個(gè)值四舍五入為整數(shù) c=fix(c); x.clock=c; % 訪問(wèn)c的第4列,即小時(shí) x.hours=c(:,4); % 訪問(wèn)c的第5列,即分鐘 x.minutes=c(:,5); % 訪問(wèn)c的第6列,即秒 x.seconds=c(:,6); % 將x轉(zhuǎn)換為JSON并寫入matlabData.json savejson('',x,'data/matlabData.json'); end
Dalam projek kami, kami akan menggunakan fungsi fix(c)
untuk menukar dan menulis pembolehubah x menggunakan format JSON dan tuliskannya ke fail c(:,4)
. Untuk kesederhanaan, parameter
Gunakan kod sebelumnya, kami melengkapkan semua kod MATLAB yang diperlukan. Sekarang, sebaik sahaja kita menjalankan skrip, kita dapat melihat bahawa fail JSON dibuat dalam folder data dan data dalam fail akan dikemas kini secara automatik dan sentiasa. Contoh kandungan fail JSON adalah seperti berikut:
savejson()
matlabData.json
kami akan memantau fail ini dan menggunakan Node.js untuk membaca data terkini. Sekarang mari kita mula membina aplikasi web. rootname
Aplikasi Web
{ "hours": 19, "minutes": 28, "seconds": 28, "clock": [2015,5,27,19,28,28] }
Sekarang data MATLAB kami telah ditukar kepada JSON dan disimpan dalam fail, kami dapat membaca fail ini secara bebas dan mendapatkan data dengan memantau perubahannya. Operasi ini tidak ada kaitan dengan MATLAB. Di seluruh artikel ini, saya akan menganggap anda memahami Socket.io dan tumpukan min, walaupun kita hanya menggunakan beberapa konsep asas mereka.
mari mula menulis aplikasi web.
Buat fail Package.json
Untuk memulakan permohonan kami, mari kita tentukan kebergantungan projek. Untuk melakukan ini, kami akan membuat fail package.json
seperti berikut:
json = savejson(rootname, obj, filename) json = savejson(rootname, obj, opt) json = savejson(rootname, obj, 'param1', value1, 'param2', value2, ...)Selepas membuat fail, jalankan
dalam folder root projek untuk memasang semua kebergantungan. Jika anda tidak biasa dengan NPM, disarankan agar anda membaca "NPM Bermula Panduan - Pengurus Pakej Node". npm install
kod sampingan pelayan Bahagian kod ini melibatkan penggunaan Node.js, Express, dan MongoDB. Operasi yang dilakukan oleh pelayan termasuk:
disediakan
- fail
-
index.html
memantau dan membaca data dalam fail json - simpan data ke pangkalan data menggunakan mongoDB
- Hantar data ke penyemak imbas menggunakan socket.io
- kami akan membuat fail bernama
server.js
Kami menggunakan Express untuk menyediakan fail statik:
Setiap kali permintaan dihantar ke
addpath('/path/to/jsonlab');, fail
yang disimpan dalam direktori /
akan disediakan. app
index.html
Untuk memantau sebarang perubahan pada fail, kami menggunakan
. Sebaik sahaja perubahan dikesan, fail dibaca dan data diambil. Keseluruhan proses selesai menggunakan kod berikut: fs.watch()
fs.readFile()
format shortg; y=0; while y == 0 % c = [year month day hour minute seconds] c=clock; % 將每個(gè)值四舍五入為整數(shù) c=fix(c); x.clock=c; % 訪問(wèn)c的第4列,即小時(shí) x.hours=c(:,4); % 訪問(wèn)c的第5列,即分鐘 x.minutes=c(:,5); % 訪問(wèn)c的第6列,即秒 x.seconds=c(:,6); % 將x轉(zhuǎn)換為JSON并寫入matlabData.json savejson('',x,'data/matlabData.json'); end
Hantar data ke penyemak imbas menggunakan fungsi Socket.io's
-
emit()
simpan data ke mongoDB menggunakan middware mongoose - Untuk melaksanakan operasi kedua, kami membuat skema data dan kemudian membuat model berdasarkan skema itu. Ini dilakukan menggunakan kod yang ditunjukkan di bawah:
Dalam pernyataan terakhir segmen kod terdahulu, kami membuat model berdasarkan corak yang ditetapkan. Parameter pertama yang diserahkan kepada fungsi adalah nama tunggal set yang dimiliki oleh model kami. Mongoose secara automatik menyerahkan nama jamak ke koleksi. Oleh itu, di sini
{ "hours": 19, "minutes": 28, "seconds": 28, "clock": [2015,5,27,19,28,28] }adalah model koleksi
. appData
appDatas
Apabila kami mendapat data baru, kami akan menggunakan data terkini untuk membuat contoh baru skema dan simpannya ke pangkalan data menggunakan kaedah
adalah dokumen. save()
savingData
Kod akhir untuk bahagian ini adalah seperti berikut:
json = savejson(rootname, obj, filename) json = savejson(rootname, obj, opt) json = savejson(rootname, obj, 'param1', value1, 'param2', value2, ...)
Kami menggunakan try
dan catch
untuk mengelakkan permohonan daripada terhempas. Jika kita tidak menggunakannya, dan JSON.parse
menyebabkan kesilapan input pengguna yang tidak dijangka disebabkan oleh perubahan pesat, permohonan itu mungkin terhempas. Inilah yang ingin kita elakkan!
Juga ambil perhatian bahawa sila pastikan pelayan MongoDB sedang berjalan, jika tidak, aplikasi itu akan terhempas.
kod klien
Dalam bahagian ini, kami akan membuat halaman HTML statik yang mudah. Apabila data baru diterima melalui Socket.io, kami akan mengemas kini data yang dipaparkan pada halaman. Data ini juga boleh digunakan untuk membuat carta masa nyata.
Berikut adalah kod mudah untuk fail index.html
:
addpath('/path/to/jsonlab');Arahan
ngCloak
digunakan untuk menghalang penyemak imbas dari secara ringkas memaparkan bentuk asal (tidak dikompilasi) template angularjs apabila aplikasi dimuatkan.
Jalankan aplikasi
Sebelum memulakan pelayan Node.js, kita perlu memastikan bahawa kod MATLAB dan pelayan MongoDB sedang berjalan. Untuk menjalankan pelayan MongoDB, anda perlu melaksanakan arahan mongod
di terminal. Untuk menjalankan pelayan Node.js, anda mesti melaksanakan arahan node server.js
dalam direktori root folder projek.
Halaman statik yang menunjukkan masa semasa akan disediakan dalam 127.0.0.1:3000
.
Kesimpulan
Dalam artikel ini, kami menggunakan stack min untuk membuat aplikasi web yang mendapat data dalam format JSON dari program MATLAB. Data ditukar dengan bantuan JSONLAB. Data kemudiannya dihantar ke penyemak imbas menggunakan socket.io, jadi perubahan pada penyemak imbas dicerminkan dalam masa nyata. Kod sumber penuh untuk demo ini boleh didapati di GitHub.
Saya harap anda menikmati artikel ini dan berharap dapat membaca komen anda.
(bahagian Soalan Lazim disyorkan untuk mengendalikannya secara berasingan kerana panjang artikel. Soalan dan jawapan utama boleh diekstrak dan diringkaskan secara ringkas atau disusun semula seperti yang diperlukan.)
Atas ialah kandungan terperinci Membuat aplikasi Web dengan MATLAB dan Mean Stack. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection

JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)

Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza. 1.Java adalah bahasa yang ditaip dan disusun secara statik, sesuai untuk aplikasi perusahaan dan sistem besar. 2. JavaScript adalah jenis dinamik dan bahasa yang ditafsirkan, terutamanya digunakan untuk interaksi web dan pembangunan front-end.
