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开源项 ...
随机推荐
- C++ LibCurl实现Web指纹识别
Web指纹识别是一种通过分析Web应用程序的特征和元数据,以确定应用程序所使用的技术栈和配置的技术.这项技术旨在识别Web服务器.Web应用框架.后端数据库.JavaScript库等组件的版本和配置信 ...
- 在Winform应用中增加通用的业务编码规则生成
在我们很多应用系统中,往往都需要根据实际情况生成一些编码规则,如订单号.入库单号.出库单号.退货单号等等,我们有时候根据规则自行增加一个函数来生成处理,不过我们仔细观察后,发现它们的编码规则有很大的共 ...
- 【scikit-learn基础】--『数据加载』之外部数据集
这是scikit-learn数据加载系列的最后一篇,本篇介绍如何加载外部的数据集. 外部数据集不像之前介绍的几种类型的数据集那样,针对每种数据提供对应的接口,每个接口加载的数据都是固定的.而外部数据集 ...
- C++ Qt开发:使用顺序容器类
当我们谈论编程中的数据结构时,顺序容器是不可忽视的一个重要概念.顺序容器是一种能够按照元素添加的顺序来存储和检索数据的数据结构.它们提供了简单而直观的方式来组织和管理数据,为程序员提供了灵活性和性能的 ...
- Spring系列:基于Spring-AOP和Spring-Aspects实现AOP切面编程
目录 一.概念及相关术语 概念 相关术语 ①横切关注点 ②通知(增强) ③切面 ④目标 ⑤代理 ⑥连接点 ⑦切入点 作用 二.基于注解的AOP 技术说明 准备工作 创建切面类并配置 各种通知 切入点表 ...
- Flask-SQLAlchemy常用新旧查询语法对比
https://docs.sqlalchemy.org/en/20/tutorial/data.html 新旧版语法的说明 在2.x的SQLALchemy中,查询语法为: db.session.exe ...
- spring是否线程安全
spring 管理的bean默认是单例的,可通过 scope 属性设置scope="singleton" 默认是单例,可修改为scope="prototype" ...
- ASR项目实战-语音识别
本文深入探讨语音识别处理环节. 本阶段的重点特性为语音识别.VAD.热词.文本的时间偏移.讲话人的识别等. 语音识别 业界流派众多,比如Kaldi.端到端等,具体选择哪一种,需要综合考虑人员能力.训练 ...
- vulnhub - Nagini - writeup
信息收集 基础信息 目标只开放了22和88: root@Lockly tmp/nagini » arp-scan -I eth1 -l Interface: eth1, type: EN10MB, M ...
- vivo 海量微服务架构最新实践
作者:来自 vivo 互联网中间件团队 本文根据罗亮老师在"2023 vivo开发者大会"现场演讲内容整理而成.公众号回复[2023 VDC]获取互联网技术分会场议题相关资料. v ...