nodejs中模板引擎artTemplate学习笔记

最新推荐文章于 2024-05-21 14:15:14 发布

VIP文章 weixin_42199245

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量192

点赞数

文章标签： node.js javascript

本文链接：https://blog.csdn.net/weixin_42199245/article/details/106377486

版权

1. 模板引擎的基础概念

1.1 模板引擎
模板引擎是第三方模块。
让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护。

// 未使用模板引擎的写法
 var ary = [{
    name: '张三', age: 20 }];
 var str = '<ul>';
 for (var i = 0; i < ary.length; i++) {
    
    str += '<li>\
        <span>'+ ary[i].name +'</span>\
        <span>'+ ary[i].age +'</span>\
    </li>';
 }
 str += '</ul>';

<!-- 使用模板引擎的写法 --> 
 <ul>
    {
   {
   each ary}}
        <li>{
   {
   $value.name}}</li>
        <li>{
   {
   $value.age}}</li>
    {
   {
   /each}}
 </ul>

1.2 art-template模板引擎用法

在命令行工具中使用 npm install art-template 命令进行下载
```
npm install art-template
```
使用const template = require(‘art-template’)引入模板引擎
新建一个test.js文件
```
// 导入模板引擎模块
 const template = require('art-template');
```

告诉模板引擎要拼接的数据和模板在哪 const html = template(‘模板路径’, 数据);

 // 将特定模板与特定数据进行拼接
 const html = template('./views/index.art',{
     
    data: {
     
        name: '张三',
        age: 20
    }
 }); 
 console.log(html