Bermula dengan membina pelayan Node.js, Express, Ejs, Mongodb dan pembangunan aplikasi dari scratch_node.js

Artikel ini diadaptasi daripada "[Terjemahan] Panduan Bermula untuk Pembangun Bahagian Hadapan, Membina Node.js, Express, Jade, Mongodb Server dari Scratch" Feiyu. Sebab saya menukar Jade kepada Ejs adalah kerana saya fikir ejs adalah lebih sesuai. Tabiat pengaturcara WEB, lebih tepat lagi, harus lebih sesuai dengan tabiat penggunaan pengaturcara PHP dan ASP. Okay, tanpa berlengah lagi, mari kita mulakan tutorial secara langsung.

Bahagian 1 – Pemasangan 15 Minit

Jika anda benar-benar ingin belajar dari awal, maka luangkan masa untuk menyediakan persekitaran terlebih dahulu. Ia tidak sukar, dan saya menggunakan Win8, jadi ini kelihatan sedikit berbeza daripada tutorial yang menggunakan Mac dan Ubuntu atau sistem *nix lain, tetapi ia pada asasnya sama.

Langkah 1 – Pasang Node.JS

Senang sahaja, pergi ke tapak web rasmi Node.js, klik butang Pasang hijau besar, ia akan mengesan sistem anda secara automatik dan memberi anda muat turun fail pemasangan yang betul. (Jika tidak, klik butang Muat turun untuk memilih muat turun yang anda perlukan). Jalankan pemasang dan anda boleh pergi. Anda telah memasang Node.js dan NPM (Pengurus Pakej Node) membolehkan anda memasang pelbagai pakej berguna ke dalam Node dengan mudah.

Langkah 2 – Pasang Express

Sekarang kami menjalankan Node, kami memerlukan beberapa perkara yang membolehkan kami benar-benar membuat tapak yang boleh digunakan. Seterusnya kita perlu memasang Express, iaitu rangka kerja yang menukar Node daripada aplikasi primitif kepada pelayan web yang lebih seperti pelayan web yang biasa kita gunakan. Kita perlu bermula dengan Express kerana kita memerlukan fungsi perancah yang disediakannya. Kami memasukkan arahan ini:

Salin kod Kod adalah seperti berikut:

c:node>npm pasang -g express

Dengan cara ini, Express dipasang dengan betul dalam Nod kami dan telah disediakan secara global. Anda akan melihat sekumpulan output dalam tetingkap baris arahan, kebanyakannya http 304 dan permintaan GET, ini adalah perkara biasa. Express harus dipasang dan tersedia.

Langkah 3 – Buat projek Ekspres

Kami akan menggunakan Express dan Ejs, tetapi bukan untuk prapemprosesan CSS. Kami akan menulis beberapa CSS dengan tangan. Kita perlu menggunakan Ejs atau enjin templat lain untuk memproses data Nod dan Express. Ejs tidak sukar jika anda tahu HTML. Ingatlah bahawa anda perlu menumpukan perhatian, jika tidak, perkara mudah menjadi salah.

Kini dalam tetingkap baris arahan yang sama taip:

Salin kod Kod adalah seperti berikut:

c:node>express –sessions nodetest1

Tekan Enter dan anda akan melihat banyak perkara seperti ini:

Salin kod Kod adalah seperti berikut:

C:node>express --sessions nodetest1
buat : nodetest1
buat : nodetest1/package.json
buat : nodetest1/app.js
buat : nodetest1/routes
buat : nodetest1/routes/index.js
buat : nodetest1/routes/user.js
buat : nodetest1/views
buat : nodetest1/views/index.ejs
buat : nodetest1/public/images
buat : nodetest1/public/javascripts
buat : nodetest1/public
buat : nodetest1/public/stylesheets
buat : nodetest1/public/stylesheets/style.css

pasang kebergantungan:
$ cd nodetest1 && npm install

jalankan apl:
$apl nod

