node--express模板引擎

distantimg

于 2019-12-29 12:21:00 发布

阅读量73

点赞数

文章标签： vue nodejs js python app

本文链接：https://blog.csdn.net/u012138854/article/details/109590880

版权

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>