文章目录

nunjucks模板引擎
- nunjucks模板注释
- koa-nunjucks-2的使用
- - nunjucks 插值语法
  - nunjucks 的判断语句
  - nunjucks 的循环语句
  - nunjucks内置的过滤器
  - nunjucks 模板继承
  - nunjucks 中的宏标签 macro
  - nunjucks 中的include
  - nunjucks 中的 import

nunjucks模板引擎

nunjucks官网:

nunjucks模板注释

由于nunjucks 模板, 直接以写html 的方式写的模板文件, 因此他的注释可以直接使用html 的注释即可.
#1. 可以编译到html文件中的注释, 直接使用html注释写法
#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", // 或者后缀名也可以是 .njkpath:__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模板引擎
NunJucks模板引擎 NunJucks中文文档模板引擎有很多,我之前就曾用过ejs,都是对页面进行渲染.接下来带大家简单体验一下Nunjucks.真别说,插值语法有点vue的那股味道了. 初试N ...
velocity模板引擎-vm语法整理
velocity模板引擎-vm语法整理模板引擎我目前接触过两次, 第一次是在前后端还未分离时,考虑到部分页面数据比较固定,一定时间内不会变动,这样每次从后台加载数据渲染页面明显会消耗性能以及资源浪费 ...
Node.js(二)——pug模板引擎，nunjucks模板引擎，在koa中使用pug和nunjucks模板引擎
目录 1.知识点及课堂目标 2.模板引擎 3.pug模板引擎使用 3.1安装pug 3.2pug常用语法 3.2.1通过缩进关系,代替以往html的层级包含关系. 3.2.2html 元素属性/sty ...
http+nunjucks模板引擎、koa+nunjucks模板引擎
模板引擎模板引擎:模板引擎是web应用中动态生成html的工具,负责将数据和模板结合. 常见模板引擎有:ejs.jade(现更名为pug).Handlebars.Nunjucks.Swig等: 使用 ...
前端模板引擎 —— 带你学习Jade / Pug 模板引擎
模板引擎是什么模板引擎是将静态部分糅合的一种实现机制或者技术. 目前使用较广的模板引擎有以下几种:Jade / Pug.EJS.Handlebars. 本文详述Jade / Pug模板引擎在项目开发 ...
Twig模板引擎常用基础用法总结
Twig是一种PHP模板引擎,最近,由于比较频繁的使用Twig模板,于是想总结一下一些常用的基本用法,希望能给对Twig还不熟悉的朋友带来帮助. 首先贴一下Twig官方文档链接:Twig模板语法官方文 ...
freemarker模板引擎常用标签
freemarker资料! http://freemarker.org/index.html freemarker正常生成HTML的模板引擎,公司需求将书籍来源的数据发放到不同的渠道,每个渠道生成特定 ...
themleft模板库_Thymeleaf模板引擎常用总结
一:语法简单总结 Thymeleaf是一个Java类库,是xml/html/html5的模板引擎,SpringBoot框架推荐在MVC的Web应用做做View层使用. SpringBoot中整合Thy ...
JAVA模板引擎velocity语法讲解
Velocity 是一个基于 Java 的模板引擎,它允许用户使用简单的模板语言来引用由 Java 代码定义的对象.当 Velocity 应用于 Web 开发时,界面设计人员可以和 Java 程序开发 ...

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

文章目录

nunjucks模板引擎

nunjucks模板注释

koa-nunjucks-2的使用

nunjucks 模板引擎常用语法学习总结相关推荐

最新文章

热门文章