Langkah 4 – Edit Ketergantungan

Baiklah, kami kini mempunyai beberapa struktur projek asas, tetapi kami belum selesai. Anda akan melihat bahawa proses pemasangan ekspres mencipta fail yang dipanggil package.json dalam direktori nodetest1 anda Buka fail ini dengan editor teks.

Salin kod Kod adalah seperti berikut:

{
"nama": "nama-permohonan",
"versi": "0.0.1",
"swasta": benar,
"skrip": {
"start": "node app.js"
},
"pergantungan": {
"express": "3.4.8",
"ejs": "*"
}
}

Ini ialah fail format JSON standard yang mewakili aplikasi kami dan kebergantungannya. Kita perlu menambah sedikit. Contohnya, panggilan ke mongodb dan Monk. Tukar bahagian dependencies kepada ini:

Salin kod Kod adalah seperti berikut:

"pergantungan": {
"express": "3.4.8",
"ejs": "*",
"mongodb": "*",
"sami": "*"
}

Langkah 5 – Pasang kebergantungan

Kini kami telah menentukan kebergantungan projek. * akan memberitahu NPM untuk "memasang versi terkini". Kembali ke tetingkap baris arahan, masukkan direktori nodetest1, dan masukkan:

Salin kod Kod adalah seperti berikut:

C:nodenodetest1>npm pasang

Ia akan mengeluarkan sekumpulan barangan. Ini kerana ia membaca fail JSON kami yang diubah suai secara langsung, mengenal pasti kebergantungan di dalamnya dan memasang fail yang diperlukan. Apabila NPM dipasang, anda harus mempunyai direktori node_modules yang mengandungi semua fail pergantungan yang diperlukan oleh projek kami.

Kini kami mempunyai Apl berfungsi sepenuhnya dan ia sedia untuk dijalankan. Jom cuba! Pastikan direktori semasa anda ialah direktori nodetest1, masukkan:

Salin kod Kod adalah seperti berikut:

C:nodenodetest1>node app.js

Selepas menekan enter anda akan melihat:

Salin kod Kod adalah seperti berikut:

Mendengar pelayan ekspres pada port 3000

luar biasa. Buka penyemak imbas dan masukkan http://localhost:3000 Anda seharusnya melihat halaman selamat datang Ekspres.

Kini anda mempunyai Node JS WebServer anda sendiri yang berjalan dengan enjin Express dan enjin templat HTML Ejs. Ia tidak begitu sukar, bukan?

Bahagian 2 – Okey, mari tulis “Hello, World!”

Buka editor teks yang biasa anda gunakan atau IDE lain Saya secara peribadi suka menggunakan Teks Sublime. Buka app.js dalam direktori nodetest1 anda. Fail ini adalah teras Apl anda. Anda sepatutnya melihat sesuatu seperti ini:

Salin kod Kod adalah seperti berikut:

var express = memerlukan('express');
var route = require('./routes');
var user = require('./routes/user');
var http = memerlukan('http');
var path = memerlukan('path');

Ini hanya mentakrifkan sekumpulan pembolehubah JavaScript dan menunjuk kepada beberapa pakej dan kebergantungan, fungsi nod dan laluan. Laluan adalah bersamaan dengan koleksi Model dan Pengawal dalam MVC Mereka bertanggungjawab untuk memajukan permintaan dan juga mengandungi beberapa logik pemprosesan. Express telah mencipta semua perkara ini untuk kita Mari abaikan laluan pengguna buat masa ini dan mula menulis laluan peringkat teratas (dikawal oleh routesindex.js).

Tulis di hujung fail di atas:

Salin kod Kod adalah seperti berikut:

var app = express();

Ayat ini sangat penting. Ia menjadikan Express dan menyerahkannya kepada pembolehubah apl kami. Kandungan berikut akan menggunakan pembolehubah ini untuk mengkonfigurasi sekumpulan parameter Express. Teruskan menaip:

