express 使用art-template模板引擎 

下载express-art-template art-template
- app.js中配置
  - 注册一个模板引擎
    - `app.engine('.html',express-art-template);`
      - 设置默认渲染引擎```app.set('view engine','.html');```
  - res.render(文件名,数据对象);
  - express这套使用，默认在当前app.js同级的views目录查找

1.下载  

yarn add   express-art-template  -S
yarn add  art-template  -S

2.  js  的逻辑编写

//引入express
var express = require('express');
//创建对象
var server = express();
//创建路由
let  router=express.Router();
//渲染文件的后缀名
server.engine('.html', require('express-art-template'));
//配置默认渲染引擎
server.set('view   engine','./html');
//渲染
router.get('/list',(req,res)=>{
     res.render('index.html', {
           tags:[
                 {index:'0',name:'china'},
                 {index:'1',name:'usa'},
                 {index:'2',name:'english'}
           ]
     });
});
//实例对象使用路由
server.use(router);
//实例对象监听端口
server.listen(3005, function () {
  console.log('Ready');
});

3.htmL

　　

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
         hello  world
         <br>
         <ul>
           {{each tags}}
                 <li>{{$index}}  {{$value.name}}</li>
           {{/each}}
         </ul>
  </body>
</html>

截图：

posted @ 2018-12-24 17:12  1点  阅读(1105)  评论(0)  编辑  收藏  举报