nodejs（9）使用arttemplate渲染動態頁面

 

使用arttemplate渲染動態頁面

• 安裝 兩個包 npm i art-template express-art-template -S

• 自定義一個模板引擎 app.engine('自定義模板引擎的名稱', 渲染函數)

• 將自定義的模板引擎，配置為 express 的默認模板引擎 app.set('view engine', '具體模板引擎的名稱')

• 配置 模板頁面的存放路徑 app.set('views', '路徑')

js文件

// 導入模塊
const express = require('express')

// 創建服務器
const app = express()

// 1. 自定義一個模板引擎
// app.engine('自定義模板引擎的名稱 命名為html', 渲染函數)
app.engine('html', require('express-art-template'))
// 2. 設置項目中默認的模板引擎
app.set('view engine', 'html')
// 3.設置默認模板引擎的存放路徑
app.set('views', './views')

app.get('/', (req, res) => {
  res.render('home.html', {
    name: 'houfee',
    age: 24,
    gender: '男',
    hobby: ['唱歌', '跳舞', '吃飯'],
    desc: '<h1>這是html代碼</h1>'
  })
})

// 啟動服務器
app.listen(4444, () => {
  console.log('express server running at http://127.0.0.1:4444')
})
  

 home.html

  <h1>ART views</h1>
  <p>姓名：{{name}}</p>
  <p>年齡：{{age}}</p>
  <p>性別：{{gender}}</p>
  <p>愛好：{{hobby}}</p>
  <p>介紹：{{desc}}</p>