Salin kod Kod adalah seperti berikut:

// semua persekitaran
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('lihat enjin', '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')));

Ini menetapkan port, direktori untuk mencari paparan, enjin templat yang akan digunakan untuk memproses paparan ini dan beberapa perkara lain. Juga perhatikan baris terakhir, yang memberitahu Express untuk mengehoskan fail statik dalam direktori awam/ sebagai fail dalam direktori peringkat atas. Sebagai contoh, direktori imej anda disimpan dalam c:nodenodetest1publicimages, tetapi alamat akses sebenar ialah http://localhost:3000/images/.

Nota: Anda perlu meletakkan baris ini

Salin kod Kod adalah seperti berikut:

app.use(express.bodyParser());

Tukar kepada

Salin kod Kod adalah seperti berikut:

app.use(express.urlencoded());

Ini adalah untuk mengabaikan beberapa mesej amaran dalam tetingkap Nod semasa aplikasi sedang berjalan. Terutamanya beberapa kemungkinan pengubahsuaian masa hadapan untuk Express dan pemalamnya. Jika anda tidak membuat pengubahsuaian ini, anda akan menerima sekumpulan amaran bahawa fungsi tertentu akan tamat tempoh apabila program dijalankan.

Kemudian tambah:

Salin kod Kod adalah seperti berikut:

// pembangunan sahaja
if ('pembangunan' == app.get('env')) {
app.use(express.errorHandler());
}

Dengan cara ini anda boleh melakukan beberapa semakan ralat semasa pembangunan.

Teruskan peningkatan:

Salin kod Kod adalah seperti berikut:

app.get('/', routes.index);
app.get('/users', user.list);

Ini memberitahu penghala Laluan yang hendak digunakan apabila permintaan URI tiba. Ambil perhatian bahawa pembolehubah pengguna telah ditakrifkan lebih awal dan dipetakan ke /routes/user.js Kami akan memanggil fungsi senarai yang ditakrifkan dalam fail ini. Senarai pengguna boleh dipaparkan di sini.

Teruskan peningkatan:

Salin kod Kod adalah seperti berikut:

http.createServer(app).listen(app.get('port'), function(){
console.log('Pelayan Ekspres mendengar pada port ' app.get('port'));
});

Akhir sekali, buat pelayan http dan mulakannya. Itu sahaja.

(Kandungan di atas lengkap dalam templat yang dihasilkan oleh ekspres baharu, tidak perlu menulisnya dalam diri anda)

Sekarang, mari tulis sesuatu yang berguna. Kami tidak akan menulis "Hello World!" secara langsung dalam halaman indeks kami. Kami akan mengambil peluang ini untuk mempelajari cara menggunakan penghalaan laluan dan mempelajari cara enjin Ejs berfungsi. Tambahkan baris selepas bahagian app.get() pada fail app.js di atas:

app.get('/helloworld', routes.helloworld);
Jika anda menekan ctrl C dalam tetingkap baris arahan untuk menamatkan proses app.js dan kemudian mulakannya semula, kemudian gunakan penyemak imbas untuk mengakses http://localhost:3000/helloworld, anda akan mendapat ralat nod yang sangat menarik dan perkara berikut mesej dalam tetingkap baris arahan: Sekumpulan gesaan ranap. Ini kerana kami belum mengubah suai penghalaan untuk mengendalikan laluan ini. Mari lakukan ini. Dalam editor anda, pergi ke direktori laluan, cari index.js dan bukanya. Ia sepatutnya kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

/*
* DAPATKAN halaman utama.
*/

exports.index = function(req, res){
res.render('index', { title: 'Express' });
};

Mari tambah halaman baharu. Saya lebih suka mencipta fail laluan bebas untuk setiap direktori peringkat pertama, tetapi kini kami tidak merancang untuk membina struktur direktori lengkap untuk helloworld di bawah paparan, jadi kami akan menggunakan penghalaan indeks buat masa ini. Pada penghujung fail ini tambahkan:

