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

相关文章
|
9月前
新闻发布项目——分页公共类(PageUitl )
新闻发布项目——分页公共类(PageUitl )
|
9月前
|
供应链 搜索推荐
偏好类标签支持自定义统计方式,标签场景覆盖更广
在个性化营销场景,零售商必须理解顾客的行为才能更准确的预测客户需求,优化库存管理、制定营销策略,并提供个性化的购物体验,然而偏好类标签的加工不仅仅是简单的属性出现频次或最大值的统计,Dataphin V4.0版本新增了自定义统计的方式加工偏好标签,通过简单的配置即可完成复杂的标签加工场景。
100 2
|
9月前
|
存储 自然语言处理
平台设计-代码字段与标签
在平台里描述对象的属性可以使用代码和标签
|
JSON API 开发者
如何使用分类ID参数过滤搜索词推荐数据?
一、背景介绍 阿里巴巴中国站的搜索词推荐数据对于开发者来说具有重要的参考价值。通过使用获得搜索词推荐 API,开发者可以获取到用户在平台上的搜索行为数据,了解用户的需求和行为,优化产品和服务。在获取搜索词推荐数据的过程中,有时候需要对数据进行更精细的过滤和分析。其中,分类ID参数是一个非常重要的过滤条件,可以帮助开发者更好地筛选数据。本文将详细介绍如何使用分类ID参数过滤搜索词推荐数据,帮助读者更好地理解和使用该 API。
|
数据采集 自然语言处理 文字识别
淘宝视频内容标签的结构化分析和管理
淘宝视频是如何分类的?又是如何保持不同类别视频样本得到相对均衡?又是如何应用的?
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
user_artist__data数据记录用户播放某首歌曲的次数,数据包含3个字段,分别为useid(用户ID)、artistid(艺术家ID)、playcount(播放次数)更新一下子
178 0
|
前端开发 JavaScript
一篇”水文“带你解剖HTML中的ID属性以及和Class属性的区别。
一篇”水文“带你解剖HTML中的ID属性以及和Class属性的区别。
113 0
|
前端开发
前端知识学习案例5vs code-搜索和替换全局内容
前端知识学习案例5vs code-搜索和替换全局内容
92 0
前端知识学习案例5vs code-搜索和替换全局内容
|
Dubbo Java 应用服务中间件
标签解析|学习笔记
快速学习标签解析,介绍了 Dubbo 在启动过程中如何解析配置文件。
标签解析|学习笔记
|
JSON JavaScript 数据格式
get 方式提交新闻防止新闻被覆盖掉|学习笔记
快速学习 get 方式提交新闻防止新闻被覆盖掉
get 方式提交新闻防止新闻被覆盖掉|学习笔记