Python Day21
js的hasClass方法，检查是否有指定类名存在<div> <div>
{# 点赞数#}
<span>{{ aricle_obj.up_count }}</span>
</div>
<div>
{# 反对数#}
<span>{{ aricle_obj.down_count }}</span>
</div>
<div></div>
</div>
上面的两个标签中，除了有共同的action类名外，还各自有一个独立的类型，可以通过这一点来判断点击事件触发的是哪个标签
<script> // 设置点击事件
$(".action").click(function () {
var is_up;
// 如果触发点击动作后，相应标签class中有diggit,就会返回True，否则返回false
is_up=$(this).hasClass("diggit")
// 把is_up的值（True或false）打印出来
alert(is_up)
})
</script>
JsonResponse方法
与Ajax配合使用
视图中：
from django.http import JsonResponse
def digg(request):
res = {"state":True}
return JsonResponse(res)
此时模板中的ajax接收到的data就是一个字典，也就是说会自动识别并转换
djanjo数据存储-事务
from django.db import transaction
with transaction.atomic():
# article_id与user_id是联合唯一
ArticleUpDown.objects.create(user_id=user_pk, article_id=article_id, is_up=is_up)
if is_up:
Article.objects.filter(pk=article_id).update(up_count=F("up_count")+1)
else:
Article.objects.filter(pk=article_id).update(down_count=F("down_count")+1)
django时间设置
TIME_ZONE = 'Asia/Shanghai'
USE_TZ = False
js 分割字符串方法
var s="hello python"
// 根据索引找字符
alert(s.charAt(8))
// 打印出“t”
// 根据字符找索引
alert(s.indexOf("h"))
// 切片，从2到5，顾头不顾尾
alert(s.slice(2,5))
// 从2取到最后一位
alert(s.slice(2))
富文本编辑器
kindeditor
下载地址
http://kindeditor.net/down.php
可以根据需求删除以下目录后上传到服务器。
asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
jsp - JSP程序
examples - 演示文件
引入
<script src="/static/js/jquery-3.2.1.min.js"></script>
<script src="/static/kindeditor/kindeditor-all-min.js"></script>
<script charset="utf-8" src="/static/kindeditor/lang/zh-CN.js"></script>
在需要显示编辑器的位置添加textarea输入框
<textarea> </textarea>
在该HTML页面添加以下脚本
<script> KindEditor.ready(function(K) {
window.editor = K.create('#editor_id');
});
</script>
编辑器初始化参数
http://kindeditor.net/docs/option.html
width
编辑器的宽度，可以设置px或%，比textarea输入框样式表宽度优先度高。
数据类型: String
默认值: textarea输入框的宽度
示例:
K.create('#id', { width : '700px'
});
height
编辑器的高度，只能设置px，比textarea输入框样式表高度优先度高。
数据类型: String
默认值: textarea输入框的高度
页:
[1]