Salin kod Kod adalah seperti berikut:

exports.helloworld = function(req, res){
res.render('helloworld', { tajuk: 'Hello, World!' });
};

Ia akan bertanggungjawab untuk memproses permintaan URI ini, tetapi kini kami tidak mempunyai halaman sebenar untuk res.render untuk dipaparkan. Ini adalah tugas Ejs. Pergi ke direktori pandangan anda, buka index.ejs dan simpan sebagai fail helloworld.ejs. Ia sepatutnya kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

<%= tajuk %>

Selamat datang ke <%= tajuk %>

Ia sepatutnya mudah difahami.
Simpan fail. Tekan ctrl c dalam tetingkap baris arahan untuk mengganggu app.js, kemudian taip nod app.js untuk memulakannya semula. Petua: Apabila anda mengubah suai fail templat ejs, anda tidak perlu memulakan semula pelayan. Tetapi apabila anda menukar fail js, seperti app.js atau fail js penghalaan, anda mesti memulakan semula pelayan untuk melihat kesannya.

Selepas pelayan bermula, ambil perhatian bahawa pelayan membuka http://localhost:3000/helloworld, dan anda sepatutnya dapat melihat antara muka yang cantik ini:

Baiklah! Kini setelah kami mempunyai laluan yang boleh mengendalikan templat kami, kami melihat kesan yang kami inginkan. Seterusnya kita akan membuat beberapa Model (lapisan data).

Bahagian 3 – Cipta pangkalan data dan baca data

Langkah 1 – Pasang Mongodb

Mari tutup editor teks dan kembali ke tetingkap baris arahan. Mula-mula gunakan penyemak imbas, buka http://mongodb.org/, dan muat turun Mongo. Klik pautan muat turun dalam menu utama untuk mencari versi yang sesuai untuk sistem anda. Untuk win8 64-bit, muat turun versi 64-bit *2008R2. Selepas memuat turun ia adalah fail zip, nyahzip ke c:mongo atau c:program filesmongo atau di mana sahaja, tidak mengapa. Kami menyimpan data dalam direktori nodetest1 kami.

Langkah 2 – Jalankan Mongod dan mongo

Buat data subdirektori dalam direktori nodetest1 kami, kemudian masukkan direktori bin direktori mongodb anda dalam tetingkap baris arahan dan masukkan:

Salin kod Kod adalah seperti berikut:

mongod –dbpath c:nodenodetest1data

Anda akan melihat bahawa pelayan mongo bermula Permulaan pertama akan mengambil sedikit masa kerana ia perlu memperuntukkan beberapa ruang cakera keras dan beberapa tugas lain. Apabila ia menggesa "[initandlisten] menunggu sambungan pada port 27017", ia selesai. Tiada apa lagi yang perlu dilakukan, pelayan sudah berjalan. Sekarang anda perlu membuka tetingkap baris arahan lain, masukkan direktori bin direktori mongo, dan masukkan

Salin kod Kod adalah seperti berikut:

mongo

Anda akan melihat beberapa gesaan seperti ini:

Salin kod Kod adalah seperti berikut:

c:mongo>mongo
Versi cangkerang MongoDB: 2.4.5
menyambung ke: ujian

Jika anda melihat tetingkap mongod pada masa ini, anda akan melihat gesaan bahawa sambungan telah disambungkan. Kami akan menggunakan klien baris arahan ini untuk memproses pangkalan data kami secara manual seterusnya, tetapi ini tidak diperlukan untuk tapak web kami.

Langkah 3 – Buat pangkalan data

Jangan risau tentang gesaan di atas untuk menyambung ke ujian. Itu hanya pangkalan data lalai yang digunakan oleh mongo apabila anda tidak menentukan pangkalan data Ia tidak akan mencipta pangkalan data bernama ujian melainkan anda menambah rekod padanya. Mari buat pangkalan data kita sendiri. Dalam tetingkap baris arahan mongo, masukkan:

