添加新闻时增加一个 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属性。

相关文章
|
7月前
|
JSON 数据库 数据格式
大事件后端项目22----文章分类列表
大事件后端项目22----文章分类列表
|
8月前
|
供应链 搜索推荐
偏好类标签支持自定义统计方式,标签场景覆盖更广
在个性化营销场景,零售商必须理解顾客的行为才能更准确的预测客户需求,优化库存管理、制定营销策略,并提供个性化的购物体验,然而偏好类标签的加工不仅仅是简单的属性出现频次或最大值的统计,Dataphin V4.0版本新增了自定义统计的方式加工偏好标签,通过简单的配置即可完成复杂的标签加工场景。
|
8月前
|
存储 自然语言处理
平台设计-代码字段与标签
在平台里描述对象的属性可以使用代码和标签
|
数据采集 数据挖掘 API
如何使用item_get接口获取不同类别的商品信息?
在电商行业中,商品类别是进行商品组织和管理的关键要素。通过商品类别,我们可以对商品进行分类、筛选和比较,以便更好地了解市场需求和消费者行为。本文将介绍如何使用item_get接口获取不同类别的商品信息,以及如何对这些信息进行数据分析和挖掘。
|
XML JSON 缓存
Java实现根据商品ID获取1688商品评论内容数据方法
Java实现根据商品ID获取1688商品评论内容数据方法
|
XML JSON 缓存
Java实现根据CID ID获取1688商品分类数据API方法
Java实现根据CID ID获取1688商品分类数据API方法
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
171 0
|
JSON JavaScript 数据格式
get 方式提交新闻防止新闻被覆盖掉|学习笔记
快速学习 get 方式提交新闻防止新闻被覆盖掉
get 方式提交新闻防止新闻被覆盖掉|学习笔记
|
开发者
我的第一个页面及其标签简介|学习笔记
快速学习我的第一个页面及其标签简介
100 0
|
JSON JavaScript API
品牌列表-完成删除功能|学习笔记
快速学习品牌列表-完成删除功能
133 0