Artikel ini diubah dari Feiyu "[Terjemahan] Memulai Panduan untuk pengembang front-end, membangun Node.js, Express, Jade, MongoDB Server dari awal. Alasan mengapa Jade digantikan dengan EJS adalah karena saya pikir EJS lebih sesuai dengan kebiasaan pemrograman Web, atau lebih dari itu.
Instalasi Bagian 1 dalam 15 Menit
Jika Anda benar -benar belajar dari awal, luangkan waktu untuk membangun lingkungan terlebih dahulu. Tidak sulit, saya menggunakan Win8, jadi ini terlihat sedikit berbeda dari tutorial menggunakan Mac dan Ubuntu atau sistem *nix lainnya, tetapi kira -kira sama.
Langkah 1 Instal Node.js
Sangat mudah untuk pergi ke situs web resmi Node.js dan klik tombol Install Green Big Instal, yang secara otomatis akan mendeteksi sistem Anda dan memberi Anda pengunduhan file instalasi yang benar. (Jika tidak, klik tombol unduh untuk memilih unduhan yang Anda butuhkan). Jalankan penginstal, dan tidak apa -apa. Anda telah menginstal Node.js dan NPM (Node Package Manager) untuk dengan mudah menginstal berbagai paket yang berguna ke dalam node.
Langkah 2 Instal Express
Sekarang setelah kita membiarkan Node berjalan, kita membutuhkan sesuatu yang lain untuk memungkinkan kita untuk benar -benar membuat situs yang tersedia. Selanjutnya kita perlu menginstal Express, yang merupakan kerangka kerja yang mengubah simpul dari aplikasi asli ke server web yang lebih mirip yang biasanya kita gunakan. Kita perlu mulai dengan Express karena kita membutuhkan fungsi perancah yang disediakannya. Mari Masukkan Perintah Ini:
Salinan kode adalah sebagai berikut:
C:/Node> Instal NPM -G Express
Dengan cara ini, Express diinstal dengan benar ke dalam simpul kami dan telah diatur ke secara global yang tersedia. Anda akan melihat banyak output di jendela baris perintah, sebagian besar http 304 dan mendapatkan permintaan, yang normal. Express harus diinstal dan tersedia.
Langkah 3 Buat Proyek Ekspres
Kami akan menggunakan Express dan EJS, tetapi tidak untuk preprocessing CSS. Kami akan menulis beberapa CSS. Kita perlu menggunakan EJS atau mesin templat lain untuk memproses node dan mengekspresikan data. Jika Anda tahu HTML, EJS tidak sulit. Ingatlah bahwa Anda perlu fokus atau hal -hal dapat rentan terhadap kesalahan.
Sekarang masukkan di jendela baris perintah yang sama:
Salinan kode adalah sebagai berikut:
c:/node> sesi ekspres nodetest1
Masuk dan Anda akan melihat banyak hal seperti ini:
Salinan kode adalah sebagai berikut:
C:/Node> Express -Sesi nodetest1
Buat: nodetest1
Buat: nodetest1/package.json
Buat: nodetest1/app.js
Buat: Nodetest1/Rute
Buat: nodetest1/rute/index.js
Buat: nodetest1/rute/user.js
Buat: nodetest1/views
Buat: nodetest1/views/index.ejs
Buat: nodetest1/publik/gambar
Buat: nodetest1/public/javascripts
Buat: nodetest1/public
Buat: nodetest1/public/stylesheets
Buat: nodetest1/public/stylesheets/style.css
instal dependensi:
$ cd nodetest1 && npm instal
Jalankan aplikasi:
Aplikasi $ Node
Langkah 4 Edit Ketergantungan
Oke, kami memiliki beberapa struktur proyek dasar sekarang, tetapi belum selesai. Anda akan melihat bahwa proses instalasi Express membuat file yang disebut package.json di direktori nodetest1 Anda. Buka file dengan editor teks. Seharusnya terlihat seperti ini.
Salinan kode adalah sebagai berikut:
{
"Nama": "Aplikasi-Nama",
"Versi": "0.0.1",
"Pribadi": Benar,
"Scripts": {
"Mulai": "node app.js"
},
"dependensi": {
"Express": "3.4.8",
"ejs": "*"
}
}
Ini adalah file format JSON standar yang menunjukkan aplikasi kami dan ketergantungannya. Kita perlu menambahkan sesuatu. Misalnya, panggilan ke Mongodb dan Monk. Ubah bagian dependensi dari ini:
Salinan kode adalah sebagai berikut:
"dependensi": {
"Express": "3.4.8",
"ejs": "*",
"MongoDB": "*",
"Monk": "*"
}
Langkah 5 Pasang dependensi
Sekarang kami telah mendefinisikan dependensi proyek. * Akan memberi tahu NPM untuk "menginstal versi terbaru". Kembali ke jendela baris perintah, masukkan direktori nodetest1, dan masukkan:
Salinan kode adalah sebagai berikut:
C:/NODE/NODETEST1> Instal NPM
Ini menghasilkan banyak hal. Ini karena secara langsung membaca file JSON kami yang dimodifikasi, mengenali dependensi di dalamnya, dan menginstal file yang diperlukan. Setelah instalasi NPM selesai, Anda harus memiliki direktori node_modules yang berisi semua file ketergantungan yang diperlukan untuk proyek kami.
Sekarang kami memiliki aplikasi berfitur lengkap dan siap dijalankan. Mari kita coba! Pastikan direktori Anda saat ini adalah direktori nodetest1, masukkan:
Salinan kode adalah sebagai berikut:
C:/node/nodetest1> node app.js
Setelah memasuki mobil, Anda akan melihat:
Salinan kode adalah sebagai berikut:
Mendengarkan server ekspres di port 3000
menakjubkan. Buka browser dan masukkan http: // localhost: 3000, dan Anda harus dapat melihat halaman selamat datang di Express.
Sekarang Anda sudah mulai menjalankan Webserver Node JS Anda sendiri dengan mesin Express dan EJS HTML Template Engine. Tidak terlalu sulit, bukan?
Bagian 2 ada di sini, mari kita tulis "Halo, Dunia!"
Buka editor teks yang Anda gunakan secara umum atau IDE lain, saya pribadi suka menggunakan teks luhur. Buka app.js di direktori nodetest1 Anda, dan file ini adalah inti dari aplikasi Anda. Anda harus melihat sesuatu seperti ini:
Salinan kode adalah sebagai berikut:
var express = membutuhkan ('express');
var rute = membutuhkan ('./ rute');
var user = membutuhkan ('./ rute/pengguna');
var http = membutuhkan ('http');
var path = membutuhkan ('path');
Ini hanya mendefinisikan banyak variabel JavaScript dan menunjuk ke beberapa paket dan ketergantungan, fungsi simpul, dan rute. Rute setara dengan kumpulan model dan pengontrol di MVC. Ini bertanggung jawab untuk meneruskan permintaan dan juga berisi beberapa logika pemrosesan. Express telah menciptakan semua hal ini untuk kami, dan kami sekarang mengabaikan rute pengguna dan mulai menulis rute tingkat atas (dikendalikan oleh rute/index.js).
Di akhir file di atas:
Salinan kode adalah sebagai berikut:
var app = express ();
Kalimat ini sangat penting. Ini instantiates Express dan memberikan nilai ke variabel aplikasi kami. Konten berikut perlu menggunakan variabel ini untuk mengonfigurasi sekelompok parameter ekspres. Lanjutkan masuk:
Salinan kode adalah sebagai berikut:
// Semua lingkungan
app.set ('port', process.env.port || 3000);
app.set ('view', path.join (__ dirname, 'views'));
app.set ('view engine', 'ejs');
app.use (express.favicon ());
app.use (express.logger ('dev'));
app.use (express.bodyparser ());
app.use (express.methodoverride ());
app.use (app.router);
app.use (express.static (path.join (__ dirname, 'public')));
Di sini kami mengatur port, mencari direktori tampilan, mesin template apa yang digunakan untuk menangani pandangan ini, dan beberapa hal lainnya. Juga perhatikan baris terakhir, yang memberi tahu Express untuk meng-host file statis di publik/ direktori sebagai file di direktori tingkat atas. Misalnya, direktori gambar Anda disimpan dalam c:/node/nodetest1/public/gambar/, tetapi alamat akses aktual adalah http: // localhost: 3000/gambar/.
Catatan: Anda harus meletakkan baris ini
Salinan kode adalah sebagai berikut:
app.use (express.bodyparser ());
Berubah menjadi
Salinan kode adalah sebagai berikut:
app.use (express.urlencoded ());
Ini untuk mengabaikan informasi peringatan di jendela simpul selama pengoperasian beberapa aplikasi. Terutama beberapa ekspres dan plug-innya dapat dimodifikasi di masa depan. Jika Anda tidak melakukan modifikasi ini, Anda akan menerima banyak peringatan bahwa fungsi tertentu akan segera berakhir ketika program berjalan.
Lalu tambahkan:
Salinan kode adalah sebagai berikut:
// Pengembangan saja
if ('development' == app.get ('env')) {
app.use (Express.ErrorHandler ());
}
Dengan cara ini Anda dapat melakukan beberapa pemeriksaan kesalahan selama pengembangan.
Terus meningkat:
Salinan kode adalah sebagai berikut:
app.get ('/', routes.index);
app.get ('/user', user.list);
Ini akan memberi tahu rute rute mana yang akan digunakan ketika permintaan URI tiba. Perhatikan bahwa variabel pengguna didefinisikan sebelumnya dan dipetakan ke /Routes/user.js. Kami akan memanggil fungsi daftar yang ditentukan dalam file ini. Daftar pengguna dapat ditampilkan di sini.
Terus meningkat:
Salinan kode adalah sebagai berikut:
http.createServer (app) .listen (app.get ('port'), function () {
console.log ('Express Server Listening di port' + app.get ('port'));
});
Akhirnya, buat server HTTP dan mulai. Itu saja.
(Konten di atas lengkap dalam templat yang dihasilkan oleh Express baru dan tidak perlu ditulis di dalamnya sendiri)
Sekarang, mari kita tulis sesuatu yang bermanfaat. Kami tidak akan menulis "Halo Dunia!" langsung di halaman indeks kami. Kami akan mengambil kesempatan ini untuk belajar cara menggunakan routing rute dan mempelajari cara kerja mesin EJS. Tambahkan baris setelah paragraf app.get () dari file app.js di atas:
app.get ('/helloWorld', routes.helloworld);
Jika Anda menekan Ctrl+C di jendela baris perintah untuk mengakhiri proses App.js dan memulai kembali, dan kemudian menggunakan browser untuk mengakses http: // localhost: 3000/helloworld, Anda akan mendapatkan kesalahan node yang menarik dan sekelompok crash prompt di jendela baris perintah. Ini karena kami belum memodifikasi rute untuk memproses jalur ini. Datang dan lakukan ini. Di editor Anda, buka direktori rute, temukan index.js, dan buka. Seharusnya terlihat seperti ini:
Salinan kode adalah sebagai berikut:
/*
* Dapatkan beranda.
*/
ekspor.index = function (req, res) {
res.render ('index', {title: 'express'});
};
Mari kita tambahkan halaman baru. Saya lebih suka membuat file rute independen untuk setiap direktori tingkat pertama, tetapi sekarang kami tidak berencana untuk membuat struktur direktori lengkap untuk HelloWorld di bawah tampilan, jadi kami menggunakan rute indeks untuk saat ini. Tambahkan di akhir file ini:
Salinan kode adalah sebagai berikut:
Exports.Helloworld = function (req, res) {
res.render ('helloWorld', {title: 'halo, dunia!'});
};
Ini akan bertanggung jawab untuk menangani permintaan URI ini, tetapi sekarang kami tidak memiliki halaman yang sebenarnya untuk membuat res.render render, itulah yang menjadi tanggung jawab EJS. Buka direktori tampilan Anda, buka index.ejs, dan simpan sebagai file helloworld.ejs. Sekarang seharusnya terlihat seperti ini:
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<title> < %= title %> </itement>
<tautan rel = 'stylesheet' href = '/stylesheets/style.css'/>
</head>
<body>
<h1> < %= judul %> </h1>
<p> Selamat datang di < %= title %> </p>
</body>
</html>
Seharusnya mudah dimengerti.
Simpan file. Tekan Ctrl+C di jendela baris perintah untuk mengganggu app.js, lalu masukkan node app.js untuk memulai kembali. Kiat: Saat Anda memodifikasi file template EJS, Anda tidak perlu memulai kembali server. Tetapi ketika Anda mengubah file JS, seperti app.js atau file routing JS, Anda harus me -restart server untuk melihat efeknya.
Setelah server dimulai, server membuka http: // localhost: 3000/helloworld dan Anda harus dapat melihat antarmuka yang indah ini:
Baiklah! Sekarang kami memiliki rute yang dapat menangani templat kami, kami melihat efek yang kami inginkan. Selanjutnya, mari kita lakukan beberapa model (lapisan data).
Bagian 3 Buat database dan baca data
Langkah 1 Instal MongoDB
Mari kita tutup editor teks terlebih dahulu dan kembali ke jendela baris perintah. Pertama gunakan browser Anda, buka http://mongodb.org/, dan unduh Mongo. Klik tautan unduh di menu utama untuk menemukan versi yang sesuai dengan Anda. Untuk Win8 64-bit, unduh versi 64-bit *2008R2+. Setelah mengunduh, ini adalah file zip, dan tidak terkompresi pada file c:/mongo, c:/program/mongo atau apa pun itu. Ini tidak masalah. Kami menyimpan data di direktori nodetest1 kami.
Langkah 2 Jalankan Mongod dan Mongo
Buat data subdirektori di direktori nodetest1 kami, dan kemudian masukkan direktori bin MongoDB Anda di jendela baris perintah, dan masukkan:
Salinan kode adalah sebagai berikut:
Mongod DBPath C:/Node/Nodetest1/Data
Anda akan melihat bahwa server Mongo dimulai, dan startup pertama membutuhkan sedikit waktu, karena memerlukan pra-alokasi ruang hard disk dan beberapa tugas lainnya. Ketika meminta "[initandlisten] menunggu koneksi di port 27017", itu selesai. Tidak ada lagi yang bisa dilakukan, server sudah berjalan. Sekarang Anda perlu membuka jendela baris perintah lain, masukkan Direktori Bin dari Direktori Mongo, dan masuk
Salinan kode adalah sebagai berikut:
Mongo
Anda akan melihat beberapa tips seperti ini:
Salinan kode adalah sebagai berikut:
C:/Mongo> Mongo
MongoDB Shell Version: 2.4.5
Menghubungkan ke: Tes
Pada saat ini, jika Anda melihat jendela Mongod, Anda akan melihat prompt bahwa koneksi telah terhubung. Selanjutnya, kami akan menggunakan klien baris perintah ini untuk memproses database kami secara manual, tetapi ini tidak diperlukan untuk situs web kami.
Langkah 3 Buat database
Jangan khawatir tentang prompt di atas untuk menghubungkan ke tes. Itu hanya database yang default Mongo ketika Anda tidak menentukan database, dan bahkan tidak akan membuat database ini yang disebut tes kecuali Anda menambahkan catatan ke dalamnya. Mari kita buat database kita sendiri. Di jendela baris perintah Mongo, masukkan:
Salinan kode adalah sebagai berikut:
Gunakan nodetest1
Ini tidak akan membuat database ini kecuali kami memasukkan beberapa data ke dalamnya.
Langkah 4 Tambahkan beberapa data
Fitur favorit saya dari MongoDB adalah menggunakan JSON sebagai struktur data, yang berarti saya sangat akrab dengannya. Jika Anda tidak terbiasa dengan JSON, baca beberapa materi yang relevan terlebih dahulu, yang berada di luar ruang lingkup tutorial ini.
Kami menambahkan beberapa data ke koleksi. Dalam tutorial ini, kami hanya memiliki database sederhana, dua bidang: nama pengguna dan email. Data kami terlihat seperti ini:
Salinan kode adalah sebagai berikut:
{
"_id": 1234,
"Nama pengguna": "cwbuecheler",
"Email": "[email protected]"
}
Anda dapat menciptakan nilai bidang _id Anda sendiri, tetapi saya pikir lebih baik membiarkan Mongo melakukannya. Ini menciptakan nilai unik untuk setiap catatan. Mari kita lihat cara kerjanya. Di jendela Mongo, masukkan:
Salinan kode adalah sebagai berikut:
db.usercollection.insert ({"username": "testuser1", "email": "[email protected]"})
Kiat penting: DB adalah database Nodetest1 yang kami buat di atas, dan UserCollection adalah koleksi kami, yang setara dengan tabel data. Perhatikan bahwa kita tidak perlu membuat koleksi ini terlebih dahulu, itu akan secara otomatis dibuat ketika digunakan untuk pertama kalinya. Oke, tekan Enter. Jika semuanya berjalan dengan baik, Anda akan melihat ... tidak ada. Ini tidak terlalu bagus, masukkan:
Salinan kode adalah sebagai berikut:
db.usercollection.find (). Pretty ()
Jika Anda penasaran, metode cantik akan memformat konten output dan menambahkan indentasi garis baru. Itu harus ditampilkan:
Salinan kode adalah sebagai berikut:
{
"_id": ObjectId ("5202B481D2184D390CBF6ECA"),
"Nama pengguna": "testuser1",
"Email": "[email protected]"
}
Tentu saja, objek yang Anda dapatkan harus berbeda, Mongo akan secara otomatis menghasilkannya. Jika Anda telah menggunakan layanan antarmuka JSON sebelumnya, menurut Anda, wow, panggil ini di web harus sangat sederhana! Nah, Anda benar.
Kiat: Sebagai layanan formal, Anda tidak ingin semua data berada di level atas. Mengenai desain struktur data MongoDB, lihat Google.
Sekarang kami memiliki sepotong data, mari kita tambahkan lebih banyak poin. Memasuki:
Salinan kode adalah sebagai berikut:
newsstuff = [{"username": "testuser2", "email": "[email protected]"}, {"nama pengguna": "testuser3", "email": "[email protected]"}}]
db.usercollection.insert (newStuff);
Perhatikan bahwa kami meneruskan beberapa bagian data ke pengumpulan sekaligus melalui satu data. Betapa Sederhana! Kemudian gunakan perintah temukan di atas dan Anda akan melihat tiga bagian data ini.
Sekarang mari kita mengintegrasikan server web dan database yang dibangun sebelumnya.
Langkah 5 Hubungkan Mongo ke Node
Sekarang mari kita buat halaman dan tampilkan catatan di database ke dalam tabel yang indah. Berikut adalah konten HTML yang kami persiapkan untuk menghasilkan:
Salinan kode adalah sebagai berikut:
<ul>
<li> <a href = "mailto: [email protected]"> testuser1 </a> </li>
<li> <a href = "mailto: [email protected]"> testuser2 </a> </li>
<li> <a href = "mailto: [email protected]"> testuser3 </a> </li>
</ul>
Saya tahu ini tidak terlalu ilmiah, tetapi Anda bisa memahaminya. Kami hanya mencoba membangun program membaca dan menulis basis data sederhana, bukan situs web yang lengkap. Pertama, kami menambahkan sedikit konten ke app.js (hati dan jiwa program kami) sehingga kami dapat menautkan MongoDB. Buka c: /node/nodetest1/app.js, di bagian atas Anda akan melihat:
Salinan kode adalah sebagai berikut:
var express = membutuhkan ('express');
var rute = membutuhkan ('./ rute');
var user = membutuhkan ('./ rute/pengguna');
var http = membutuhkan ('http');
var path = membutuhkan ('path');
Tambahkan di bawahnya:
Salinan kode adalah sebagai berikut:
// Kode baru
var mongo = membutuhkan ('mongodb');
var Monk = membutuhkan ('Monk');
var db = biksu ('localhost: 27017/nodetest1');
Baris -baris ini akan memberi tahu aplikasi bahwa kita perlu terhubung ke MongoDB. Kami menggunakan Monk untuk bertanggung jawab atas koneksi ini. Lokasi database kami adalah LocalHost: 27017/nodetest1. Perhatikan bahwa 27017 adalah port default MongoDB. Jika Anda memodifikasi port untuk beberapa alasan, Anda juga harus mengubah catatan di sini. Sekarang lihat bagian bawah file:
Salinan kode adalah sebagai berikut:
app.get ('/', routes.index);
app.get ('/user', user.list);
app.get ('/helloWorld', routes.helloworld);
Tambahkan baris di bawah ini:
Salinan kode adalah sebagai berikut:
app.get ('/userlist', routes.userlist (db));
Baris ini memberi tahu aplikasi bahwa ketika pengguna mengakses jalur /daftar pengguna, kita perlu meneruskan variabel DB ke rute daftar pengguna. Tapi kami belum memiliki rute daftar pengguna, jadi mari kita buat satu sekarang.
Langkah 6 Baca data di Mongo dan tampilkan
Gunakan editor Anda untuk membuka c: /node/nodetest1/routes/idnex.js, yang memiliki dua rute: indeks dan hello world. Sekarang mari tambahkan yang ketiga:
Salinan kode adalah sebagai berikut:
exports.userlist = function (db) {
return function (req, res) {
var collection = db.get ('usercollection');
collection.find ({}, {}, function (e, docs) {
res.render ('userlist', {
"UserList": Documents
});
});
};
};
Nah, segalanya menjadi sedikit rumit. Di sini pertama -tama kita mendefinisikan fungsi, menerima variabel DB yang kita lewati, dan kemudian panggil render halaman yang sama dengan dua rute sebelumnya. Kami mengatakan bahwa kami perlu membaca UserCollection, melakukan pencarian, dan data yang dikembalikan disimpan dalam variabel Documents. Setelah kami membaca konten, kami memanggil Render untuk membuat halaman Template Daftar Pengguna dan meneruskan variabel dokumen yang diperoleh sebagai variabel daftar pengguna di mesin templat.
Selanjutnya, buat template EJS kami. Buka index.ejs di direktori tampilan, simpan sebagai userlist.ejs, dan ubah html -nya untuk ini:
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<title> UserList </iteme>
<tautan rel = 'stylesheet' href = '/stylesheets/style.css'/>
</head>
<body>
<H1> Daftar Pengguna </h1>
<ul>
<%
untuk (var i di userlist) {
%>
<li> <a href = ”mailto: <%= UserList [i] .email%>”> <%= UserList [i] .UserName%> </a> </li>
< %} %>
</ul>
</body>
</html>
Simpan file dan restart server node. Semoga Anda masih ingat cara memulai ulang. Buka browser dan kunjungi http: // localhost: 3000/userlist, dan Anda akan melihat antarmuka seperti ini:
Klik tombol Kirim dan Anda akan melihat kesalahan "tidak dapat memposting ke /adduser". Mari kita perbaiki.
Langkah 2 Buat fungsi pemrosesan database Anda
Seperti sebelumnya, kami memodifikasi app.js, lalu rute file, lalu template EJS. Namun, tidak perlu untuk template EJS di sini, karena kami akan melompat untuk memposting nanti. Tambahkan baris setelah paragraf app.get () dari app.js:
Salinan kode adalah sebagai berikut:
app.post ('/adduser', routes.adduser (db));
Perhatikan bahwa ini adalah app.post, bukan app.get. Mari atur rute. Kembali ke rute/index.js dan buat fungsi insert database kami. Ini cukup besar, jadi saya sarankan Anda menulis komentar yang bagus.
Salinan kode adalah sebagai berikut:
exports.adduser = function (db) {
return function (req, res) {
// Dapatkan nilai formulir kami. Ini mengandalkan atribut "nama"
var username = req.body.username;
var useremail = req.body.useremail;
// Atur koleksi kami
var collection = db.get ('usercollection');
// Kirim ke DB
collection.insert ({
"Nama pengguna": Nama pengguna,
"Email": Useremail
}, function (err, doc) {
if (err) {
// Jika gagal, kembalikan kesalahan
res.send ("Ada masalah menambahkan informasi ke database.");
}
kalau tidak {
// Jika berhasil, atur header sehingga bilah alamatnya masih belum mengatakan /adduser
res.location ("UserList");
// dan teruskan ke halaman sukses
res.redirect ("UserList");
}
});
}
}
Jelas, dalam proyek nyata, Anda masih perlu melakukan banyak verifikasi, seperti nama pengguna dan email tidak mengizinkan duplikasi, dan alamat email harus mematuhi aturan format tertentu. Tapi sekarang jangan peduli tentang hal -hal ini. Anda dapat melihat bahwa ketika database penyisipan selesai, kami membiarkan pengguna melompat kembali ke halaman daftar pengguna di mana mereka akan melihat data yang baru dimasukkan.
Apakah ini cara terbaik?
Langkah 3 Sambungkan ke database dan tulis data
Pastikan Mongod Anda sedang berjalan! Kemudian restart server simpul Anda. Buka http: // localhost: 3000/newUser dengan browser Anda. Sekarang kami mengisi beberapa konten dan klik tombol Kirim. Jika berjalan dengan baik, kita harus kembali ke halaman daftar pengguna dan melihat data baru yang baru saja kita tambahkan.
Sekarang kami telah secara resmi menyelesaikan membaca dan menulis ke database MongoDB menggunakan Node.js, Exress, dan EJS. Kami sudah menjadi programmer NIU X.
Selamat, sungguh. Jika Anda telah menyelesaikan tutorial ini dengan serius dan sangat serius tentang belajar daripada hanya menyalin kode, Anda harus memiliki konsep lengkap rute, tampilan, membaca data, dan menulis data. Berikut semua pengetahuan yang perlu Anda gunakan untuk mengembangkan situs web lengkap lainnya! Tidak peduli apa yang Anda pikirkan, saya pikir ini sangat keren.
Bagian 5 Langkah Berikutnya
Sekarang mulai, Anda memiliki kemungkinan yang tidak terbatas. Anda dapat melihat Mongoose, paket node lain yang menangani database MongoDB. Ini sedikit lebih besar dari Monk dan memiliki lebih banyak fitur. Anda juga dapat melihat Stylus, mesin CSS ekspres. Anda dapat Google Node Express Mongo tutorial dan melihat apa selanjutnya. Belajar keras dan tingkatkan setiap hari.
Saya harap tutorial ini membantu, saya menulis ini karena ketika saya mulai belajar, saya benar -benar membutuhkan sesuatu seperti ini, tetapi saya benar -benar tidak dapat menemukannya. Jika Anda pernah melihatnya di sini, terima kasih banyak!