Django前端的文本编辑器，滑动登陆

文本编译器

 # 添加文章
    url(r‘^addarticle/$‘, views.addarticle),

# 利用文本编辑器添加文章
def addarticle(request):
    ‘‘‘
    添加文章
    :param request:
    :return:
    ‘‘‘
    if request.method == ‘POST‘:
        article_form=ArticleForm(request.POST)
        if article_form.is_valid():
            title = article_form.cleaned_data.get("title")
            content = article_form.cleaned_data.get("content")
            img = article_form.cleaned_data.get("content")
            article_obj = models.Article.objects.create(title=title, desc=content,create_time=datetime.datetime.now(),img=img,user_id=1)
            if article_obj:
                return  HttpResponse(‘okokokokokok‘)
        else:
            pass
    article_form=ArticleForm()
    return render(request, ‘addarticle.html‘,{‘article_form‘:article_form})

# 添加文章图片预览
def uploadfile(request):
    file_obj = request.FILES.get(‘imgFile‘)
    file_name = file_obj.name
    from LoginEdit import settings
    import os
    path=os.path.join(settings.BASE_DIR,‘app01‘,‘media‘,file_name)
    with open(path,‘wb‘) as f:
        for i in file_obj:
            f.write(i)
            # 根据定值的大小上传
        # for i in file_obj.chunks():
        #     f.write(i)
    response={
        # 标识成功与否的状态，上传
        ‘error‘:0,
        # 预览，src的路径就是下面的url
        ‘url‘:‘/media/‘+file_name+‘/‘
    }
    import json
    return HttpResponse(json.dumps(response))

