HackerNews新闻列表功能描述|学习笔记

简介: 快速学习 HackerNews新闻列表功能描述

开发者学堂课程【Node.js 入门与实战:HackerNews新闻列表功能描述 】学习笔记,与课程紧密联系,让用户快速学习知识

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


HackerNews新闻列表功能描述

 

一、HackerNews新闻列表功能描述

json会开启一个HTTP服务。然后就尝试用简单的nojson做一个新闻列表这么一个小程序。

首先模仿一个程序,这是一个新闻的网站,这个网站新闻是可以随便提交的,只要登录以后就可以随便提交,那么这是一个新闻列表,点击某一条新闻,就直接跳转到这个新闻详情这个页面。

模仿新闻的网站,网站所具主页,有新闻列表显示,点击标题可以进入详情页,可进行新闻提交功能。

 主页面是一条条新闻列表,如图:

image.png

当点击新闻时跳转到新闻详情页面,如图:

image.png

然后点击submit进行提交,会提示需要验证登录,如图:

image.png

进行验证,如图:

image.png

登录后再次点击submit添加新闻,title中写入新闻标题,url中写入新闻链接,text中写入新闻详情内容,url和text只能写一个,

如图:

image.png

点击submit提交,回到新闻主页面,显示如图:

image.png

任何人都可以向其中添加新闻,点击添加的新闻进入详情页,如图:

image.png

相关文章
|
5月前
|
Python
炫酷!纯Python开发LOL英雄信息查询平台
炫酷!纯Python开发LOL英雄信息查询平台
51 2
|
小程序 前端开发 JavaScript
小程序的列表页-商品或新闻展示--【浅入深出系列007】
小程序的列表页-商品或新闻展示--【浅入深出系列007】
|
SQL XML 前端开发
怎么做社区网站的首页帖子展示?
要进行首页帖子展示,就必须学会分页,而在创建分页之前,我们得先认识到,为什么要进行分页?一个大型网站的数据库将容纳大量的数据,而我们进行展示某部分数据时,为了保证浏览速度,不可能一次性地将所有数据进行传输,更何况,不是全部传输过去的数据第一时间就能有效利用,所以,只要每次将需要的数据传输过去就好,即使是后续需要的数据,那也是后面时间点需要完成的工作,为了做到这一点,必须对一个数据整体进行划分,合理地传输并展示给用户,其中,划分出来的每一部分可被称为一页数据,完成划分工作的就是分页操作。而分页操作在 spingboot 及 mybatis 的环境下,可被分为以下几种分页情况:
152 0
|
JSON JavaScript 数据格式
显示新闻详情|学习笔记
快速学习显示新闻详情
显示新闻详情|学习笔记
html+css实战109-新闻列表-内容
html+css实战109-新闻列表-内容
114 0
html+css实战109-新闻列表-内容
html+css实战108-新闻列表-标题
html+css实战108-新闻列表-标题
251 0
html+css实战108-新闻列表-标题
|
SQL 开发者 微服务
首页数据显示-热门课程和名师接口 | 学习笔记
快速学习 首页数据显示-热门课程和名师接口
|
前端开发 应用服务中间件 数据库
首页数据显示-热门课程和名师(前端) | 学习笔记
快速学习 首页数据显示-热门课程和名师(前端)
|
开发者
课堂案例-新闻页面|学习笔记
快速学习课堂案例-新闻页面
课堂案例-新闻页面|学习笔记