一、基礎瞭解
該模板基於Node.js平臺,是一個使用者量較大的一個node框架,提供了一整套的node模板,在其中可以使用ejs模板引擎。
優點:快速、開放、極簡的web開發框架。(開發後端),其效能對Node沒有影響,依然很高。
二、安裝方法
1、全域性安裝express ----npm install express -g
全域性安裝express應用生成器---npm install express-generator -g
2、使用生成器去建立應用
-e代表使用ejs模板引擎,否則會使用jade模板引擎
cmd命令欄:express project(專案名字) -e(使用ejs模板)
3、安裝依賴,進入到建立好的專案中安裝依賴
在cmd命令欄先進入專案資料夾,然後輸入cnpm install
三、應用分析
1、package.json
body-parse---專門負責解析前段傳遞來的資料
cookie-parser----解析請求頭中的cookie資訊
ejs----模板引擎編譯工具
serve-favicon----專門處理類似於谷歌瀏覽器主動請求favicon.ico檔案的問題
2、bin/www---這是和建立的伺服器相關的東西,可以在這裡配置埠等設定
3、public---靜態資原始檔夾,在這個資料夾裡的檔案,在前段都可以直接訪問,不需要再在後端配置路由
4、app.js--主應用檔案,在這裡可以設定路由、外掛等,其實建立出來的是requestListener
5、views---放入ejs模板,express會將ejs模板轉換成html檔案
6、routes----其中都是路由檔案,專門來處理不同的請求
四、模板引擎
在前端開發過程中,有很多模板引擎可以使用,例如jade,ejs等等
優點:1、可以在模板引擎檔案裡去寫一些邏輯性的程式碼,用於服務端渲染,提高seo優化級別。
2、可以使用便捷語法來開發html結構程式碼
五、資料渲染分為
1、客戶端渲染(瀏覽器渲染)
前端js通過ajax等資料互動技術,獲取到資料後通過操作dom來進行資料的渲染
例如:ajax獲取到購物車的資訊,通過拼接字串的方法將資料渲染在dom中
優點:比較靈活,進行使用者的動作進行載入的資料。
2、服務端渲染
優點:減少了前端邏輯,提高了seo優化等級,只要是在頁面載入的時候就需要渲染資料,變動較少的資料
(1)在php中實現服務端渲染
在php中可以放入html程式碼,訪問php檔案的時候就相當於訪問對應的html檔案,因為是在php檔案中,所以可以寫一些php程式碼來渲染資料
(2)在node中實現服務端渲染
利用模板引擎,node在渲染模板的時候給模板傳入資料,在模板中就可以使用特定的語法來渲染dom了。