html<script>
    KindEditor.ready(function (K) {
        window.editor = K.create(‘#id_content‘, {
            width: ‘600px‘,
            height: ‘500px‘,
            items: [
                ‘source‘, ‘|‘, ‘undo‘, ‘redo‘, ‘|‘, ‘preview‘, ‘print‘, ‘template‘, ‘code‘, ‘cut‘, ‘copy‘, ‘paste‘,
                ‘plainpaste‘, ‘wordpaste‘, ‘|‘, ‘justifyleft‘, ‘justifycenter‘, ‘justifyright‘,
                ‘justifyfull‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘indent‘, ‘outdent‘, ‘subscript‘,
                ‘superscript‘, ‘clearhtml‘, ‘quickformat‘, ‘selectall‘, ‘|‘, ‘fullscreen‘, ‘/‘,
                ‘formatblock‘, ‘fontname‘, ‘fontsize‘, ‘|‘, ‘forecolor‘, ‘hilitecolor‘, ‘bold‘,
                ‘italic‘, ‘underline‘, ‘strikethrough‘, ‘lineheight‘, ‘removeformat‘, ‘|‘, ‘image‘, ‘multiimage‘,
                ‘flash‘, ‘media‘, ‘insertfile‘, ‘table‘, ‘hr‘, ‘emoticons‘, ‘baidumap‘, ‘pagebreak‘,
                ‘anchor‘, ‘link‘, ‘unlink‘, ‘|‘, ‘about‘
            ],
            {#            不能拖动0左右都不能拖拉，1左右不能，2都能#}
            resizeType: 2,
            {#            上传文件，文件的url地址#}
            uploadJson: ‘/uploadfile/‘,
            {#            因为传的是数据需要加入cstftoken#}
            extraFileUploadParams: {
                csrfmiddlewaretoken: $("[name=‘csrfmiddlewaretoken‘]").val()
            }
        });
    });
</script>

详情见：

http://kindeditor.net/doc.php

滑动验证

url(r‘^login/‘, views.pcajax_validate),

# 滑动
url(r‘^pcgeetest/register‘,views.pcgetcaptcha,name=‘pcgetcaptcha‘),

url(r‘^pcgeetest/ajax_validate‘,views.pcajax_validate,name=‘pcajaxvalidate‘),

# huadong
from app01.geetest import GeetestLib
import json

pc_geetest_id = "b46d1900d0a894591916ea94ea91bd2c"
pc_geetest_key = "36fc3fe98530eea08dfc6ce76e3d24c4"
mobile_geetest_id = "7c25da6fe21944cfe507d2f9876775a9"
mobile_geetest_key = "f5883f4ee3bd4fa8caec67941de1b903"

def pcgetcaptcha(request):
    user_id = ‘test‘
    gt = GeetestLib(pc_geetest_id, pc_geetest_key)
    status = gt.pre_process(user_id)
    request.session[gt.GT_STATUS_SESSION_KEY] = status
    request.session["user_id"] = user_id
    response_str = gt.get_response_str()
    return HttpResponse(response_str)

def pcajax_validate(request):    # 登陆也是这里，但是名字无法改
    if request.method == "POST":
        loginResponse = {‘is_login‘:False,‘error_msg‘:None}
        # 验证码
        gt = GeetestLib(pc_geetest_id, pc_geetest_key)
        challenge = request.POST.get(gt.FN_CHALLENGE, ‘‘)
        validate = request.POST.get(gt.FN_VALIDATE, ‘‘)
        seccode = request.POST.get(gt.FN_SECCODE, ‘‘)
        status = request.session[gt.GT_STATUS_SESSION_KEY]
        user_id = request.session["user_id"]
        if status:
            result = gt.success_validate(challenge, validate, seccode, user_id)
        else:
            result = gt.failback_validate(challenge, validate, seccode)
        if result:
            user = request.POST.get(‘username‘)
            pwd = request.POST.get(‘password‘)
            valid_code = request.POST.get(‘valid_code‘)

            valid_code_str = request.session.get(‘valid_code_str‘)

            if valid_code_str.upper() == valid_code.upper():  # 不区分大小写
                # from django.contrib import auth
                print(user, pwd)
                # userobj = auth.authenticate(username=user,password=pwd)
                userobj = models.UserInfo.objects.filter(username=user, password=pwd).first()  # 通过auth模块验证 对象

                if userobj:
                    # auth.login(request,userobj) # 设置SESSIO，保存的是一条记录对象
                    request.session[‘user‘] = userobj.username
                    loginResponse[‘user‘] = userobj.username

                    print(‘======_____++++++++‘, userobj.username)
                else:
                    loginResponse[‘error_msg‘] = ‘username or password error‘
            else:
                loginResponse[‘error_msg‘] = ‘valid code error‘

        else:
            loginResponse[‘error_msg‘] = ‘yanzhengma error‘

        return HttpResponse(json.dumps(loginResponse))
    return render(request, "login.html")

<!-- 引入封装了failback的接口--initGeetest -->
    <script src="http://static.geetest.com/static/tools/gt.js"></script>

 {# 方式一，刷新验证码，通过/get_valid_img/后面加入？刷新，不需要试图函数更改#}
    $("#valid_img").click(function () {
        $(this)[0].src += "?"
    });
#  滑动
 var handlerPopup = function (captchaObj) {
        // 成功的回调
        captchaObj.onSuccess(function () {
            var validate = captchaObj.getValidate();
            $.ajax({
                url: "/pc-geetest/ajax_validate", // 进行二次验证
                type: "post",
                dataType: "json",
                data: {
                    username: $(‘#user‘).val(),
                    password: $(‘#pwd‘).val(),
                    csrfmiddlewaretoken:$("[name=‘csrfmiddlewaretoken‘]").val(),
                    valid_code: $(‘#valid_code‘).val(),
                    geetest_challenge: validate.geetest_challenge,
                    geetest_validate: validate.geetest_validate,
                    geetest_seccode: validate.geetest_seccode
                },
                success: function (data) {
                    console.log(‘sss‘);
                    if (data.user) {
                        console.log(‘dddddd‘);

                        if ($.cookie(‘next_path‘)) {
                            location.href = $.cookie(‘next_path‘)
                        }
                        else {
                            location.href = ‘/‘
                        }
                    }
                    else {
                        $(".error").html(data.error_msg).css("color", "red");
{#                        setTimeout(function () {#}
{#                            $(".error").text("")#}
{#                        },1000)#}
                    }
                }
            });
        });
        $("#loginbtn").click(function () {
            captchaObj.show();
            console.log(‘11111‘)
        });
        // 将验证码加到id为captcha的元素里
        captchaObj.appendTo("#popup-captcha");
        // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
    };
    // 验证开始需要向网站主后台获取id，challenge，success（是否启用failback）
    $.ajax({
        url: "/pc-geetest/register?t=" + (new Date()).getTime(), // 加随机数防止缓存
        type: "get",
        dataType: "json",
        success: function (data) {
            // 使用initGeetest接口
            // 参数1：配置参数
            // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
            initGeetest({
                gt: data.gt,
                challenge: data.challenge,
                product: "popup", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
                offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
                // 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config
            }, handlerPopup);
        }
    });

</script>

原文地址：https://www.cnblogs.com/jokerbj/p/8343211.html