node--express模板引擎

Posted hack-ing

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了node--express模板引擎相关的知识，希望对你有一定的参考价值。

const express =require(‘express‘)
const path=require(‘path‘)
const template=require(‘art-template‘)
const app =express()

//设置模板引 ，view文件 art后缀
app.set(‘view engine‘,‘art‘)


//使用express兼容art-template模板引擎
app.engine(‘art‘,require(‘express-art-template‘))

app.get(‘/list‘,(req,res)=>{
       let data={
           title:‘水果‘,
           list:[‘apple‘,‘orange‘,‘banana‘]
       }
       //参数一，模板的名称；参数二渲染模板的数据
       res.render(‘list‘,data);
})

app.listen(3000,()=>{
    console.log(‘running....‘)
})
//在当前目录创建view文件夹
<!DOCTYPE html>
<html lang="en">
<head>
    
    
    
    <meta charset="UTF-8">
    <title>Document</title>

</head>
<body>
<div>{{title}}</div>
<div>
    <ul>
           {{each list}}
               <li>{{$value}}</li>
           {{/each}}
    </ul>
</div>
</body>
</html>


 


，添加list.art文件


以上是关于node--express模板引擎的主要内容，如果未能解决你的问题，请参考以下文章
 

 Node.js_express_服务器渲染页面 ejs


 如何在 expressjs 4.0 中设置 marko 模板引擎


 Node、Express、Ajax 和 Jade 示例


 如何在node / express js中访问hbs引擎视图目录中文件夹内的文件


 从0开始学习node＋express；


 简易前端模板引擎