node.js&art模板引擎更新

最新推荐文章于 2022-02-05 12:49:19 发布

CongJiYong

最新推荐文章于 2022-02-05 12:49:19 发布

阅读量160

点赞数

CC 4.0 BY-SA版权

分类专栏： node.js 文章标签： node.js javascript 前端

本文链接：https://blog.csdn.net/CongJiYong/article/details/121708007

node.js 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何在Express框架中使用art-template模板引擎，展示了如何设置app.locals存储全局数据，以及如何在views文件夹中的模板中引用这些数据。重点讲解了设置视图路径、后缀和渲染模板的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// app.locals 将变量设置到app.locals对象下面,这个数据在所有的模板中都可以获取到
// 静态资源
/**
 * 为了使art-template模板引擎能够更好的和express框架配合,模板引擎官方在原art-template模板引擎的基础上封装express-art-template
 * 使用 npm install art-template express-art-template 命令进行安装
 * 
 * 
 */

 const express = require('express');
 const path = require('path');
 const app = express();
 
 // 1.告诉express框架使用什么模板引擎渲染什么后缀的模板文件
 app.engine('art', require('express-art-template'));
 
 // 2.告诉express框架模板存放的位置是什么
 app.set('views', path.join(__dirname, 'views')); //第一个参数是固定的,第二个views是文件夹的名字
 // 3.告诉express框架模板的默认后缀是什么
 app.set('view engine', 'art');

app.locals.users = [{ 
  name:'丛继永',
  age:20
},{
  name:'李甲鱼',
  age:20
}]


 app.get('/index', (req, res) => {
   // 1.拼接模板路径
   // 2.拼接模板后缀
   // 3.哪一个模板和那一个数据进行拼接
   // 4.将拼接结果响应给了客户端 
 
   res.render('index', { //index.art后缀可以省略
     msg: 'message'
   })
 })
 app.get('/list',(req,res)=>{
   res.render('list',{
     msg:'展示的数据'
   })
 })
 
 app.listen(3000);

views文件夹下index.art&list.art两文件

//引用数据
{{msg}}
<ul>
{{each users}}
	<li>
	{{$value.name}}
	</li>
{{/each}}
</ul>