Salin kod Kod adalah seperti berikut:

gunakan nodetest1

Ia tidak akan mencipta pangkalan data melainkan kami memasukkan beberapa data ke dalamnya.

Langkah 4 – Tambahkan beberapa data

Ciri kegemaran saya MongoDB ialah ia menggunakan JSON sebagai struktur data, yang bermaksud saya sangat biasa dengannya. Jika anda tidak biasa dengan JSON, baca dahulu mengenainya;

Kami menambahkan beberapa data pada koleksi. Dalam tutorial ini, kami hanya mempunyai pangkalan data ringkas, hanya meninggalkan dua medan: nama pengguna dan e-mel. Data kami kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

{
"_id" : 1234,
"nama pengguna" : "cwbuecheler",
"e-mel" : "cwbuecheler@nospam.com"
}

Anda boleh mencipta nilai medan _id anda sendiri, tetapi saya fikir lebih baik membiarkan mongo melakukan ini. Ia mencipta nilai unik untuk setiap rekod. Mari lihat bagaimana ia berfungsi. Dalam tetingkap mongo, masukkan:

Salin kod Kod adalah seperti berikut:

db.usercollection.insert({ “nama pengguna” : “testuser1″, “e-mel” : “testuser1@testdomain.com” })

Nota penting: db ialah pangkalan data nodetest1 yang kami buat di atas dan usercollection ialah koleksi kami, yang bersamaan dengan jadual data. Ambil perhatian bahawa kita tidak perlu mencipta koleksi ini terlebih dahulu, ia akan dibuat secara automatik pada kali pertama ia digunakan. Okay, tekan enter. Jika semuanya berjalan lancar, anda akan lihat... tiada apa-apa. Ini tidak bagus, masukkan:

Salin kod Kod adalah seperti berikut:

db.usercollection.find().cantik()

Jika anda ingin tahu, kaedah cantik memformat output, menambah pemisah baris dan lekukan. Ia sepatutnya berbunyi:

Salin kod Kod adalah seperti berikut:

{
"_id" : ObjectId("5202b481d2184d390cbf6eca"),
"nama pengguna" : "testuser1",
"email" : "testuser1@testdomain.com"
}

Sudah tentu, ObjectID yang anda dapat mestilah berbeza, mongo secara automatik akan menghasilkan satu. Jika anda pernah menggunakan perkhidmatan antara muka JSON sebelum ini, adakah anda fikir sekarang, wow, ia sepatutnya sangat mudah untuk memanggil ini di web! Nah, anda betul.

Petua: Sebagai perkhidmatan formal, anda tidak seharusnya mahu semua data disimpan di peringkat teratas. Mengenai reka bentuk struktur data mongodb, lihat di Google.

Sekarang kita mempunyai sekeping data, mari tambah lagi. Masukkan dalam tetingkap mongo:

Salin kod Kod adalah seperti berikut:

newstuff = [{ "username" : "testuser2", "email" : "testuser2@testdomain.com" }, { "username" : "testuser3", "email" : "testuser3@testdomain.com" }]
db.usercollection.insert(newstuff);

Ambil perhatian bahawa kami menghantar berbilang keping data kepada koleksi melalui satu data pada satu masa. Betapa mudahnya! Gunakan arahan find di atas dan anda akan melihat tiga keping data ini.

Sekarang mari kita integrasikan pelayan web dan pangkalan data yang dibina sebelum ini.

Langkah 5 – Sambungkan mongo ke nod

Sekarang mari kita buat halaman untuk memaparkan rekod dalam pangkalan data ke dalam jadual yang cantik. Ini ialah kandungan HTML yang akan kami hasilkan:

Salin kod Kod adalah seperti berikut:

• testuser1


• testuser2


• testuser3

