Node之Express模板

若詩倪發表於2019-02-16

一、基礎瞭解

該模板基於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了。

相關文章