Express（07）：使用模板引擎

第三方 art-template

地址：express-art-template

安装

npm install --save art-template
npm install --save express-art-template

使用

  • server.js
/*
    模板引擎整合：art-template
 */

const express = require('express');
const app = express();
const template = require('art-template');
const path = require('path');
//设置模板的路径
app.set('views',path.join(__dirname,'views'));
//设置模板引擎（模板后缀）
app.set('view engine','art');

//使express兼容art-template
app.engine('art', require('express-art-template'));

app.get('/list',(req,res)=> {
    let data={
        title:'水果',
        list:['apple','orange','banana']
    }
    //参数一：模板名称，参数二：渲染模板的数据
    res.render('list.art',data);
});

app.listen(3000,()=>{
    console.log("服务启动……");
});
  • /views/list.art
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板</title>
</head>
<body>
    <div>{{title}}</div>
<div>
    <ul>
        {{each list}}
        <li>{{$index}}{{$value}}</li>
        {{/each}}
    </ul>
</div>
</body>
</html>
posted @ 2020-10-20 11:25  mrtransition  阅读(113)  评论(0)    收藏  举报