Node.js模版引擎的使用之art-template

2023-11-22 14:45:25

前言

模板引擎是Web开发中不可或缺的一部分，它可以帮助开发者快速生成动态页面，减少重复代码，提高开发效率。Node.js平台有很多优秀的模板引擎，art-template就是其中之一。

一、art-template简介

art-template是一款轻量级、高效的模版引擎，它支持多种语法，包括HTML、JavaScript、CSS等，可以轻松与Node.js整合。art-template的语法简洁易学，上手非常容易。

二、art-template安装

art-template的安装非常简单，可以使用npm命令直接安装：

npm install art-template

三、art-template使用

安装好art-template之后，就可以开始使用了。首先创建一个HTML模版文件，例如：

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<h1>欢迎使用Art-Template</h1>
<ul>
<% for(var i=0; i<list.length; i++) { %>
<li><%= list[i] %></li>
<% } %>
</ul>
</body>
</html>

在这个模版文件中，我们使用了一个循环语句，遍历了一个名为list的数组，并在每个循环中输出数组中的元素。

接下来，在Node.js中创建一个服务器，渲染这个模版文件。例如：

const express = require('express');
const app = express();

// 设置模版引擎
app.set('view engine', 'art-template');

// 设置模版文件目录
app.set('views', './views');

// 渲染模版
app.get('/', (req, res) => {
    const list = ['1', '2', '3'];
    res.render('index', { list: list });
});

// 启动服务器
app.listen(3000);