Saya tahu ini tidak begitu saintifik, tetapi anda faham sahaja. Kami hanya mahu membina program membaca dan menulis pangkalan data yang mudah, bukan untuk membina laman web yang lengkap. Mula-mula, kami menambah sedikit kandungan pada app.js (hati dan jiwa aplikasi kami) supaya kami boleh menyambung ke mongodb. Buka c:nodenodetest1app.js, di bahagian atas anda akan melihat:

Salin kod Kod adalah seperti berikut:

var express = memerlukan('express');
var route = require('./routes');
var user = require('./routes/user');
var http = memerlukan('http');
var path = memerlukan('path');

Di bawahnya tambahkan:

Salin kod Kod adalah seperti berikut:

// Kod Baharu
var mongo = memerlukan('mongodb');
var sami = memerlukan('sami');
var db = sami('localhost:27017/nodetest1');

Talian ini akan memberitahu apl bahawa kami perlu menyambung ke MongoDB Kami menggunakan Monk untuk bertanggungjawab ke atas sambungan ini Lokasi pangkalan data kami ialah localhost:27017/nodetest1. Ambil perhatian bahawa 27017 ialah port lalai mongodb Jika anda menukar port atas sebab tertentu, rekodkannya di sini dan ubahnya dengan sewajarnya. Sekarang lihat bahagian bawah fail:

Salin kod Kod adalah seperti berikut:

app.get('/', routes.index);
app.get('/users', user.list);
app.get('/helloworld', routes.helloworld);

Tambahkan baris di bawah:

Salin kod Kod adalah seperti berikut:

app.get('/userlist', routes.userlist(db));

Baris ini memberitahu apl bahawa apabila pengguna mengakses laluan /userlist, kita perlu menghantar pembolehubah db ke laluan senarai pengguna. Tetapi kami belum mempunyai laluan senarai pengguna, jadi mari buat satu sekarang.

Langkah 6 – Baca data dalam mongo dan paparkan

Buka c:nodenodetest1routesidnex.js dengan editor anda Terdapat dua laluan, index dan hello world Sekarang mari tambahkan yang ketiga:

Salin kod Kod adalah seperti berikut:

exports.userlist = function(db) {
Kembalikan fungsi(req, res) {
      var collection = db.get('usercollection');
        collection.find({},{},function(e,docs){
              res.render('senarai pengguna', {
“senarai pengguna” : dokumen
            });
});
};
};

Okay, keadaan menjadi rumit sedikit. Di sini kita mula-mula menentukan fungsi untuk menerima pembolehubah db yang kita lalui, dan kemudian memanggil pemaparan halaman yang sama dengan dua laluan sebelumnya. Kami memberitahunya bahawa ia perlu membaca koleksi pengguna, melakukan carian dan menyimpan data yang dikembalikan dalam pembolehubah dokumen. Sebaik sahaja kami membaca kandungan, kami memanggil pemaparan untuk memaparkan halaman templat senarai pengguna dan lulus pembolehubah dokumen yang diperoleh sebagai pembolehubah senarai pengguna dalam enjin templat.

Seterusnya buat templat Ejs kami. Buka index.ejs dalam direktori pandangan, simpannya sebagai userlist.ejs, dan kemudian ubah suai HTMLnya supaya kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

Senarai Pengguna

<%
for(var i dalam senarai pengguna){
%>

• ”><%=userlist[i].username%> <% } %>
  

Simpan fail dan mulakan semula pelayan nod. Harap anda ingat bagaimana untuk memulakan semula. Buka pelayar dan lawati http://localhost:3000/userlist Anda sepatutnya melihat antara muka seperti ini:

Klik butang serah dan anda akan melihat ralat "tidak boleh menghantar ke / adduser". Mari kita betulkan.

Langkah 2 – Buat fungsi pemprosesan pangkalan data anda

