一、應(yīng)用生成器
使用上節(jié)學(xué)習(xí)到express的知識(shí),我們也可以從0開始,一步步把系統(tǒng)搭建起來(lái)。不過(guò)express中還有一個(gè)應(yīng)用生成器,使用這個(gè)應(yīng)用生成器可以快速的創(chuàng)建一個(gè)應(yīng)用的框架,然后我們?cè)僭谶@個(gè)框架中完善我們需要的內(nèi)容。
首先安裝應(yīng)用生成器:
$npm install -g express-generator
運(yùn)行express --version若能正常輸出版本號(hào),則安裝成功。
我們的論壇名稱可以為node_express_forum,然后使用express創(chuàng)建一個(gè)框架:
$express node_express_forum
運(yùn)行后,生成器會(huì)在這個(gè)目錄下生成幾個(gè)目錄和文件:
create : node_express_forum create : node_express_forum/package.json create : node_express_forum/app.js create : node_express_forum/public create : node_express_forum/public/javascri create : node_express_forum/public/images create : node_express_forum/public/styleshe create : node_express_forum/public/styleshe create : node_express_forum/routes create : node_express_forum/routes/index.js create : node_express_forum/routes/users.js create : node_express_forum/views create : node_express_forum/views/index.jad create : node_express_forum/views/layout.ja create : node_express_forum/views/error.jad create : node_express_forum/bin create : node_express_forum/bin/www install dependencies: $ cd node_express_forum && npm install run the app: $ DEBUG=node-express-form:* npm start
已經(jīng)生成成功。進(jìn)入到這個(gè)目錄:
$cd node_express_forum
我們來(lái)看下生成的這個(gè)框架,方便知道后面怎么進(jìn)行填充。
.├── app.js ├── package.json // 依賴的模塊├── bin│ └── www├── public // 靜態(tài)文件目錄│ ├── images│ ├── javascripts│ └── stylesheets│ └── style.css├── routes // 路由,相當(dāng)于控制器│ ├── index.js│ └── users.js└── views // 視圖 ├── error.jade ├── index.jade └── layout.jade
打開package.json后,我們看到還需要再安裝幾個(gè)模塊才能運(yùn)行:
$npm install --save-dev
好了,到現(xiàn)在框架已搭建完畢,我們來(lái)運(yùn)行一下:
$npm start
然后在瀏覽器中輸入127.0.0.1:3000,就可以看到了:Express Welcome to Express。
二、準(zhǔn)備工作
基本框架已經(jīng)創(chuàng)建好了,現(xiàn)在開始我們論壇的準(zhǔn)備工作。這里我們的準(zhǔn)備工作有3個(gè):模板引擎,模型,數(shù)據(jù)庫(kù),路由。
2.1 模板引擎
express里默認(rèn)使用的模板引擎是jade,不過(guò)我們也可以選擇其他的模板引擎,我這里選擇了ejs,因?yàn)楦杏Xejs更像是個(gè)html文件,方便維護(hù),當(dāng)然,每個(gè)人都有自己的喜好。
|
新聞熱點(diǎn)
疑難解答
圖片精選