Express
Express為Node.js的Web FrameWork之一
它支持MVC的架構
安裝Express
Node.js套件的安裝都是使用npm來進行,npm在安裝好Node.js後可以使用
將express安裝到全域環境上(npm -g)
$ npm install -g express-generator
#查看express目前版本
$ npm list express
www@0.0.0 E:\home\www
└── express@4.11.2
新增Express專案
1.建立專案目錄
$ mkdir www
2.初始化Node.js設定
$ cd www
$ npm init
#回答一些問題後就會產生初始化package.json
3.初始化express
使用EJS版型,所以在初始化時指定-e參數
$ exoress -e www
destination is not empty, continue? [y/N] y
create : www
create : www/package.json
create : www/app.js
create : www/public/javascripts
create : www/public
create : www/public/stylesheets
create : www/public/stylesheets/style.css
create : www/public/images
create : www/routes
create : www/routes/index.js
create : www/routes/users.js
create : www/views
create : www/views/index.jade
create : www/views/layout.jade
create : www/views/error.jade
create : www/bin
create : www/bin/www
install dependencies:
$ cd www && npm install
run the app:
$ DEBUG=www:* ./bin/www
4.安裝Express
$ cd www
$ npm install
Express目錄架構
www@0.0.0 E:\home\www
├── bin
├─┬ public
│ ├── images
│ ├── javascripts
│ └── stylesheets
├── routes
└── views
1.bin目錄
存放express的啟用目錄檔
網站的執行設定檔,port及網站起使點等都在這設定
2.public目錄
公開目錄,放在此目錄上的所有檔案,Client端都可以看得到
| 子目錄 | 說明 |
|---|---|
| images | 存放圖檔的目錄 |
| javascripts | javascript存放的目錄 |
| stylesheets | css存放的目錄 |
2.routes目錄
此目錄下存放route相關的檔案內容
模型(Model)、視圖(View)、控制層(Controller)
在MVC的架構中,route所在的位置於控制層(Controller)中