文本编译器
# 添加文章
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>
详情见：
滑动验证
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('')
});
// 将验证码加到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>