NodeJs中使用模板引擎

最新推荐文章于 2025-06-27 15:22:38 发布

原创最新推荐文章于 2025-06-27 15:22:38 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

前端同时被 3 个专栏收录

28 篇文章

订阅专栏

NodeJS

13 篇文章

订阅专栏

JavaScript

8 篇文章

订阅专栏

本文介绍了在NodeJs中如何使用艺术模板引擎Art-template。从安装、引入到代码Demo的展示，包括ejs.js的编写，以及通过终端查看结果和在浏览器中预览效果的过程。

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

模板引擎

我使用的模板引擎是 art-template

安装

$ npm install art-template --save

引入

var template = require('art-template');

代码Demo

ejs.js

var template = require('art-template');

# template.render('模板字符串', {'替换模版字符串'});

var tplStr;
var fs = require('fs');

fs.readFile('./ejs.html', (err, data)=>{

    if(err){
        return console.log('读取失败')
    }

    tplStr = data.toString();

    var htmlStr = template.render(tplStr, {
        name: 名字',
        age:'18',
        arr:['sda','aaaaaa','dddddd']
    });
    
    res.end(htmlStr)
})

终端输入查看结果

$ node ejs.js

浏览器查看效果

项目结构

ejs目录
- ejs.html
- ejs.js

esj.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板引擎</title>
</head>
<body>
    <p>我的名字叫 {{ name }} </p>
    <p>我的年龄是 {{ age }} </p>
    <p>{{ each arr }} {{ $value }} {{ /each }}</p>
</body>
</html>

ejs.js

var http = require('http');
var fs = require('fs');
var template = require('art-template');

var server = http.createServer();


server.on('request', (req, res) => {

    fs.readFile(`./ejs.html`, (err, data)=>{
    
    	if(err){
			return res.end('404');
        }
    
        data = data.toString();
    	
    	// 模板渲染
        var htmlStr = template.render(data, {
         	name: '名字',
	        age:'18',
	        arr:['sda','aaaaaa','dddddd']
        })
        
     	res.end(htmlStr); 	
    })
})

server.listen('3000', '127.0.0.1', () => {
    console.log('http://localhost:3000/')
})