node+express搭建過程以及安裝ejs模板引擎

1、Node.js簡介

　　1.Node.js是什麼？

　　　　Node.js 能夠做爲服務器向用戶提供服務，與 PHP、Python、Ruby on Rails 相比，它跳過了 Apache、Nginx 等 HTTP 服務器，直接面向前端開發。Node.js 是一個讓 JavaScript 運行在瀏覽器以外的平臺。PS: Node.js 不運行在瀏覽器中，因此也就不存 在 JavaScript 的瀏覽器兼容性問題。

　　2.Node.js能夠作什麼？

　　　　Node.js 能作的遠不止開發一個網 站那麼簡單，使用 Node.js，你能夠輕鬆地開發:  具備複雜邏輯的網站；基於社交網絡的大規模 Web 應用；Web Socket 服務器；TCP/UDP 套接字應用程序；命令行工具；交互式終端程序；帶有圖形用戶界面的本地應用程序；單元測試工具；客戶端 JavaScript 編譯器。

Node.js 最大的特色就是採用異步式 I/O 與事件驅動的架構設計。

2、安裝Node.js、express

　　1.安裝node

　　node下載地址連接： https://nodejs.org/zh-cn/download/

　　安裝完成以後，檢查node的版本：

　　2.安裝express：

      安裝命令：npm install -g express

　　查看安裝的版本： express --version

3、創建工程

　　Express 在初始化一個項目的時候須要指定模板引擎，默認支持Jade和ejs，爲了下降學 習難度咱們推薦使用 ejs; ——摘自《Node.js權威指南》

　　1. 建立工程：當按照書上的命令行去執行時： express -t ejs projectName

 2. 安裝install: 而後執行 cd projectName ,進入到你的項目中，執行 npm install ,進行安裝，最後經過 npm start 啓動項目；

雖然項目起來了，可是查看項目的目錄文件，卻發現跟本身想象的不同：明明是要用ejs模板的，結果執行命令後，發現是 jade模板；

而後我自做聰明的從新安裝一下ejs模板，npm install ejs ,而後本身又把文件中 .jade 的文件，所有改爲了之後綴爲 .ejs 的，（多麼的機智）

而後我在 layout.ejs 中，加上本身的模板內容, 而後從新啓動項目，發現頁面上卻不能顯示layout.ejs 的任何內容；

後來才得知： 在express 3.0以後的版本，執行 express -t ejs projectName ，默認使用的都是 jade模板；

3.使用ejs模板：

（1）若是要使用ejs 模板，需執行新的命令： express -e project2

r而後cd project2, npm install===> npm start:

打開項目目錄查看：發現views文件夾下，沒有了layout.ejs 文件：express3以上的版本把layout默認給取消了

（2） 安裝了ejs後，如何使用ejs的layout模板 

　　安裝express-partials ，運行npm install express-partials 或者在 package.json 裏面的 dependencies 添加 "express-partials": "*"。而後在項目目錄下運行 npm install 。

而後在app.js 裏面引用 express-partials，引用方法：

1.添加引用 var partials = require('express-partials');

2.在 app.set('view engine', 'ejs'); 下面添加 app.use(partials());

在須要引用模板的地方調用 layout:'模版名稱' 示例：

app.get( '/' ,  function  (req, res) {

  

res.render( 'index' , {

  

title:  '首頁' ,

  

layout:  'template'

  

})

 

 

 

https://github.com/White9999