express 學習筆記
1、全局安裝express
npm install express -g
但是,在express4.x版本中已經不含有express命令了。
需要安裝 express-generator
npm install express-generator -g
2、創建express項目
express -e node-demo
創建的項目的目錄結構
node_modules, 存放所有的項目依賴庫。(每個項目管理自己的依賴,與Maven,Gradle等不同)
package.json,項目依賴配置及開發者信息
app.js,程序主入口
public,靜態文件(css,js,img)
routes,路由文件(MVC中的C,controller)
views,頁面文件(Ejs模板)
bin/www (啟動文件,用於啟動app.js)
3、進入項目中,安裝依賴包
npm install
4、啟動web
安裝nodemon
npm install nodemon -g
5、修改app.js:
把最有一行//module.exports = app;註釋掉
換成:app.listen(3000);
6、執行
nodemon app.js
然後修改程序,看命令串口有沒有動態加載修改的提示,有的話,就表示生效。
7、測試
本地的3000窗口被打開,然後訪問:localhost:3000
8、將我們所需要的css,js等文件放在public裏面,但是在引用的時候要註意把引用的路徑不能使用相對路徑,要使用絕對路徑,因為使用相對路徑的話,會找不到文件,具體引用如下
9、可以將頁面模塊化話
比如:將一個頁面分為頭部、內容顯示區域、底部
引用的時候使用include,如下:
10、路由功能
路由功能,是Express4以後全面改版的功能,在應用程序加載隱含路由的中間件的時候,不用擔心擔心在中間件被裝載相對於路由器中間件的順序,定義路由的方式是不變的,路由系統中增加2個新的功能:
(1)app.router()函數,創建可鏈接的途徑處理程序的路由路徑
app.route方法會返回一個Route實例,它可以繼續使用所有的HTTP方法,包括get,post,all,put,delete,head等。
(2)express.Router類,創建模塊化安裝路徑的處理程序
express.Router類,則可以幫助我們更好的組織代碼結構。在app.js文件中,定義了app.use(‘/’, routes); routes是指向了routes目錄下的index.js文件,./routes/index.js文件中,express.Router被定義使用,路徑/*處理都會由routes/index.js文件裏的Router來處理。如果我們要管理不同的路徑,那麽可以直接配置為多個不同的Router。
express 學習筆記