添加新闻时增加一个 id 属性|学习笔记

简介: 快速学习添加新闻时增加一个 id 属性

开发者学堂课程【Node.js 入门与实战添加新闻时增加一个id属性】学习笔记,与课程紧密联系,让用户快速学习知识

课程地址https://developer.aliyun.com/learning/course/588/detail/8288


添加新闻时增加一个id属性

 

一、添加新闻时增加一个id属性

image.png

点击显示新闻详情,一点击就能链接到一个地址,当用户访问item的时候显示新闻详情,需要链接点到item。

image.png

找到新闻首页,新闻首页当中每条新闻的链接地址链接到item,<a href=/item> ,

刷新查看效果,点击标签时会跳转到item页面,此时有个问题,当每条新闻链接到item时,

image.png

如何区分这条新闻是哪一条,为了区分新闻需要添加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属性。

相关文章
|
5月前
新闻发布项目——分页公共类(PageUitl )
新闻发布项目——分页公共类(PageUitl )
|
5月前
|
供应链 搜索推荐
偏好类标签支持自定义统计方式,标签场景覆盖更广
在个性化营销场景,零售商必须理解顾客的行为才能更准确的预测客户需求,优化库存管理、制定营销策略,并提供个性化的购物体验,然而偏好类标签的加工不仅仅是简单的属性出现频次或最大值的统计,Dataphin V4.0版本新增了自定义统计的方式加工偏好标签,通过简单的配置即可完成复杂的标签加工场景。
|
5月前
|
存储 自然语言处理
平台设计-代码字段与标签
在平台里描述对象的属性可以使用代码和标签
|
5月前
|
前端开发 JavaScript
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
132 0
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
|
JSON 前端开发 数据格式
根据ID集合查询符合某种类型的用户信息,并按其他类型分类
根据ID集合查询符合某种类型的用户信息,并按其他类型分类
|
前端开发 Java
谷粒商城--获取分类下所有分组&关联属性
谷粒商城--获取分类下所有分组&关联属性
115 0
|
JSON JavaScript 数据格式
get 方式提交新闻防止新闻被覆盖掉|学习笔记
快速学习 get 方式提交新闻防止新闻被覆盖掉
159 0
get 方式提交新闻防止新闻被覆盖掉|学习笔记
|
JavaScript 开发者
get方式提交新闻防止新闻被覆盖掉(补充说明)|学习笔记
快速学习 get 方式提交新闻防止新闻被覆盖掉(补充说明)
117 0
get方式提交新闻防止新闻被覆盖掉(补充说明)|学习笔记