path : __dirname + "/views",
nunjucksConfig : {
trimBlocks : true // 防止Xss漏洞
}
}));
router.get(“/”,async ctx=>{
await ctx.render("index",{
username : "校长",
num : 2,
arr : [
{name:"张三",age:20,sex:"男"},
{name:"李四",age:20,sex:"男"},
{name:"王五",age:20,sex:"男"}
],
str : "hello world"
});
})
router.get(“/import”,async ctx=>{
await ctx.render("import");
});
router.get(“/dataDatil”,async ctx=>{
await ctx.render("dataDatil",{
num : 2,
arr : [
{name:"张三",age:20,sex:"男"},
{name:"李四",age:20,sex:"男"},
{name:"王五",age:20,sex:"男"}
],
str : "hello world"
});
})
app.use(router.routes());
app.listen(8888);
index.html
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<h1>我是标题</h1>
<p>用户名:{{username}}</p>
<!-- 正常书写注释即可 -->
{# 我是nunjucks的注释 #}
<!-- if判断 -->
{% if num >3 %}
<p>num值大于3</p>
{% elseif num <3 %}
<div>num值小于3</div>
{% else %}
<span>num值等于3</span>
{% endif %}
<!-- 循环结构 -->
<ul>
{% for item in arr %}
<li>
姓名是{{item.name}};
年龄是{{item.age}};
性别是{{item.sex}}
</li>
{% endfor %}
</ul>
<!-- 正则过滤器 -->
{{str | replace("hello","你好") | capitalize}}
<!-- 备注:nodemon不能检测到html,所以在html中修改内容后,记得重启服务器 -->
<!-- 宏标签 macro -->
{% macro pet(name="猪",sex="公") %}
<p>它是一只{{name}},性别是:{{sex}}</p>
{% endmacro %}
{% macro person(name,age) %}
<div> {{name}} </div>
<h2> {{age}} </h2>
{% endmacro %}
{{pet("小狗","公")}}
{{pet("小猫","母")}}
{{pet()}}
{% include "footer.html" %}
import.html
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
{# {% include 'index.html' %} #}
{% import 'index.html' as obj %}
{{obj.pet("郭","公子")}}
{{obj.person("div","h2")}}
fotter.html
<meta charset="UTF-8">
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!