來源:cc果凍LXY 發(fā)布時間:2019-03-30 17:32:34 閱讀量:1490
一 、先全局安裝express
npm i express -g
二、新建一個文件work
用npm init初始化文件會生成一個package.json文件
三、安裝express本地依賴
接下來安裝Express并將其保存到依賴列表中:
npm i express --save
(如果只是臨時安裝Express,不想將它添加到依賴列表中,只需略去–save即可)
四、安裝腳手架
express -e
bin文件夾
有一個www的文本文件,主要是對app.js模塊的一個接收,通過node讓瀏覽器negative夠解析到app.js模塊
public
此文件夾下放的是靜態(tài)資源文件,想js文件,圖片,css文件都放在該目錄下面,由于app.js對其路徑進行了相關配置,所以,如果在ejs文件里面調用,直接寫根目錄下的路徑就可以,不用../public/stylesheet等這樣的寫,直接/stylesheet下面的文件就可以。
routers
這個文件夾主要用來寫路由,index.js主要用來做視圖展示部分的、渲染頁面,user.js主要是用來做數據邏輯處理的。
views
views文件夾下面放的是視圖文件,相當于html頁面,但是express用到的是ejs模板引擎。
app.js
app.js是程序啟動的入口,引入我們需要的模塊和路由。
注:
ejs模板引擎
模板引擎是一個將頁面模板和數據結合起來生成 html 的工具。ejs 就是其中一種。有3種常用標簽
詳情請參考官方文檔:https://ejs.bootcss.com/
<% javascript的代碼 %>:運行 JavaScript 代碼,不輸出
<%= 變量名 %>:顯示轉義后的 HTML內容
<%- 變量名 %>:顯示原始 HTML 內容
運行:
如果配置node ./bin/www