ajax评论

Posted 2021-02-15 hnlmy

评论有好几种格式：有评论树、评论楼等的格式

发表评论注意事项：

1. 展示评论
                1. 评论楼（Django模板语言渲染）
                    1. 从后端查询出所有的评论
                    2. 如果有父评论就展示父评论
    
                2. 评论树
                    通过ajax在页面刷新的时候去拉取所有的评论

2. 发表评论
                1. 发表评论（ajax提交）
                    1. 通过AJAX发送到后端
                        1. 判断是否是子评论
                            1. 给回复按钮绑定点击事件
                                1. 要给未来的标签绑定事件一定要用事件委托
                                    事件委托利用的原理是事件冒泡
                                2. jQuery事件委托的写法：
                                    $("已经存在的标签").on("click", ".repaly", function(){})
                            2.     jQuery对象.data()
                                1. jQuery对象.data("k1", "v1")    --> 给jQuery对象保存了一个k1:v1
                                2. jQuery对象.data("k1")          --> 取k1对应的值，取不到返回undefined
                                3. jQuery对象.removeData("k1")    --> 删除k1对应的值
                                4. jQuery对象.removeData()        --> 删除所有键值对
                            3. JS的三元运算
                                条件？值1:值2
                            4. 值1 || 值2             --> 如果值1为真就用值1，否则用值2
                            5. +"1"                   --> 把字符串快速转换成数值类型的小技巧
                            6. 字符串的相关用法
                                1. s.slice(start,)    --> 按索引对字符串切片
                                2. s.indexOf(\'\\n\')    --> 求指定字符在字符串中的索引
                            7. 任何标签都可以加自定义属性
                                jQuery求标签的属性：$("div").attr("k")

                        2. 后端注意事项：
                            1. 创建一条新评论
                                1. 判断是否是子评论，如果是子评论创建评论记录时要传父评论id值
                            
                            2. 更新对应文章表中的comment_count
                                .update(comment_count=F("comment_count")+1)
                                
                    2. 通过DOM操作把评论显示在页面上
                        1. ES6的模板字符串：https://www.cnblogs.com/liwenzhou/p/9249932.html
                                `${变量名}`
                        2. jQuery的文档操作 jQuery中文文档：http://jquery.cuishifeng.cn/
                            1. 内部添加
                                1. 前面：prepend
                                2. 后面：append
                            2. 外部添加
                                1. 前面：before
                                2. 后面：after