Seperti sebelum ini, kami mengubah suai app.js, kemudian fail laluan, dan kemudian templat ejs. Walau bagaimanapun, tidak perlu templat ejs di sini, kerana siaran kami akan melompat kemudian. Tambahkan baris selepas bahagian app.get() app.js:

Salin kod Kod adalah seperti berikut:

app.post('/adduser', routes.adduser(db));

Harap maklum bahawa ini ialah app.post, bukan app.get. Mari sediakan laluan. Kembali ke route/index.js, buat fungsi sisipan pangkalan data kami. Yang ini agak besar, jadi saya syorkan anda menulis ulasan yang baik.

Salin kod Kod adalah seperti berikut:

exports.adduser = function(db) {
Kembalikan fungsi(req, res) {

// Dapatkan nilai borang kami ini bergantung pada atribut "nama"
        var userName = req.body.username;
        var userEmail = req.body.useremail;

// Tetapkan koleksi kami
      var collection = db.get('usercollection');

// Serahkan kepada DB
        collection.insert({
"nama pengguna" : nama pengguna,
“e-mel” : e-mel pengguna
           }, fungsi (err, doc) {
                 jika (err) {
// Jika gagal, kembalikan ralat
                   res.send("Terdapat masalah menambahkan maklumat pada pangkalan data.");
            }
             lain {
// Jika ia berjaya, tetapkan pengepala supaya bar alamat masih tidak tertera /adduser
                   res.location("senarai pengguna");
// Dan maju ke halaman kejayaan
                     res.redirect("senarai pengguna");
            }
});

}
}

Jelas sekali dalam projek sebenar anda masih perlu melakukan banyak pengesahan Sebagai contoh, nama pengguna dan e-mel tidak dibenarkan diulang, dan alamat e-mel mesti mematuhi peraturan format tertentu. Tetapi mari kita abaikan itu buat masa ini. Anda dapat melihat bahawa apabila pemasukan ke dalam pangkalan data selesai, kami meminta pengguna melompat kembali ke halaman senarai pengguna di mana mereka harus melihat data yang baru dimasukkan.

Adakah ini cara terbaik?

Langkah 3 – Sambungkan ke pangkalan data dan tulis data

Pastikan mongod anda sedang berjalan! Kemudian mulakan semula pelayan nod anda. Buka http://localhost:3000/newuser dengan penyemak imbas. Sekarang kami mengisi beberapa kandungan dan klik butang hantar. Jika semuanya berjalan lancar, kami harus kembali ke halaman senarai pengguna dan melihat data baharu yang baru kami tambah.

Sekarang kami telah melengkapkan membaca dan menulis pangkalan data Mongodb secara rasmi menggunakan Node.js, Express dan Ejs, kami sudah pun menjadi pengaturcara yang hebat.

Tahniah, sungguh. Jika anda membaca tutorial ini dengan teliti dan mengkajinya dengan teliti dan bukannya hanya menyalin kod, anda harus mempunyai konsep lengkap laluan, pandangan, membaca data dan menulis data. Ini adalah semua yang anda perlu tahu untuk membangunkan mana-mana laman web lengkap yang lain! Tidak kira apa yang anda fikirkan, saya fikir ia sangat bagus.

Bahagian 5 – Langkah Seterusnya

Mulakan sekarang dan kemungkinan anda tidak berkesudahan. Anda boleh melihat Mongoose, pakej Node lain untuk bekerja dengan pangkalan data MongoDB. Ia lebih besar daripada Monk dan mempunyai lebih banyak ciri. Anda juga boleh melihat Stylus, enjin CSS untuk Express. Anda boleh Google Node Express Mongo Tutorial untuk melihat perkara berikut. Belajar bersungguh-sungguh dan buat kemajuan setiap hari.

Saya harap tutorial ini dapat membantu, saya menulis ini kerana apabila saya mula belajar saya sangat memerlukan sesuatu seperti ini, tetapi tidak menemuinya. Jika anda telah berjaya sejauh ini, terima kasih banyak!