BBS项目(三):侧边栏筛选功能 文章详情页搭建 点赞点踩功能 文章根评论功能
复习与补充
admin后台管理复习:
admin.py文件中注册模型表 然后访问admin路由使用超级管理员登录
admin.site.register(models.UserInfo)
"""
1.后台可以不填写某字段
blank=True
2.后台显示表名
class Meta:
verbose_name_plural = ''
"""
ps:绑定关系要细心
功能补充:
1. 用户注册之后自动生成站点
之前我们用户注册之后,站点和用户之间的关系没有绑定。可以在用户注册时,输入有关站点的信息,注册完成之后,直接录入站点表,自动生成个人站点
2. 个人站点名字扩展
之前我们的站点名字 和 站点路由名是相同的,应该支持用户自定义站点名。
侧边栏筛选功能
1.先研究博客园三种情况下的筛选特性
分类筛选路由特性: 站点名称/category/数据主键值
标签筛选路由特性: 站点名称/tag/数据主键值
日期筛选路由特性: 站点名称/archive/文章年月
2.研究路由开设接口
多个路由使用相同的视图函数 因为个人站点的文章和侧边栏筛选的文章互为父子集
# 侧边栏筛选接口
# path('<str:username>/category/<int:category_id>/', views.site_func),
# path('<str:username>/tag/<int:tag_id>/', views.site_func),
# path('<str:username>/archive/<str:yearAndmonth>/', views.site_func),
# 上述三个路由可以合并成一个路由
re_path('^(?P<username>\w+)/(?P<condition>category|tag|archive)/(?P<params>.*?)/', views.site_func)
由于以上路由传递的实参个数不相同,所以在视图函数我们可以使用可变长形参接受:
# def site_func(request,username,**kwargs):
3.由于筛选还是基于个人站点 所以多个路由使用相同的视图函数
通过视图函数接收的实参个数不同从而区分不同的业务逻辑
4.侧边栏筛选后端逻辑
个人站点页主体部分:
正常情况下:个人站点应该展示所有文章
经过侧边栏筛选: 展示被筛选的部分文章
个人站点侧边栏部分:
侧边栏的分类、标签、日期依旧是根据该用户的所有文章生成的,与侧边栏筛选之后的结果无关。
5.根据条件二次过滤文章数据
正反向查询、神奇的双下划线查询
文章详情页搭建
1.路由的设计
站点名称/article/数据主键值
开设新路由
2.侧边栏制作inclusion_tag
对于侧边栏这局部的html代码要在好几个页面使用,并且这个html中用到的数据是动态渲染的。
所以要使用inclusion_tag来进行实现。也可以在视图函数重新写orm,但是重复的代码太多,不建议这么做。
2.1侧边栏很多页面都需要使用 并且还需要传参才可以加载出来
2.2干脆制作成inclusion_tag调用 从而节省代码
2.3自定义操作固定步骤(模板层相关知识)
3.文章详情页后端逻辑
开设新路由 ---> 筛选用户写的文章(查询1篇) ---> 前端模板继承 ---> 侧边栏数据丢失 ---> 使用inclusion_tag ---> 获取外部文章html代码 ---> safe信任html代码
点赞点踩样式搭建
1.数据准备
直接拷贝博客园样式即可 主要除了html还有css 遇到图片防盗链问题,就将图片下载到本地
2.针对路由匹配
含有动态匹配的路由很多时候可能会出现顶替的情况
这个时候我们可以将简单的路由放前面 复杂的放后面 甚至修改匹配策略
点赞点踩功能完善
1.前端页面给点赞点踩图标绑定点击事件
通过标签class值的不同区分是赞还是踩
发送ajax请求携带文章主键值、点赞点踩...
2.后端业务逻辑
校验用户是否登录、校验当前用户是否是文章作者、校验当前用户是否已经点过、完成数据库操作(注意普通字段数据更新)
ps:注意前端发送过来的js类型的布尔值需要自己处理成python布尔值
3.前端展示优化
信息提示、数字动态变化
ps:针对标签文本需要做类型转换 否则默认是字符串拼接
文章评论前期准备
1.前端样式搭建
最简易的几个标签
获取用户输入的textarea以及一个提交按钮
2.评论逻辑
先考虑根评论 之后再考虑子评论 不要乱!!!
3.根评论
点击提交评论按钮 发送ajax请求 携带必要的参数即可
文章根评论业务逻辑
1.给提交按钮绑定点击事件
2.发送ajax请求
携带评论内容、文章主键
3.后端直接获取数据并写入数据库
还是得注意文章表中的普通字段
ps:很多业务逻辑可能需要执行多条ORM语句 这个时候为了保证数据的完整可以采用事务操作(回想ORM事务的三种操作方式)
练习
1.整理今日内容及思路
2.连续功能编写
先理清逻辑再动手
ps:编写功能可以先一条道走到黑之后再考虑其他情况
BBS项目(三):侧边栏筛选功能 文章详情页搭建 点赞点踩功能 文章根评论功能的更多相关文章
- BBS之文章详情页搭建
博客评论相关 博客文章详情页搭建 {% extends 'base.html' %} {% block css %} <style> #div_digg { float: right; m ...
- thinkPHP中的文章详情页实现“上一篇下一篇”功能经验分享
前段时间在公司中接触到了用thinkPHP搭建的项目,其中涉及到了文章详情页上一篇下一篇翻页的功能实现效果. 因为刚接触这套框架和PHP,所以整理一下实现该功能的经验方法. 如果有不到位的地方,欢迎指 ...
- Thinkphp 3.2中文章详情页的上一篇 下一篇文章功能
额 简单2句话解释下 获取上一篇文章的原理,其实就是以当前文章的id为起点进行进行查询,例如id=5的文章 select * from article where (article_id<5 ...
- BBS项目分布搭建三(个人站点时间归档补充,实现侧边栏跳转、无线级分类、实现文章详情页展示功能)
BBS项目分布搭建三(个人站点时间归档补充,) 1. 个人站点时间归档 """ settings.py设置最好更改以下: LANGUAGE_CODE = 'zh-hans ...
- django博客项目8:文章详情页
首页展示的是所有文章的列表,当用户看到感兴趣的文章时,他点击文章的标题或者继续阅读的按钮,应该跳转到文章的详情页面来阅读文章的详细内容.现在让我们来开发博客的详情页面,有了前面的基础,开发流程都是一样 ...
- Django:文章详情页面评论功能需要登录后才能使用,登录后自动返回到文章详情页
背景: 文章详情页正在查看文章,想评论一下写的不错,但是需要先登录才能.页面长这个样子: 方案: 1.点击登录链接时,将该页面的URL传递到登录视图中 request.path获取的是当前页面的相对路 ...
- Django----使用模板系统渲染博客页面、实现列表和详情页的跳转、前后跳转功能
.模板写法同Flask,可以参考之前的FLask-模板 .将之前的BootStrap静态页面中的数据使用模板写 <!DOCTYPE html> <html lang="en ...
- python 全栈开发,Day81(博客系统个人主页,文章详情页)
一.个人主页 随笔分类 需求:查询当前站点每一个分类的名称以及对应的文章数 完成这个需求,就可以展示左侧的分类 它需要利用分组查询,那么必须要会基于双下划线的查询. 基于双下划线的查询,简单来讲,就是 ...
- [ionic开源项目教程] - 第10讲 新闻详情页的用户体验优化
目录 [ionic开源项目教程] 第1讲 前言,技术储备,环境搭建,常用命令 [ionic开源项目教程] 第2讲 新建项目,架构页面,配置app.js和controllers.js [ionic开源项 ...
- [ionic开源项目教程] - 第9讲 新闻详情页的实现
目录 [ionic开源项目教程] 第1讲 前言,技术储备,环境搭建,常用命令 [ionic开源项目教程] 第2讲 新建项目,架构页面,配置app.js和controllers.js [ionic开源项 ...
随机推荐
- 26. 干货系列从零用Rust编写正反向代理,如何发布Rust项目到Docker
wmproxy wmproxy已用Rust实现http/https代理, socks5代理, 反向代理, 静态文件服务器,四层TCP/UDP转发,内网穿透,后续将实现websocket代理等,会将实现 ...
- vue 甘特图(附件):甘特图附件
甘特图样式: .gantt_container { border-color: transparent !important; .gantt_right { top: 0% !important; d ...
- java固定窗口大小
this.setResizable(false);//////frame.setResizable(false)
- 一款实用的.NET Core加密解密工具类库
前言 在我们日常开发工作中,为了数据安全问题对数据加密.解密是必不可少的.加密方式有很多种如常见的AES,RSA,MD5,SAH1,SAH256,DES等,这时候假如我们有一个封装的对应加密解密工具类 ...
- macOS 苹果电脑双面打印单面打印PDF设置
苹果的打印服务分为两个部分,一个是应用层另一个是系统层. 其中双面打印或单面打印统一在系统层面设置,下面我分别截图示意wps pdf和福昕pdf两款软件设置双面打印. 1.WPS PDF 在完成方式中 ...
- 【scikit-learn基础】--『预处理』之 标准化
数据的预处理是数据分析,或者机器学习训练前的重要步骤.通过数据预处理,可以 提高数据质量,处理数据的缺失值.异常值和重复值等问题,增加数据的准确性和可靠性 整合不同数据,数据的来源和结构可能多种多样, ...
- Scrapy在pipeline中集成mongodb
settings.py中设置配置项 MONGODB_HOST = "127.0.0.1" MONGODB_PORT = 27017 MONGODB_DB_NAME = " ...
- lca 学习笔记
定义 最近公共祖先简称 \(LCA\) 两个节点的最近公共祖先,就是这两个点的公共祖先里,离根最远的的那个 为了方便,我们记某点集 \(S={v1,v2,...,vn}\) 的最近公共祖先为 \(LC ...
- 在eclipse中拖动项目到Tomcat服务器中报错:Project facet Java version 16 is not supported.解决办法
补充,还有一种情况:拖不进来,但是根本不报错,解决办法:
- Jenkins 系列:Jenkins 安装(Windows、Mac、Centos)和简介
目录 简介 发展历史 应用场景 Jenkins 安装部署 先决条件 硬件要求 软件包下载 war 包部署 linux 系统部署 mac 系统部署 windows 系统部署 安装后基本配置 解锁 自定义 ...