开发者学堂课程【Node.js 入门与实战:添加新闻时增加一个id属性】学习笔记,与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/588/detail/8288
添加新闻时增加一个id属性
一、添加新闻时增加一个id属性
点击显示新闻详情,一点击就能链接到一个地址,当用户访问item的时候显示新闻详情,需要链接点到item。
找到新闻首页,新闻首页当中每条新闻的链接地址链接到item,<a href=”/item”> ,
刷新查看效果,点击标签时会跳转到item页面,此时有个问题,当每条新闻链接到item时,
如何区分这条新闻是哪一条,为了区分新闻需要添加id属性。
在新闻里没有id属性,这时即便传一个id,也无法分辨此时这个id属性对应哪一条新闻。解决方法为每一条新闻里带一个id属性,例如“id”=1。
<a href=
”
/item?id=<%= list[i].id %>
”
>
从list当中取出当前这条新闻的id。
新建index7,实现显示新闻详情页。
var list = JSON.parse(data ||
‘
[]
’
);
//
在第一次的时候,list是空数组
// 在把新闻添加到list之前,为新闻增加一个id属性
urlObj.query.id = list.length;
// length为0,
则第一个新闻的id=0,当里面已经有一条新闻时需要添加第二条新闻,第二条新闻的id就是当前的length,id=1,每条新闻的id会自动增长。
当然这种写法并不严谨,当删掉几条数据后会发生重复的问题。
// 在把新闻添加到list之前,为新闻增加一个id属性
postBody.id = list.length;
将之前的新闻删掉,回到浏览器点击 submit,添加两条新闻,此时在 data.json 中将查看到id属性。