1. เขียนไว้ข้างหน้า
ทุกคนต้องการที่จะเป็น coder สแต็คเต็มรูปแบบ ในฐานะนักพัฒนาเว็บส่วนหน้าถนน Simple To Full Stack ดูเหมือนจะเป็น Node.js ฉันเรียนรู้ node.js เมื่อไม่นานมานี้เพื่อพูดคุยเกี่ยวกับวิธีที่สามเณรสามารถสร้างบริการเว็บของตัวเองได้อย่างรวดเร็วและเริ่มต้นถนนสู่สแต็คเต็มรูปแบบ
2. ติดตั้ง node.js
ทุกคนที่ได้รับการพัฒนาด้านหลังรู้ว่าสิ่งแรกที่ต้องทำคือการติดตั้งบริการ ในฐานะมือใหม่คุณต้องเลือกการติดตั้งภาพที่ง่ายที่สุด (ขั้นตอนต่อไปของคนโง่วิธีอื่น ๆ ฯลฯ จะรู้ตามธรรมชาติหลังจากทำความคุ้นเคยกับการดำเนินการที่เกี่ยวข้อง) ดาวน์โหลดแพ็คเกจการติดตั้งที่ปรับเปลี่ยนคอมพิวเตอร์ (นี่คือ Windows ฉันไม่สามารถซื้อ Mac ได้) จากนั้นติดตั้งตามการบู๊ต มันถูกติดตั้งโดยค่าเริ่มต้นภายใต้ไฟล์ C:/โปรแกรม/โปรแกรม NodeJS และเพิ่มไดเรกทอรีนี้ลงในตัวแปรสภาพแวดล้อมพา ธ สำหรับการปฏิบัติที่เฉพาะเจาะจงคลิกขวา "คอมพิวเตอร์ของฉัน"-"คุณสมบัติ"-"ระบบขั้นสูง"-"ขั้นสูง"-"ตัวแปรสภาพแวดล้อม"-เลือก "ชื่อตัวแปร: PATH"; "เปลี่ยนค่าของตัวแปร: เพิ่ม [c:/program files/nodejs] ในตอนท้าย (ขึ้นอยู่กับไดเรกทอรีการติดตั้งของคุณ)" เปิด CMD และเรียกใช้คำสั่งโดยตรง:
Node -V สามารถส่งออกหมายเลขเวอร์ชันปัจจุบัน NPM ได้ถูกรวมเข้ากับไฟล์โหนดแล้วใช้ NPM ติดตั้ง XXX เพื่อติดตั้งปลั๊กอินหรือโมดูลที่ต้องการ
3. ใช้เฟรมเวิร์กด่วน
หลังจากทำงานอย่างหนักในขณะที่ในที่สุดฉันก็ใช้คำสั่ง NPM เพื่อเริ่มต้นติดตั้ง Framework Express แล้วเขียน Hello World เพื่อสนุกกับมัน ทำไมต้องเลือกเฟรมเวิร์กด่วน? แน่นอนว่ามันมีคุณสมบัติพิเศษ สิ่งที่มือใหม่กลัวที่สุดคือพวกเขาลำบากและง่ายต่อการทำผิดพลาด Express นำมาพิจารณาอย่างแน่นอนสำหรับเราดังนั้นมันจึงให้เครื่องกำเนิดไฟฟ้าอย่างรวดเร็ว: Express-Generator
1. ติดตั้งไปยัง Global Via Command: NPM ติดตั้ง Express -Generator -G
2. ใช้คำสั่งด่วนเพื่อสร้างโครงสร้างโครงการ
แสดง myApp ที่ชื่อโครงการของคุณคือชื่อโครงการของคุณ
3. ป้อนไฟล์โครงการผ่าน CD MyApp
เริ่มต้นโมดูลการพึ่งพาผ่านการติดตั้ง NPM
เริ่มต้นเว็บเซิร์ฟเวอร์โดยการตั้งค่า debug = myApp & npm เริ่มต้น
4. เปิด http: // localhost: 3000/url ในเบราว์เซอร์และคุณสามารถดูแอปพลิเคชันนี้
โดยค่าเริ่มต้นเอ็นจิ้นเทมเพลตที่ใช้คือหยกและเทมเพลตนี้ได้รับการกำหนดค่าในโครงการ
4. บทนำสู่โครงการ Express Generator
1. องค์กรของโครงการ MyApp มีดังนี้:
2. Package.json สามารถกล่าวได้ว่าเป็นแพ็คเกจการจัดการโมดูลข้อมูลโครงการและหมายเลขรุ่นโมดูล ในความเป็นจริงคุณจะพบว่าเมื่อมีการเริ่มต้นโมดูลโครงการจะถูกสร้างขึ้นโดยการกำหนดค่าที่นี่
3. App.js เป็นไฟล์เริ่มต้นโครงการซึ่งอาจกล่าวได้ว่าเป็นแกนหลักของโครงการ ส่วนใหญ่เขียนฟังก์ชั่นสาธารณะ
4. มีไฟล์ www ที่ไม่มีคำต่อท้ายภายใต้ไฟล์ bin นี่คือไฟล์รายการของโครงการซึ่งกำหนดค่าพอร์ตบริการเว็บและกิจกรรมการฟัง
5. Node_Modules เป็นโมดูลไฟล์ที่ขึ้นอยู่กับโครงการ แพ็คเกจที่นำเข้าจะถูกวางไว้ในภายหลังเช่นโมดูลพังพอนที่เชื่อมต่อกับฐานข้อมูลซึ่งจะกล่าวถึงในรายละเอียดในภายหลัง
6. สาธารณะเป็นชุดไฟล์ทรัพยากรคงที่ของโครงการ เป็นเรื่องง่ายที่จะเห็นว่ารูปภาพไฟล์ CSS และไฟล์ JS ทั้งหมดอยู่ที่นี่
7. เส้นทางเป็นโมดูลการกำหนดเส้นทางของโครงการซึ่งไฟล์ index.js และ user.js ได้รับการผิดนัด ซึ่งรวมถึงเนื้อหาคอนโทรลเลอร์ในภาษาพื้นหลังทั่วไปและแน่นอนว่าสามารถแยกออกจากโครงการขนาดใหญ่ได้
8. มุมมองเป็นไฟล์เทมเพลตของโครงการและเป็นเอ็นจิ้นเทมเพลตหยก เทมเพลตนี้กระชับมาก แต่มีข้อผิดพลาดมากมาย ตัวอย่างเช่นข้อกำหนดสำหรับช่องว่างนั้นเข้มงวดมาก มีพื้นที่น้อยลงหนึ่งหรือหนึ่งช่องจะรายงานข้อผิดพลาด ฉันได้ก้าวไปสู่ข้อผิดพลาดมากมาย แต่ในความเป็นจริงการแสดงของมันไม่สูงมากดังนั้นจึงเป็นการดีกว่าที่จะใช้ EJS
5. ติดตั้ง MongoDB
1. ดาวน์โหลดไฟล์ MSI โดยตรงบนเว็บไซต์ทางการ (http://www.mongoDb.org/downloads )
2. ขั้นตอนต่อไปคือการติดตั้ง หากมีค่าเริ่มต้นให้เป็นค่าเริ่มต้น หากมีทางเลือกให้เลือกทั้งหมด
3 จากนั้นกำหนดค่าตัวแปรสภาพแวดล้อมเช่นเดียวกับโหนดไม่ได้อธิบายอีกต่อไป แต่คุณสามารถใส่ไว้ในภาพฮ่าฮ่าฮ่า ...
4. ถัดไปคือการเริ่มบริการ MongoDB
5. ผ่านคำสั่ง: Mongod -Dbpath F:/MongoDB/ข้อมูลโดยที่ f:/mongoDB/data เป็นเส้นทางการจัดเก็บไฟล์ ฉันเห็นข้อมูลต่อไปนี้และอธิบายว่ามันประสบความสำเร็จ
6. MongoDB ฟังพอร์ต 27017 ในเวลาเดียวกันเมื่อเปิดเบราว์เซอร์และเข้าสู่ http://127.0.0.1:27017 คุณจะเห็นพรอมต์ต่อไปนี้:
ดูเหมือนว่าคุณกำลังพยายามเข้าถึง MongoDB ผ่าน HTTP บนพอร์ตไดรเวอร์ดั้งเดิม
7. จากนั้นเปิด CMD และป้อนคำสั่ง Mongo เพื่อเชื่อมโยงฐานข้อมูล พรอมต์ต่อไปนี้จะปรากฏขึ้น:
2015-05-02T17: 10: 19.467+0800 I ควบคุม HotFix KB2731284 หรือใหม่กว่าไม่ได้ติดตั้งการอัปเดตจะไม่ติดตั้งไฟล์ข้อมูลที่เป็นศูนย์ออกมา
8. ด้วยวิธีนี้ MONOGDB ได้รับการติดตั้งสำเร็จในสภาพแวดล้อม Windows
เติมเต็ม:
9. ถ้าคุณคิดว่ามันเป็นเรื่องยากที่จะเปิดบริการด้วยคำสั่งทุกครั้งคุณสามารถเขียนลงในไฟล์แบตช์ซึ่งหมายถึงการสร้างไฟล์ใหม่ด้วย suffix.bat และเขียนรหัสต่อไปนี้:
เริ่ม Mongod -Dbpath F:/MongoDB/Data
10. แน่นอนคุณสามารถเริ่ม MongoDB ในลักษณะการบริการ แต่ฉันคิดว่ามันไม่ได้มีประโยชน์มากในกระบวนการเรียนรู้ เพื่อนสามารถลองด้วยตัวเอง หากคุณต้องการฉันจะทำในภายหลัง
11. หากคุณคิดว่าบรรทัดคำสั่งนั้นไม่ง่ายที่จะใช้แนะนำซอฟต์แวร์ที่มีอินเตอร์เฟสกราฟิก: Mongovue ซึ่งคล้ายกับ Navicat มันมีเวอร์ชันฟรีซึ่งหมายความว่ามีฟังก์ชั่นน้อยลง แต่ก็เพียงพอแล้วในระหว่างกระบวนการเรียนรู้
6. ใช้ monogdb ในโครงการโหนด
1. นำเข้าโมดูลการเชื่อมต่อ MONOGDB Express แนะนำโมดูล Mongoskin อย่างเป็นทางการ ฉันจะไม่พูดถึงเรื่องนี้ ที่นี่เราแนะนำการติดตั้งผ่าน Mongoose
2. เรียกใช้การติดตั้ง Mongoose -save ติดตั้ง NPM ในโครงการ MyApp และบันทึกลงใน Node_Modules นอกจากนี้คุณยังสามารถกำหนดค่า "พังพอน": "^4.4.12" ใน package.json จากนั้นสั่งการติดตั้ง npm เพื่อติดตั้ง
3. ในไฟล์ app.js
. นำเข้าโมดูลพังพอน:
var mongoose = ต้องการ ('mongoose');
ข. สร้างการเชื่อมต่อฐานข้อมูล
mongoose.connect ('mongoDb: // localhost/mydb') // เชื่อมต่อฐานข้อมูลท้องถิ่น
4. สร้างสคีมาโฟลเดอร์ใหม่ในไดเรกทอรีรูทโครงการ นี่คือโมดูลชุดข้อมูล สร้างไฟล์ users.js ใหม่ภายใต้โมดูล
var mongoose = ต้องการ ('mongoose'); // ประกาศวัตถุ mongoons usersschema = mongoose.schema ({ชื่อ: สตริง, อุ้งเท้า: สตริง, เมตา: {createat: {ประเภท: วันที่, ค่าเริ่มต้น: วันที่. Operation usersschema.pre ('บันทึก', ฟังก์ชั่น (ถัดไป) {ถ้า (this.isnew) {this.meta.createateat = this.meta.updateat = date.now ();} else {this.meta.updateat = date.now () () // สอบถามข้อมูลทั้งหมดส่งคืนนี้. find () .sort ('meta.updateat') //sorting.exec(cb) // callback}, findById: ฟังก์ชั่น (id, cb) {// การสืบค้นข้อมูลชิ้นเดียวตาม ID5. เพิ่มไฟล์โมดูลลงในไดเรกทอรีรูท นี่คือโมดูลโมเดลข้อมูล เพิ่มไฟล์ users.js ภายใต้โมดูล
var mongoose = ต้องการ ('mongoose') var usersschema = ต้องการ ('../ schemas/ผู้ใช้') // รับโมดูลชุดข้อมูลที่ส่งออก var users = mongoose.model ('ผู้ใช้', usersschema) // การรวบรวมและสร้างโมดูลโมเดลภาพยนตร์ exports = ผู้ใช้6. เพิ่มรหัสคอนโทรลเลอร์เส้นทางไปยังไฟล์ users.js ในไฟล์เส้นทาง
var express = ต้องการ ('express'); var mongoose = require ('mongoose'); // นำเข้าโมดูล mongoose ผู้ใช้ VAR = ต้องการ ('..//รุ่น/ผู้ใช้'); // การนำเข้าโมดูลข้อมูลโมเดล VAR เราเตอร์ = Express.Router ();/* รับรายชื่อผู้ใช้ */router.get ('/', function (req, res, ถัดไป) {res.send ('ตอบกลับด้วยทรัพยากร');}); // สอบถามเราเตอร์ข้อมูลผู้ใช้ทั้งหมด get ('/ผู้ใช้', ฟังก์ชั่น (req, res, next) {user.ferch (ฟังก์ชัน ผู้ใช้: ผู้ใช้}) // ที่นี่คุณสามารถส่งคืนข้อมูลโดยตรงในรูปแบบ JSON res.json ({data: users});})}) module.exports = เราเตอร์;7. เพิ่มผู้ใช้ Jade ไปยังไฟล์ Views
ขยายเนื้อหา layoutblock h1 = title // วิธี jade value ul ผู้ใช้แต่ละคนในผู้ใช้ // วิธีการข้ามเทมเพลต Jade traversal li h4 #{user.name} span #{user.paw}8. ในที่สุดเปิด URL: http: // localhost: 3000/ผู้ใช้/ผู้ใช้ในเบราว์เซอร์เพื่อดูเอฟเฟกต์ ที่นี่โครงการจากฐานข้อมูลไปยังส่วนหน้าเสร็จสมบูรณ์
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน