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

相关文章
|
小程序 前端开发 JavaScript
小程序的列表页-商品或新闻展示--【浅入深出系列007】
小程序的列表页-商品或新闻展示--【浅入深出系列007】
|
JSON JavaScript 数据格式
显示新闻详情|学习笔记
快速学习显示新闻详情
显示新闻详情|学习笔记
html+css实战109-新闻列表-内容
html+css实战109-新闻列表-内容
114 0
html+css实战109-新闻列表-内容
html+css实战108-新闻列表-标题
html+css实战108-新闻列表-标题
253 0
html+css实战108-新闻列表-标题
|
SQL 开发者 微服务
首页数据显示-热门课程和名师接口 | 学习笔记
快速学习 首页数据显示-热门课程和名师接口
|
数据采集 Python
Python爬虫:使用newspaper解析新闻页面信息
Python爬虫:使用newspaper解析新闻页面信息
422 0
html+css实战107-新闻列表-div布局
html+css实战107-新闻列表-div布局
122 0
|
算法 搜索推荐 机器学习/深度学习
优化百度新闻内容的7个技巧
优化百度新闻内容的7个技巧 百度新闻发生了巨大变化。许多优化新闻内容的最佳做法也发生了重大变化。 但是,百度新闻优化的一些基本原则在过去16年中基本没有改变。 优化新闻内容以提高可见性和流量的关键是弄清楚哪些内容已发生变化,哪些内容未发生变化。
1397 0
|
Web App开发 iOS开发 数据格式