项目6:新闻详情页面分析与具体代码实现

一、前端代码实现(获取news_id,page页面),传入后台进行清洗处理
项目6:新闻详情页面分析与具体代码实现_第1张图片
项目6:新闻详情页面分析与具体代码实现_第2张图片
项目6:新闻详情页面分析与具体代码实现_第3张图片
项目6:新闻详情页面分析与具体代码实现_第4张图片
项目6:新闻详情页面分析与具体代码实现_第5张图片
项目6:新闻详情页面分析与具体代码实现_第6张图片
项目6:新闻详情页面分析与具体代码实现_第7张图片
项目6:新闻详情页面分析与具体代码实现_第8张图片
项目6:新闻详情页面分析与具体代码实现_第9张图片
项目6:新闻详情页面分析与具体代码实现_第10张图片
项目6:新闻详情页面分析与具体代码实现_第11张图片

二、后台逻辑处理

1.定义路由,这里运用路由传参(通过前端点击新闻列表,模型类id传入后台进入对应路由,再进入对应视图),点击会得到整条数据的所有字段值
在这里插入图片描述
2.进入视图,取到模型类的数据(表数据),渲染到页面访问
项目6:新闻详情页面分析与具体代码实现_第12张图片
判断数据
项目6:新闻详情页面分析与具体代码实现_第13张图片
3.挖坑与填坑(保留页面右边内容,可以放广告)

项目6:新闻详情页面分析与具体代码实现_第14张图片
填坑
项目6:新闻详情页面分析与具体代码实现_第15张图片
访问变量(因后台只获取点击的一整条数据,所以这里将对应的字段值加进去,不用遍历)filter(is_delete=False,id=news_id)
项目6:新闻详情页面分析与具体代码实现_第16张图片
效果展示
项目6:新闻详情页面分析与具体代码实现_第17张图片
项目6:新闻详情页面分析与具体代码实现_第18张图片
思路:前端点击图片或标题,进入对应的路由(携带对应的id),再进入路由对应的视图,视图通过模型类(数据库表数据)获取,清洗。然后渲染给html静态页面(详情页面),页面访问{{变量}}

你可能感兴趣的:(笔记)