1. 程式人生 > >express 學習筆記

express 學習筆記

delete maven 方法 index 方式 pre 版本 鏈接 img

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 學習筆記