昨日内容回顾
-
个人站点侧边栏筛选功能
1.研究侧边栏路由规律 2.初步指定三个路由 站点名称\category\分类主键值 站点名称\tag\标签主键值 站点名称\archive\年-月 3.路由优化设计 正则匹配 4.由于筛选还是基于个人站点 所以多个路由使用相同的视图函数 通过视图函数接收的实参个数不同从而区分不同的业务逻辑 5.根据条件二次过滤文章数据 正反向查询、神奇的双下划线查询
-
侧边栏inclusion_tag制作
1.侧边栏很多页面都需要使用 并且还需要传参才可以加载出来 2.干脆制作成inclusion_tag调用 从而节省代码 3.自定义操作固定步骤(模板层相关知识)
-
点赞点踩样式搭建
直接拷贝博客园相关html和css即可 ps:图片防盗链技术
-
点赞点踩功能完善
1.前端页面给点赞点踩图标绑定点击事件 通过标签class值的不同区分是赞还是踩 发送ajax请求携带文章主键值、点赞点踩... 2.后端业务逻辑 校验用户是否登录、校验当前用户是否是文章作者、校验当前用户是否已经点过、完成数据库操作(注意普通字段数据更新) ps:注意前端发送过来的js类型的布尔值需要自己处理成python布尔值 3.前端展示优化 信息提示、数字动态变化 ps:针对标签文本需要做类型转换 否则默认是字符串拼接
-
文章评论样式搭建
最简易的几个标签 获取用户输入的textarea以及一个提交按钮
-
文章根评论业务逻辑
1.给提交按钮绑定点击事件 2.发送ajax请求 携带评论内容、文章主键 3.后端直接获取数据并写入数据库 还是得注意文章表中的普通字段 ps:很多业务逻辑可能需要执行多条ORM语句 这个时候为了保证数据的完整可以采用事务操作(回想ORM事务的三种操作方式)
今日内容概要
- 文章子评论业务逻辑
- 后台管理页面搭建
- 添加文章页面搭建
- 富文本编辑器
- 添加文章功能简易版本
- 添加文章功能优化
今日内容详细
文章评论业务完善
提交评论
评论框里面的内容会清空 然后页面会有一个临时评论样式出现 页面刷新才会出现评论楼样式
研究子评论特性
每个评论右侧都应该有回复按钮 点击就可以填写子评论
点击回复按钮具体动作:评论框中自动添加@+评论的人名并换行 聚焦
如何区分不同的回复按钮所对应的用户名
利用标签可以自定义属性直接携带对应的评论用户名即可
提交根评论和子评论点击的是同一个按钮 两者的区别与联系是什么
其实根评论和子评论的唯一区别就是是否有父评论的主键值
如何区分不同的回复按钮所对应的评论主键值
利用标签可以自定义属性直接携带对应的评论主键值即可
点击回复按钮发送子评论 页面不刷新的情况下 后续的评论全部成了子评论
原因是全局变量parentId没有清空导致的 每次提交评论都应该清空一下
针对子评论内中的@用户名换行 理论上不属于用户评论的内容 不应该记录到数据库
前端可以剔除 也可以在后端剔除
针对子评论的渲染 应该动态判断是否是子评论 如果是应该加上评论的目标用户名
ps:针对评论的渲染也可以分页 也可以做根评论与子评论的集合操作(分类)
后台管理
1.模仿博客园后台访问直接展示所有文章
2.后台管理页面需要多次被当做模板页面使用 如果该页面也是继承其他页面那么无法二次被继承使用 所以我们单独编写一个后台管理的模板页面
添加文章
1.页面简易搭建
2.文章内容区富文本编辑器的使用
课下可以自行查找更多的富文本编辑器使用
3.添加文章需要注意的问题
文章简介不应该有标签存在
文章内容不允许编辑script脚本(XSS攻击)
涉及到html相关内容的处理 可以借助于爬虫相关模块
bs4
作业
1.整理今日内容及博客
2.自行学习bs4模块其他功能
3.自行研究富文本编辑器使用
4.尝试完善添加文章功能
标签:文章,添加,键值,按钮,评论,页面
From: https://www.cnblogs.com/tengyifan888/p/17027669.html