为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【九月打卡】第13天...

【九月打卡】第13天 Node.js开发博客——变量和判断、循环和组件

2022.09.20 23:59 52浏览

课程信息

课程名称: Node.js+Express+Koa2+开发Web Server博客
课程章节: 第6章 博客项目之登录
课程讲师: 双越

课堂笔记

1、变量和判断

1.变量

ejs:nodejs服务端的模板引擎,也就是SSR,由服务端渲染。

变量:<%= title %>

/src/views/index.ejs:

// 这里是从路由那边传递过来的

 <%= title %>

EJS Welcome to <%= title %>

<%= msg %>

// 不确定哪个变量是否传过来,可以前面加个locals. 如果不加的话,那么会报错

<%= locals.name %>

/src/routes/index.js:

router.get('/', async (ctx, next) => {

await ctx.render('index', {

title: 'Hello Koa 2!',

msg: "你好"

})

})

2.判断

/src/views/index.ejs:

<% if (isMe) { %>

[@ 提到我的(3)](#)

<% } else { %>

关注

<% } %>

/src/routes/index.js:

router.get('/', async (ctx, next) => {

// 读取模板文件是异步的,所以要用await

await ctx.render('index', {

title: 'Hello Koa 2!',

msg: "你好",

isMe: true

})

})

2、循环和组件

1.组件

新建/views/widgets文件夹,用来专门存放小组件。

views/widgets/user-info.ejs:

<% if (isMe) { %>

[@ 提到我的(3)](#)

<% } else { %>

关注

<% } %>

views/index.ejs:

<%- include("widgets/user-info",{

isMe

})%>

2.循环

views/widgets/blog-list.ejs:

<% blogList.forEach(blog=>{ %>

<%= blog.title %>

<% }) %>

routes/index.js:

router.get('/', async (ctx, next) => {

await ctx.render('index', {

title: 'Hello Koa 2!',

msg: "你好",

isMe: true,

blogList: [

{

id: 1,

title:"aaa"

},

{

id: 2,

title: "bbb"

},

{

id: 3,

title:"ccc"

}

]

})

})

views/index.ejs:

<%- include("widgets/blog-list",{

blogList

})%>
点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
7
获赞与收藏
2

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

50篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

146篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消