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)中