這節(jié)課開始使用 Node.js todo app 來實(shí)戰(zhàn)，whoooooooooooooooooo
我們將會(huì)從基礎(chǔ)結(jié)構(gòu)開始搭建我們的 todo app，一個(gè)包含了 html css js 和所需的圖片的 public 文件夾，所以我們先下載這個(gè)項(xiàng)目到本地，然后開始編寫我們的應(yīng)用。
項(xiàng)目結(jié)構(gòu)
public 文件夾里的是靜態(tài)資源
- logo.png
- style.css 基礎(chǔ)樣式
- todo-list.js 通過 ajax 請(qǐng)求服務(wù)器端 Node.js 程序進(jìn)行指定操作，如新增與刪除
創(chuàng)建 package.json 與安裝依賴
通過命令行方式創(chuàng)建 package.json 并安裝所需依賴
- -y 直接跳過所有提問
npm init [-y]
- 需要
expressejsbody-parser
npm i -S express ejs body-parser
開始編寫 express 應(yīng)用
創(chuàng)建 app.js 里面放 express 程序，之前的課程已經(jīng)講了大部分該應(yīng)用里需要使用到的技術(shù)內(nèi)容，所以這里我們會(huì)講的比較快，如果有不熟悉的可以跳回以前的內(nèi)容去
'app.js'
var express = require('express');
app = express();
// 設(shè)置模板引擎
app.set('view engine', 'ejs');
// 使用中間件，訪問如 localhost:3000/style.css 則會(huì)映射到 public 文件夾里的 style.css
app.use(express.static('./public'));
app.listen(3000);
console.log('監(jiān)聽3000端口');
到目前這一步，我們可以繼續(xù)添加路由處理，但如果所有的代碼都放在一個(gè)文件里面，之后很快就會(huì)變得難以處理，我們應(yīng)該將代碼拆分成邏輯模塊或拆分成多個(gè)文件，因此我們準(zhǔn)備用一種簡(jiǎn)單的 MVC 模式來分開我們的項(xiàng)目，下一部分準(zhǔn)備講解 MVC 模式
