Express是基於Node.js平台開發的Web應用開發框架,下面我們入手學習。
官網 : http://www.expressjs.com.cn/
github:https://github.com/expressjs/express
Express生成器
1、生成express全局指令
npm install express-generator -g
注:生成 express -h可以查看所有命令行選項
2、生成myapp應用
express myapp (生成jade模板引擎)
express myapp -e (生成ejs模板引擎)
3、cd myapp 進入myapp目錄安裝依賴包
npm install
4、安裝好后可以啟動項目
set DEBUG=myapp & npm start (Windows 平台啟動)
DEBUG=myapp npm start (MacOS 或 Linux 平台):
如上圖就是一個express項目結構:
- app.js: 項目入口,反正express愛叫app.js沒轍,你可以改成index.js或者main.js都成。相當於php項目中的 index.php、index.html
- node_modules: 存放項目的依賴庫
- package.json: 項目依賴配置及開發者信息(這個要說就說多了,還是看文檔好,俺就不誤人子弟了。下期看看抽個小段單說Node模塊)
- public: 靜態文件如 css,js,img (PS:俺其實習慣叫static)
- routes: 路由文件(學習的重要攻克對象。尼瑪業務好不好,路由是關鍵)
- Views: 頁面文件(Ejs或者jade的模板,默認是jade,初級練手可以用Ejs,里面結構和HTML一樣,也可以通過下面方法手工配置成html)
頁面文件EJS后綴改為HTML,修改方法如下:
1、app.js中將添加引用
var ejs = require('ejs');
2、app.set('view engine', 'ejs');
替換成 app.engine('.html',ejs.__express); app.set('view engine', 'html');
3、將Views目錄下ejs后綴文件全部改成html,npm start重啟項目即可。