# gbacc_ajax_urls.py # ————————42PerfectCRM实现AJAX全局账号注册————————
from django.conf.urls import url
from gbacc import gbacc_ajax_views
urlpatterns = [
url(r'^gbacc_ajax_register/', gbacc_ajax_views.gbacc_ajax_register, name='gbacc_ajax_register'), # ajax注册 # ————————43PerfectCRM实现AJAX全局账号登陆————————
url(r'^gbacc_ajax_login/', gbacc_ajax_views.gbacc_ajax_login, name='gbacc_ajax_login'), # 全局登录
# LOGIN_URL = '/gbacc/gbacc_login/'# login_url 配置，默认'/accounts/login/' #注意 / （斜杠，绝对路径）#settings.py
# ————————43PerfectCRM实现AJAX全局账号登陆————————
]
# ————————42PerfectCRM实现AJAX全局账号注册————————
# gbacc_ajax_urls.py
# gbacc_ajax_views.py
# ————————42PerfectCRM实现AJAX全局账号注册————————
from django.shortcuts import render #页面返回
#验证码函数 #处理注册的内容
from io import BytesIO #创建内存空间
from django.shortcuts import HttpResponse #页面返回
from gbacc.gbacc_auxiliary.check_code import create_validate_code #验证图片
def check_code(request):
stream = BytesIO()#创建内存空间
img, code = create_validate_code()#调用验证码图片生成函数 返回图片 和 对应的验证码
img.save(stream, 'PNG')#保存为PNG格式
request.session['CheckCode'] = code#保存在session中
return HttpResponse(stream.getvalue())
# json 对错误信息对象进行处理 #处理注册的内容
import json # 转为json格式
from django.core.exceptions import ValidationError # 错误信息
class JsonCustomEncoder(json.JSONEncoder):
def default(self, field):
if isinstance(field, ValidationError): # 如果是错误信息进行处理
return {'code': field.code, 'messages': field.messages}
else:
return json.JSONEncoder.default(self, field)
# AJAX注册
from gbacc.gbacc_auxiliary.account import RegisterForm # 注册验证
from django.contrib.auth.hashers import make_password # 密码加密
from crm import models #数据库
def gbacc_ajax_register(request):
if request.method=='GET':
obj=RegisterForm(request=request, data=request.POST) #注册验证 #PerfectCRM.gbacc_auxiliary.account
return render(request, 'gbacc_ajax/gbacc_ajax_register.html',{'obj':obj})
elif request.method=='POST':
#返回的字符串 字典
ret={'status':False,'error':None,'data':None}
#进行验证 调用RegisterForm
obj=RegisterForm(request=request, data=request.POST)#注册验证 #PerfectCRM.gbacc_auxiliary.account
if obj.is_valid():
name = obj.cleaned_data.get('name')#获取用户名
pwd = obj.cleaned_data.get('password') #获取密码
email= obj.cleaned_data.get('email') #获取邮箱账号
password=make_password(pwd,)#密码加密
#print(username,password,email)
#——————数据库添加数据——————
models.UserProfile.objects.create(name=name,password=password,email=email,)
#——————数据库添加数据—————— #——————获取用户数据，放进个人主页——————
# user_info= models.UserProfile.objects. \
# filter(email=email, password=password). \
# values('id', 'name', 'email',).first()
# #nid=user_info.id
# print(user_info,type(user_info),'..........')
# admin_obj = base_admin.site.registered_sites['crm']['userprofile']#表类
# user_obj=admin_obj.model.objects.get(id=user_info['id'])#类表的对象
# user_obj.set_password(password)#加密
# user_obj.save()
# request.session['user_info'] = user_info # session
#print(user_info.id)
#——————获取用户数据，放进个人主页——————
#——————AJAX if (arg.status) { #状态——————
ret['status']=True #状态
ret['data']=obj.cleaned_data
# print(obj.cleaned_data)
# print(ret)
#对错误信息对象进行转化处理 前端不用二次序列化
ret=json.dumps(ret)#转为json格式
#return HttpResponse(ret)
#——————AJAX if (arg.status) { #状态——————
else:
#加入错误信息
#print(obj.errors)
ret['error']=obj.errors.as_data()
#提示为False
#ret['status']=False
#对错误信息对象进行转化处理 前端不用二次序列化
ret=json.dumps(ret,cls=JsonCustomEncoder) #转为json格式
#print(ret)
return HttpResponse(ret)
# ————————42PerfectCRM实现AJAX全局账号注册———————— # ————————43PerfectCRM实现AJAX全局账号登陆————————
from django.contrib.auth import login #记录登录 #Django在数据库创建一条记录 #记住密码，免登录
from django.contrib.auth import authenticate #调用用户认证模块
#全局账号登录
def gbacc_ajax_login(request):
if request.method=='GET':
next_url = request.GET.get("next")
if not next_url:
next_url='/'
request.session['next_url']=next_url
return render(request, 'gbacc_ajax/gbacc_ajax_login.html', locals())
elif request.method =="POST":
ret = {'status': False, 'usererror': None,'chederror': None, 'data': None,'next_url':None}
_email=request.POST.get('email')
_password=request.POST.get('password')
if request.session.get('CheckCode').upper() == request.POST.get('check_code').upper():
user =authenticate(username=_email,password=_password,)#调用用户认证模块
print('认证账号密码',user)
if user:
login(request,user)#记录登录 #Django在数据库创建一条记录 #记住密码，免登录.
# next_url= request.GET.get("next",'/')
ret['status'] = True # 状态
ret['next_url'] = request.session.get('next_url')
ret = json.dumps(ret, cls=JsonCustomEncoder) # 转为json格式
else:
ret['usererror']='账号或者密码错误!'
# 对错误信息对象进行转化处理 前端不用二次序列化
ret = json.dumps(ret, cls=JsonCustomEncoder)
else:
ret['chederror'] = '验证码错误!'
#对错误信息对象进行转化处理 前端不用二次序列化
ret=json.dumps(ret,cls=JsonCustomEncoder)
return HttpResponse(ret)
# ————————43PerfectCRM实现AJAX全局账号登陆————————
# gbacc_ajax_views.py
{#gbacc_ajxa_login.html#}
{## ————————43PerfectCRM实现AJAX全局账号登陆————————#}
{% extends "gbacc_master/gbacc_sample.html" %}
{% block right-container-content %}
<div class="container col-lg-offset-3">
<form class="form-signin col-lg-3 pu" method="post" id="fm"
action="gbacc_ajax_login.html">{% csrf_token %}
<h2 class="form-signin-heading">CRM 登陆 AJAX</h2>
<div class="form-group">
<label for="inputEmail" class="sr-only col-sm-2">邮箱账号</label>
<input type="email" name="email" id="inputEmail" class="form-control" placeholder="邮箱账号" required=""
autofocus="">
<div class="alert alert-danger hide">
<span id="spemail"></span> {# ajax 验证#}
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="sr-only col-sm-2">密码</label>
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="密码"
required="">
<div class="alert alert-danger hide">
<span id="sppwd"></span> {# ajax 验证#}
</div>
</div>
<div class="form-group">
<label for="text">验证码</label>
<div class="row">
<div class="col-xs-7">
<input type="text" class="form-control" id="check_code" name="check_code"
placeholder="请输入验证码">{{ obj.errors.pwds }}
</div>
<div class="col-xs-5">
<img id="check_code_img" src="/gbacc/check_code.html/" onclick="loginchangeCheckCode(this);">
{## 配置URL绝对路径#}{## 绑定JS刷新验证码图片#}
</div>
</div>
<div class="col-xs-9" style="padding-left: 0;">
<div class="alert alert-danger hide">
<span style="padding: 0 5px 0 5px;display: inline-block;font-size: 14px">
<i class="fa fa-minus-circle" aria-hidden="true"></i>
</span>
<span id="error_msg" style="font-size: 12px;"></span>
</div>
</div>
</div>
<div class="checkbox">
<label><input type="checkbox" value="remember-me"> 记住账号 </label>
</div>
<div class="col-xs-6">
<a id="submit" class="btn btn-lg btn-primary btn-block">登陆</a>
</div>
</form>
</div>
{% endblock %}
{% block js %}{#自定义内容 js#}
<script src="/static/gbacc_ajax_js/gbacc_ajax_login_js.js"></script> {#登陆JS事件#}
{% endblock %}
{## ————————43PerfectCRM实现AJAX全局账号登陆————————#}
{#gbacc_ajxa_login.html#}
// gbacc_ajax_login_js.js
// # ————————43PerfectCRM实现AJAX全局账号登陆————————
$(function () { // 页面加载完自动调用
gbacc_ajax_login();
});
function gbacc_ajax_login() {
$('#submit').click(function () {
var $msg = $('#error_msg');//用来验证码错误 提示
var sppwd=$('#sppwd');//密码
$msg.parent().addClass('hide');//初始为隐藏提示标签 验证码
sppwd.parent().addClass('hide'); //初始为隐藏提示标签 密码
$.ajax({
url: '/gbacc/gbacc_ajax_login/', //绑定验证的页面
type: 'POST',
data: $('#fm').serialize(),//表单所有内容
dataType: 'JSON',
success: function (arg) {
console.log(arg);
if(arg.status){
location.href = arg.next_url;//跳 转到 页面
}else{
//判断是否有这个错误信息
if(arg.usererror!=null){
sppwd.parent().removeClass('hide');
sppwd.text(arg.usererror); // 密码
}
if(arg.chederror!=null){
$msg.parent().removeClass('hide');//移除隐藏提示标签
$msg.text(arg.chederror);
}
var img = $('#check_code_img')[0];//图片验证码变量
img.src = img.src + '?';//重载图片验证码
$('#check_code').val('');//密码和验证码框清空
}
}
})
})
}
//刷新验证码
function loginchangeCheckCode(ths){
ths.src = ths.src + '?';
}
// # ————————43PerfectCRM实现AJAX全局账号登陆————————
// gbacc_ajax_login_js.js
如果感觉本章博客对您有帮助，请尽情打赏吧！
