node + express
一、項目搭建
1、安裝express
https://www.expressjs.com.cn/
npm i -g express --save
2、安裝應用程序生成器
npm i -g express-generator
使用express-generator 快速創建一個應用的骨架。
有幾個重要的模塊也要同時安裝:
body-parser - node.js 中間件,用於處理 JSON, Raw, Text 和 URL 編碼的數據。
multer - node.js 中間件,用於處理 enctype=“multipart/form-data”(設置表單的MIME編碼)的表單數據。
cookie-parser - 這就是一個解析Cookie的工具。通過req.cookies可以取到傳過來的cookie,並把它們轉成對象。
npm install body-parser --save
npm install cookie-parser --save
npm install multer --save
3、創建項目
express nodejsProect
4、根據命令信息提示操作
cd nodejsProject
進入項目文件
npm i
初始化項目依賴
npm start
運行項目
5、若服務成功啓動則展示下面信息,
可通過localhost://3000,在瀏覽器中打開
服務器正常啓動後,顯示頁面
6、若在啓動服務中,提示以下錯誤
說明3000端口被佔用
二、項目文件解析
1、bin: 入口文件
2、public:是存放靜態文件的文件夾,前端構建包也可以放在此處
2、routes: 路由解析文件
3、views: ejs引擎模板的視圖文件
4、app.js: 服務器配置,存放着全局配置
相關配置修改:
1、修改入口文件:
可以把www文件修改爲main.js,把紅色方框內的路徑修改爲main.js路徑。
2、模板引擎設置
express默認的模板是jade,看着不順眼可以換成html模板。
app.engine('html', ejs.__express);
app.set('view engine', 'html');
3、文件、資源路徑
靜態資源存放路徑由public => static