一 項目搭建
1.全局安裝node,Express
npm install node -g
npm install express -g
2.使用express生成器,生成express項目
-全局安裝: npm install express-generator -g
-使用:express express-project 在當前目錄生成一個express-project項目
3.進入項目:cd express-project
然後安裝所有依賴,依賴都在package.json中
4.此時可以啓動項目:npm start,訪問http://localhost:3000會顯示一下內容
二.工具介紹
爲了方便調試,我們不能每次修改頁面內容都要手動重啓項目,這裏我們安裝nodemon模塊,它可以在我們修改頁面並保存後,自動幫我們重啓項目.
1
|
安裝:npm
install
-g nodemon然後再package.json的
'script'
中加入
'devstart'
:
'nodemon ./bin/www'
|
1
|
|
此時可以用 npm run devstart啓動該項目,現在,如果編輯項目中的任何文件,服務器將自動重啓
三.文件介紹
現在,如果編輯項目中的任何文件,服務器將自動重啓
1
|
1.bin目錄是啓動目錄,
/bin/www
是應用入口<br>2.controllers是自己創建的控制器,所有的處理(增刪改查)都要經過這個控制器,然後進行業務處理<br>3.models目錄,主要用來創建存儲對象用的,我這裏是做的圖書館,所以models下有
|
4.public目錄用來存放靜態文件
5.routes目錄是用來創建各種路由的
6.views是模板文件,後期服務器從數據庫取來數據,都要傳到相應的模板文件中,然後交給瀏覽器進行頁面渲染
四.工作流程
這裏控制器相當於一個樞紐,進行多個方面的控制
根據請求的路由信息,控制器進行不同的處理(比如,查看書,增加作者,更新書本狀態...) 操作數據庫將數據進行處理..
然後在渲染模板文件
五.主要模塊
1.express這個就不用了多說了,因爲就是用的express框架
2.express-validator 主要進行數據的驗證與清理
3.async 進行非同步流控制,當進行多個異步查詢時,在所有操作沒完成之前是不能呈現頁面的,所以你可以選'地獄回調',但這種方式不太好,所以我們採用async是控制這些異步操作.
4.mongoose 更方便的操作mongodb數據庫,提供了良好的api
5.pug 模板文件,用來將數據嵌入到html中
六.總結
這裏主要是介紹一下,express創建的項目的工作流程,還有一些可能用到的模塊
不深入,只做個瞭解,也是讓自己對項目有個大致流程有所瞭解.
在創建項目時,有一些坑還是比較常見的
比如 pug模板引擎,一定要注意縮進 ; 路由問題 ; 數據庫存儲數據之間的關係(當我們查詢作者時,可以顯示他的書.以及一些詳細信息,但是這些都沒和作者的個人信息放在一起,我們要把它關聯起來)