express 使用art-template模板引擎

最新推荐文章于 2022-01-29 14:59:44 发布

weixin_30528371

最新推荐文章于 2022-01-29 14:59:44 发布

阅读量97

点赞数

原文链接：http://www.cnblogs.com/guangzhou11/p/10169715.html

版权

下载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>

截图：

转载于:https://www.cnblogs.com/guangzhou11/p/10169715.html

weixin_30528371

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
express 使用art-template模板引擎

下载express-art-template art-template- app.js中配置 - 注册一个模板引擎 - `app.engine('.html',express-art-template);` - 设置默认渲染引擎```app.set('view engine','.html');``` - res.render(文件名,数据对象); ...
复制链接

扫一扫