nunjucks 模板引擎常用语法学习总结

最新推荐文章于 2022-12-29 20:26:35 发布

ProbeGene

最新推荐文章于 2022-12-29 20:26:35 发布

阅读量2.2k

点赞数 2

分类专栏： nodejs 文章标签： nunjucks nunjucks基础语法 koa-nunjuncks-2

本文链接：https://blog.csdn.net/yangyang_A/article/details/107358799

版权

文章目录

nunjucks模板引擎

nunjucks模板引擎

nunjucks官网:

nunjucks模板注释

由于nunjucks 模板, 直接以写html 的方式写的模板文件, 因此他的注释可以直接使用html 的注释即可.

#1. 可以编译到html文件中的注释, 直接使用html注释写法
<!-- 我是nunjucks中的注释 -->
    
#2. nunjucks自己的注释, 只是写模板时的注释, 最后不会编译到html文件中
	{
    # 我是nunjucks 自己的注释 #}

koa-nunjucks-2的使用

nunjucks 模板引擎, 有更好的 hmtl 支持, 不需要像pug 那样缩进来写, 可以像写html文件那样写nunjucks 语法, 只不过在里面加入了很多nunjucks 的自有语法, 更加清晰易理解.

首先需要安装 nunjucks-2 引擎模块. npm install nunjucks-2 -S

**服务器文件写法配置nunjucks **

./server.js 文件

const Koa = require('koa')
const Router = require('koa-router')
const nunjucks = require('koa-nunjucks-2')
const app = new Koa()
let router = new Router()

app.use(nunjucks({
    
	ext:"html", // 或者后缀名也可以是 .njk
	path:__dirname+"/views",
	nunjucksConfig:{
    
 	trimBlocks:true, // 防止 Xss漏洞
}
}))

router.get("/",async ctx=>{
    
   // ctx.body="hello"
   await ctx.render("./index",{
    
       username:'Gene',
       num:4,
       usersArr:[
           {
    id:1,name:'Gene',age:18},
           {
    id:2,name:'杨阳',age:20},
          {
    id:3,name:'旺旺',age:7},
          {
    id:4,name:'豆豆',age:2},
      ],
      str:'hello world' 
  }) 
})

router.get('/son1',async ctx=>{
    
   await ctx.render("./son1")
})

router.get('/import',async ctx=>{
     
   await ctx.render("./import")
})

app.use(router.routes())
app.listen(4000,()=>{
    
   console.log("-Local http://localhost:4000/")
})

nunjucks 插值语法

nunjucks 的插值语法和我们平常写 VUE 的语法一样, 只需要写双大括号{ {}} 即可以完成插值引用.

html 文件如下.
<!DOCTYPE html>
<html lang="en">

最低0.47元/天解锁文章

ProbeGene

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
nunjucks 模板引擎常用语法学习总结

文章目录nunjucks模板引擎nunjucks模板注释koa-nunjucks-2的使用nunjucks 插值语法nunjucks 的判断语句nunjucks 的循环语句nunjucks内置的过滤器nunjucks 模板继承nunjucks 中的宏标签 macronunjucks 中的includenunjucks 中的 importnunjucks模板引擎nunjucks官网: nunjucks模板注释由于nunjucks 模板, 直接以写html 的方式写的模板文件, 因此他的注释可以直
复制链接

扫一扫