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


一、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 與事件驅動的架構設計。

二、安裝Node.js、express

  1.安裝node

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

  安裝完成之后,檢查node的版本:

  2.安裝express:

      安裝命令:npm install -g express

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

 

 

三、建立工程

  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'
 
});

  

 

 

   

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM