Node.js 之 express 入門 ejs include公共部分


1. 直接進入express安裝

  因為之前有一篇文章我已經講過怎么安裝node了 而網上的教程也是非常多。所有直接進入到express。教程簡陋 由於我比較笨 所有只要寫到我自己明白就行。

  這里有個教程(http://blog.csdn.net/dai_jing/article/details/38087443)

  對了 安裝好node之后要記得在環境變量下面設置一下。(windows)

  首先全局安裝express。

  

  之后檢測一下是否安裝成功 express -V 大寫的V.

  

  如果安裝不成功 報錯。因為原來express已經把命令行工具單獨分離出來了 需要單獨安裝

  cnpm install -g express-generator

1. 第二步 安裝好之后 開始本地安裝依賴

  切換到當前項目目錄 安裝依賴

  cnpm install express --save

  安裝成功后 會在目錄下面安裝好node_module 里面有express模塊

  

  接下來 運行 express -e hello(項目名稱) 自動創建一系列文件

  應該是express -e microblog(-e就是ejs模板)

  

  接下來進入到hello里面 cd hello輸入

  $ cnpm install -i

  現在開始自動安裝需要的模塊

  在 執行 cnpm start 執行npm start其實是執行package.json中的script對應的對象中的start屬性所對應的命令行

  

  所以其實如果吧package.json中的start改成monkindey或者其他字符串,然后你在linux命令行敲上npm monkindey/或者其他,程序照樣會運行

其實package.json就是一個配置文件,只是我們之前用的xml格式,但是在nodejs用的是json可以,簡單容易理解。從package.json我們可以看出來npm start其實執行的是./bin/www里面是創建一個服務器然后監聽3000端口,所以我們可以在瀏覽器中通過輸入"localhost:3000"來訪問應用程序。

  

  成功配置好;

. 怎么使用ejs呢

  首先在views目錄下相當於你的視圖。這里創建你要的公共模塊 html等等

  比如我創建了兩個一個footer.ejs 和一個 header.ejs表示公共部分的頭和尾 然后不同的模塊只要引入頭和尾就可以

  

  再去路由下面修改一下配置routes/index.js  

  

  這里獲取homepage 默認相當於 http://127.0.0.1:3000的url。我自己修改成了/views目錄下面的index.html 當然系統會根據我們的配置直接去找views目錄下面的index.html

  當然怎么知道找到index.html 而不是index.ejs 或者是其他的 我們修改這里

  

  這里兩行代碼就會告訴我們。系統引擎會將找到后綴名為html的文件 可以引入ejs。

  如果我們修改成

  app.engine('.ejs',require('ejs').__express);

  app.set('view engine','ejs');

  那么我們就會告訴系統引擎 找后綴名為ejs的文件。set視圖 引擎也是ejs后綴 這里兩者的后綴名要一致

  

  

  

  下一節 我將會分析上面index.ejs 的<%=title%>的ejs模板渲染。

 


免責聲明!

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



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