本文着重於ejs網頁的複用
-
文件的結構
- node_project - views (注意: 固定命名-views; 視圖的文件名) - pages - index.ejs - about.ejs - modules - index.ejs - footer.ejs - header.ejs - server.js - package.json -
package.json內容
{ "name": "node-ejs", "main": "server.js", "dependencies": { "ejs": "^1.0.0", "express": "^4.6.1" } }# 需要注意的: 1. name-項目的文件(或名稱) 2. main- 啓動的入口 3. dependencies- 依賴的包 4. dependencies- 最後結尾處不可逗號結尾;否則報錯 -
server.js內容
var express = require('express'); var app = express(); // 設置view engine app.set('view engine', 'ejs'); // 設置路由 首頁面 app.get('/', function(req, res){ // render('路由', 傳遞的數據字典--可選參數) res.render('pages/index'); }); app.listen(8080); console.log('index website is http://127.0.0.1:8080/'); -
modules文件夾的內容
- header.ejs
<span>頭頁面--測試系統</span><a href="/about">關於</a>- footer.ejs
<span>關於xx系統 - 所有權歸本人所有</span>- content.ejs
<div> <p>測試頁面的內容</p> </div> -
pages文件夾的內容
- index.ejs
<html> <header><% include ./modules/header %></header> <div> <% include ./modules/content %> </div> <footer> <% include ./modules/footer %> </footer> </html> -
運行
# 啓動 $ node server.js
剛開始學習node, 可能存在不同見解,請諒解.