Python Day21

js的hasClass方法,检查是否有指定类名存在

<div id="div_digg">
    <div class="diggit action">
{#        点赞数#}
        <span class="diggnum" id="digg_count">{{ aricle_obj.up_count }}</span>
    </div>
    <div class="buryit action">
{#        反对数#}
        <span class="burynum" id="bury_count">{{ aricle_obj.down_count }}</span>
    </div>
    <div class="clear"></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 id="editor_id" name="content" style="width:700px;height:300px;">
</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输入框的高度

转载于:https://blog.51cto.com/dzm911/2121165

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值