express 使用art-template模板引擎
2023-09-11 14:22:19 时间
下载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>
截图:
相关文章
- Go Web -- 模板引擎
- Laravel的Blade模板引擎与Angular均使用“{ {}}”标签冲突
- 2022国庆节手抄报模板简单又漂亮,可用手机打印出来
- 【云速建站】按照给定模板从0开始编辑网站页面
- springboot集成模板引擎freemarker和thymeleaf
- 百度JS模板引擎
- Handlebars.js 模板引擎
- SimpleTemplate模板引擎开发
- 2014 网选 5012 Dice(bfs模板)
- 第二百六十一节,Tornado框架模板引擎本质
- OpenGL-----深度测试,剪裁测试、Alpha测试和模板测试
- AS 代码模板 文件模板 Templates MD
- 简介Python设计模式中的代理模式与模板方法模式编程
- c# vs 中如何修改类模板
- smarty 模板几个例子(变量调节器)
- 基于V7的新版RL-USB V6.X + RL-FlashFS V6.X模板,操作CLASS10的SD卡速度12-15MB/S,含RTX5和FreeRTOS两版
- Atitit 模板引擎总结 v4 saa 目录 1. 模板引擎1 1.1. 构成渲染引擎+指令系统1 1.2. 模板语法mustache语法 es6 el语法1 2. 常见模板步骤1 2.
- 【项目实战】SpringBoot整合Freemarker模板引擎实现Email邮件发送功能
- 【项目实战】模板引擎Thymeleaf入门介绍
- Flask基础:模板渲染+模板过滤使用+控制语句
- C++ 函数模板
- Spring MVC : Java模板引擎 Thymeleaf (二)
- JavaScript学习总结(二)——延迟对象、跨域、模板引擎、弹出层、AJAX示例
- 千万别用模板给的list.size()巨坑
- 对话框模板简史-介绍
- 数据结构之区间,数组,矩阵——算法模板和相关题目
- 模板方法模式
- Springboot怎么集成Thymeleaf模板引擎?
- 差分模板(一维)