1. Tulis di depan
Semua orang ingin menjadi coder tumpukan penuh. Sebagai pengembang web front-end, jalan sederhana menuju tumpukan penuh tampaknya node.js. Saya belajar Node.js beberapa waktu lalu untuk berbicara tentang bagaimana para pemula dapat dengan cepat membangun layanan web mereka sendiri dan memulai jalan menuju tumpukan penuh.
2. Instal Node.js
Siapa pun yang telah terpapar pengembangan back-end tahu bahwa hal pertama yang harus dilakukan adalah menginstal layanan. Sebagai seorang pemula, Anda harus memilih instalasi visual paling sederhana (langkah selanjutnya dari orang bodoh, metode lain, dll., Secara alami akan mengetahuinya setelah membiasakan dengan operasi yang relevan). Unduh paket instalasi yang diadaptasi komputer (ini Windows, saya tidak dapat membeli Mac), dan kemudian instal sesuai dengan boot. Ini diinstal secara default di bawah file C:/Program File/NodeJS, dan tambahkan direktori ini ke variabel lingkungan jalur. Untuk praktik spesifik, klik kanan "komputer saya"-"properti"-"System Advanced"-"Advanced"-"Variabel Lingkungan" -Tipkan "Nama Variabel: Path"; "Ubah nilai variabel: tambahkan [c:/program file/nodeJs] di akhir (tergantung pada direktori instalasi Anda)". Buka CMD dan jalankan perintah secara langsung:
node -v dapat mengeluarkan nomor versi saat ini. NPM telah diintegrasikan ke dalam file node, dan kemudian menggunakan NPM Instal XXX untuk menginstal plug-in atau modul yang diperlukan.
3. Gunakan kerangka kerja ekspres
Setelah bekerja keras untuk sementara waktu, saya akhirnya menggunakan perintah NPM untuk menginisialisasi, menginstal kerangka kerja Express, dan kemudian menulis Hello World untuk menikmatinya. Mengapa Memilih Kerangka Kerja Ekspres? Tentu saja, ia memiliki fitur khusus. Apa yang paling ditakuti oleh pemula adalah bahwa mereka merepotkan dan mudah membuat kesalahan. Express tentu mempertimbangkannya bagi kami, jadi itu memberikan generator cepat: Express-Generator
1. Instal ke Global Via Command: NPM Instal Express -Generator -G
2. Gunakan perintah ekspres untuk menghasilkan struktur proyek
Express myapp di mana myapp adalah nama proyek Anda
3. Masukkan file proyek melalui CD MyApp
Inisialisasi modul ketergantungan melalui instalasi NPM
Mulai server web dengan mengatur debug = myapp & npm start
4. Buka http: // localhost: 3000/url di browser dan Anda dapat melihat aplikasi ini.
Secara default, mesin templat yang digunakan adalah Jade, dan template ini telah dikonfigurasi dalam proyek.
4. Pengantar Proyek Generator Ekspres
1. Organisasi Proyek MYAPP adalah sebagai berikut:
2. Package.json dapat dikatakan sebagai paket manajemen modul, informasi proyek dan nomor versi modul. Bahkan, Anda akan menemukan bahwa ketika modul proyek diinisialisasi, dihasilkan oleh konfigurasi di sini.
3. App.js adalah file startup proyek, yang dapat dikatakan sebagai inti dari proyek. Terutama menulis beberapa fungsi publik.
4. Ada file www tanpa sufiks di bawah file bin. Ini adalah file entri proyek, yang mengkonfigurasi port layanan web dan beberapa acara mendengarkan.
5. Node_modules adalah modul file yang tergantung pada proyek. Paket yang diimpor akan ditempatkan di dalamnya nanti, seperti modul Mongoose yang menghubungkan ke database, yang akan dibahas secara rinci nanti.
6. Publik adalah set file sumber daya statis proyek. Sangat mudah untuk melihat bahwa gambar, file CSS, dan semua file JS ditempatkan di sini.
7. Rute adalah modul perutean proyek, di mana file index.js dan user.js telah default. Ini sebenarnya termasuk konten pengontrol dalam bahasa latar belakang umum, dan tentu saja dapat dipisahkan pada proyek besar.
8. Views adalah file templat proyek dan merupakan mesin templat giok. Template ini sangat ringkas, tetapi ada banyak jebakan. Misalnya, persyaratan untuk ruang sangat ketat. Satu atau satu ruang lebih sedikit akan melaporkan kesalahan. Saya telah menginjak banyak jebakan, tetapi sebenarnya kinerjanya tidak terlalu tinggi, jadi lebih baik menggunakan EJS.
5. Instal MongoDB
1. Juga unduh file MSI secara langsung di situs web resmi (http://www.mongodb.org/downloads )
2. Langkah selanjutnya adalah menginstalnya. Jika ada default, biarkan default. Jika ada pilihan, pilih semua.
3. Kemudian konfigurasikan variabel lingkungan, sama seperti node, tidak lagi menggambarkannya, tetapi Anda dapat meletakkannya di gambar, hahaha ...
4. Selanjutnya adalah memulai layanan MongoDB
5. Lewati perintah: mongod --dbpath f:/mongodb/data di mana f:/mongoDb/data adalah jalur penyimpanan file. Saya melihat informasi berikut dan menjelaskan itu berhasil.
6. MongoDB mendengarkan port 27017. Pada saat yang sama, saat membuka browser dan memasuki http://127.0.0.1:27017 , Anda akan melihat prompt berikut:
Sepertinya Anda mencoba mengakses MongoDB melalui HTTP di port driver asli.
7. Lalu, buka CMD dan masukkan perintah Mongo untuk menautkan database. Prompt berikut muncul:
2015-05-02T17: 10: 19.467+0800 I Kontrol Hotfix KB2731284 atau pembaruan yang lebih baru tidak diinstal, akankah file data zero-out MongoDB Shell Versi: 3.0.2 Menghubungkan ke: Tes
8. Dengan cara ini, MonogDB diinstal dengan sukses di lingkungan Windows.
Mengisi kembali:
9. Jika Anda pikir itu merepotkan untuk membuka layanan dengan perintah setiap saat, Anda dapat menulisnya ke dalam file batch, yang berarti membuat file baru dengan sufiks.bat dan menulis kode berikut:
Mulai Mongod --DBPath F:/MongoDB/Data
10. Tentu saja, Anda juga dapat memulai MongoDB dengan cara layanan, tetapi saya pikir itu tidak terlalu berguna dalam proses pembelajaran. Teman bisa mencobanya sendiri. Jika Anda membutuhkannya, saya akan menebusnya nanti.
11. Jika menurut Anda baris perintah tidak mudah digunakan, rekomendasikan perangkat lunak dengan antarmuka grafis: Mongovue, yang mirip dengan Navicat. Ini memiliki versi gratis, yang berarti ada lebih sedikit fungsi, tetapi sepenuhnya cukup selama proses pembelajaran.
6. Gunakan monogdb dalam proyek node
1. Impor Modul Koneksi MonogDB. Express secara resmi memperkenalkan modul Mongoskin. Saya tidak akan membicarakan hal ini. Di sini kami memperkenalkan instalasi melalui Mongoose
2. Jalankan instalasi NPM Install Mongoose -Save di proyek MYAPP dan simpan ke Node_Modules. Anda juga dapat mengonfigurasi "Mongoose": "^4.4.12" di package.json, dan kemudian memerintahkan NPM Instal untuk menginstal.
3. Di file app.js
A. Impor Modul Mongoose:
var mongoose = membutuhkan ('mongoose');
B. Buat koneksi database
Mongoose.connect ('MongoDB: // LocalHost/Mydb') // Sambungkan database lokal
4. Buat skema folder baru di direktori Root Proyek. Ini adalah modul dataset. Buat file Users.js baru di bawah modul.
var mongoose = membutuhkan ('mongoose'); // mendeklarasikan objek mongoon var penggunaschema = new mongoose.schema ({name: string, paw: string, meta: {createat: {type: date, default: date.Wool ()}, updateat: {type: date, default, dan date: sekarang ()}, {type: date, dePault. Operasi penggunaschema.pre ('save', function (next) {if (this.isnew) {this.meta.createat = this.meta.updateat = date.now ();} else {this.meta.updateat = date.nowaCs ();} next ();}) // pencarian Metode Static static = date. Semua data mengembalikan ini .find () .sort ('meta.updateat') //sorting.exec(cb) // callback}, findbyid: function (id, cb) {// kueri satu bagian data berdasarkan id mengembalikan ini .findOne ({_ id: id}). exec (cb)}}} {{{_ ID: id}). exec (cb)}}}}} {{{{_ id}). exec (cb)5. Tambahkan file modul ke direktori root. Ini adalah modul model data. Tambahkan file Users.js di bawah modul.
var mongoose = membutuhkan ('mongoose') var userschema = membutuhkan ('../ skema/pengguna') // Dapatkan modul dataset yang diekspor var users = mongoose.model ('pengguna', pengguna) // koleksi dan menghasilkan modul model film.Exports = pengguna '6. Tambahkan kode pengontrol perutean ke file Users.js di file rute
var express = membutuhkan ('express'); var mongoose = membutuhkan ('mongoose'); // impor modul mongoose var users = membutuhkan ('../ model/pengguna'); // impor model data model var router = ekspres.router ();/* Dapatkan daftar pengguna. */router.get ('/', function (req, res, next) {res.send ('merespons dengan sumber daya');}); // query semua data pengguna router.get ('/users', function (req, res, next) {Users.fetch (function (err, Users) {if (err) {console.log) {Users.fetch (function (err, Users) {if (err) {console.log) {Users.fetch (function (err, Users) {if (err) {console.log) {Users.fetch (function (err, Users) {if (err) {console.log) {{{{err funch) (errer) {if (err) {console.log. Pengguna: Pengguna}) // Di sini Anda juga dapat secara langsung mengembalikan data dalam format JSON res.json ({data: pengguna});7. Tambahkan pengguna.jade ke file tampilan
Perluas Konten LayoutBlock H1 = Judul // Metode Nilai Jade Ul Setiap Pengguna di Pengguna // Templat Jade Metode Traversal Li H4 #{User.Name} Span #{User.Paw}8. Akhirnya, buka URL: http: // localhost: 3000/pengguna/pengguna di browser untuk melihat efeknya. Di sini, proyek dari database ke front-end selesai.
Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.