Django 基础（二），Model连表、Form自定义错误信息、Ajax操做

1、Model连表操做

一对一和一对多

表结构以下：

class user_type(models.Model):
    name = models.CharField(max_length=50)

class user(models.Model):
    username = models.CharField(max_length=50)
    password = models.CharField(max_length=50)
    email = models.EmailField()
    usertype = models.ForeignKey(user_type)
    
user.objects.filter(usertype__id = 1).values('username')

示例

# 查询user表中，用户类型为管理员的全部用户
data = user.objects.filter(usertype__name = '管理员')

# 取单字段（好比只取username字段）
data = user.objects.filter(usertype__name = '管理员').values('username')

# 大于条件
data = user.objects.filter(usertype__id__gt=3)

这里经过__（双下划线）表示连表查询，好比usertype__name至关于操做到了user_type表的name字段。

多对多关系

表结构以下：

class user(models.Model):
    username = models.CharField(max_length=50)
    password = models.CharField(max_length=50)
    email = models.EmailField()
    usertype = models.ForeignKey(user_type)
    
class groups(models.Model):
    gname = models.CharField(max_length=255)
    guser = models.ManyToManyField('user')

user_obj = models.user.objects.get(name=u'tuchao')
user_objs = models.user.objects.all()
 
group_obj = models.groups.objects.get(gname='dev')
group_objs = models.groups.objects.all()
 
# 添加数据
#group_obj.guser.add(user_obj)
#group_obj.guser.add.add(*user_objs)
 
# 删除数据
#group_obj.guser.remove(user_obj)
#group_obj.guser.remove(*user_objs)
 
 
# 这里有点绕，用户表的对象.组表的名称（与用户相关系的表其中有定义与用户表的多对多关系）_set.add(组表的对象)

# 添加数据
#user_obj.groups_set.add(group_obj)
#user_obj.groups_set.add(*group_objs)
 
# 删除数据
#user_obj.groups_set.remove(group_obj)
#user_obj.groups_set.remove(*group_objs)
 
# 获取数据
#print group_obj.guser.all()
#print group_obj.guser.all().filter(id=1)
 
# 获取数据
#print user_obj.groups_set.all()
#print user_obj.groups_set.all().filter(gname='tuchao')
#print user_obj.groups_set.all().filter(gname='tyz')


# 使用MySQL事务的方式完成多对多关系的数据插入，当使用事务方式的时候，在同一个事务中的语句要么所有执行成功，要么一个都不会执行，保证了数据的完整性。

#导入相关库
from django.db import connection,transaction

try:
    ''' 启动事务 '''
    with transaction.atomic():
    ''' 先给用户信息表插入数据 '''
        user.objects.create(username=username,password=password,realname=realname,email=email,ugid=group_id)
    ''' 而后经过用户名获取该条记录的数据，取出对应关系的ID值插入到关系表 '''    
        d1 = user.objects.get(username=username)
        uuid = d1.uid
        ugid = d1.ugid
        userandgroup.objects.create(gid=ugid,uid=uuid)
except Exception,err:
    print (err)

2、Form 建立自定义错误信息

forms.py的文件

class RegisterForm(forms.Form):
    username = forms.CharField(widget=forms.TextInput(attrs={'class':'user_name','placeholder':'用户名'}),help_text='100 characters max.')
    password = forms.CharField(widget=forms.PasswordInput(attrs={'class':'pwd','placeholder':'密码'}))
    real_name = forms.CharField(widget=forms.TextInput(attrs={'placeholder':'真实姓名'}))
    email = forms.CharField(widget=forms.EmailInput(attrs={'placeholder':'Email'}))
    gender = forms.BooleanField()

# 这里的'placeholder':'用户名' 是input里面的参数。 如: <input name="hostname" placeholder="hostname" />
    
    
class AdminHostAdd(forms.Form):
    othername = forms.CharField(widget=forms.TextInput(attrs={'class':'othername'}),error_messages={'required':('业务名不能为空'),'invalid':'业务名格式错误'})
    hostname = forms.CharField(widget=forms.TextInput(attrs={'class':'hostname'}),error_messages={'required':('主机名不能为空'),'invalid':'主机名格式错误'})
    hardconfig = forms.CharField(widget=forms.TextInput(attrs={'class':'hardconfig'}),error_messages={'required':('硬件配置信息不能为空')})
    wip = forms.IPAddressField(error_messages={'required':('外网IP不能为空'),'invalid':'IP格式错误'})
    lip = forms.IPAddressField(error_messages={'required':('内网IP不能为空'),'invalid':'IP格式错误'})
    
# error_messages:required对应的是当提交内容为空所提示的信息，invalid则表示提交的数据格式错误所提示的信息。       


# 在页面中输出自定义错误信息


# 在功能函数中截取的部分代码，获取自定义错误信息
ret = {'data':None,'error':'None'}

ret['data'] = form
firstmessage = form.errors.as_data()
# 将获取的错误信息传给字典，key为error
ret['error'] = firstmessage.values()[0][0].messages[0]
# 在输出信息的时候返回页面和字典
return render_to_response('admin-host-add.html',ret)

# 在Html中获取返回的字典数据

<span class="hostaddstatus">{{ error }}</span>

3、学习使用Ajax

Ajax的基本语法

/* 首先引入Jquery  */
<script src="/static/assets/js/jquery-1.12.0.js"></script>
<script type="text/javascript">

function DoAjax(){
    /* 获取选定元素的数据 */
    var temp = $('#text01').val();
    $.ajax({
       /* 提交请求的url */  
        url:'/ops01/ad/',
      /* 提交请求的方式 */    
        type:'POST',
      /* 返回的数据,key:value */  
        data:{data:temp},
      /* 请求成功所执行的方法 */
        success:function(arg){

            console.log('success');
        },

      /* 请求失败所执行的方法 */
        error:function(){

            console.log('failed')
        }
    });
}


</script>

功能实战

实现登录页面在没有登录的状况下检测用户名是否存在，而后经过Ajax实现密码错误检测和登录跳转。

# Python 后端功能代码实现

#!/usr/local/python27/bin/python2.7
# coding=utf8
# noinspection PyUnresolvedReferences

from django.shortcuts import render
from ops01.forms import RegisterForm,AdminHostAdd,CreateGroups
from django.http import HttpResponse
from django.shortcuts import render_to_response
from ops01.models import *
from django.db import connection,transaction
import json

def Login(request):
    if request.method == 'POST':
        username = request.POST.get('u',None)
        password = request.POST.get('p',None)
        code = request.POST.get('s',None)
        print(username,password,code)
        data = {'statuscode': 0, 'status': 'ok'}
''' 当code=0 时表示检查用户名是否存在，当code=1 时表示尝试登录'''
        if code == '0':
            un = user.objects.filter(username=username)

            if un:
                return HttpResponse(json.dumps(data))
            else:
                data['statuscode'] = 1
                data['status'] = 'failed'
                return HttpResponse(json.dumps(data))
        else:

            un = user.objects.filter(username=username)
            data = un.values()[0]
            print data.get('password')
            if data.get('password') == password:
                data = {'statuscode': 0, 'status': 'ok'}
                return HttpResponse(json.dumps(data))
            else:
                data['statuscode'] = 1
                data['status'] = 'failed'
                ''' 返回一个json格式的字典数据 '''
                return HttpResponse(json.dumps(data))
    return render_to_response('login.html',{})

/* 前端javascript代码实现  */

<script src="/static/assets/js/jquery-1.12.0.js"></script>
<script type="text/javascript">

$(function(){

     $('#email').blur(function(){
            var temp = $('#email').val();
            $.ajax({
                url:'/ops01/login/',
                type:'POST',
                /* 将从元素中获取到的数据传到后端，这里的s=0是用于后端代码判断前端的需求是要执行检测用户名仍是要登录 */
                data:{u:temp,s:0},
                success:function(arg){
        /* 将后端传过来的字典转换成javascript能识别的字典 */
                    var obj = jQuery.parseJSON(arg)
           /* 经过后端返回的状态码判断结果，而后经过Jquery更改样式的方式控制是否显示以前定义好的提示信息 */         
                    if(obj.statuscode == 1){
                 /*  */   
                        $('#chk_pCn7em').attr({style:"display: inline"})
                        console.log(obj.statuscode)
                    }else{
                        $('#chk_pCn7em').attr({style:"display: none"})
                    }

                },

                error:function(){

                    console.log('failed')
                }
            });

        })

            $('#denglu').click(function(){
            var u = $('#email').val();
            var p = $('#password').val();
            $.ajax({
                url:'/ops01/login/',
                type:'POST',
                data:{u:u,p:p,s:1},
                success:function(arg){
                    var obj = jQuery.parseJSON(arg)
                    if (obj.statuscode == 0){
                    /* 页面跳转 */
                        window.location.href='http://localhost/ops01/adminindex/'
                    }else{
                        $('#promptid').attr({style:"display: inline"})
                    }

                },

                error:function(){

                    console.log('failed')
                }
            })

        })


})


/* 提示: 还能够经过设置属性的方式修改样式 例如: $('#stipid').attr('class','stip')  */  
/* 修改选中元素的文本内容 $('#stipid').text('建立成功！')  */

</script>

Ajax的好处是整个请求过程是异步的，在不刷新页面的状况下完成向后端服务器的请求。

经过后端代码、模版语言、<select>标签实现灵活的下拉列表

# Python后端代码

#获取groups表中的全部数据
gd = groups.objects.all()
return render_to_response('user-add.html',{'form':cuser,'gop':gd})

<!-- Html前端代码 -->

<p>

    <select name="group_id" class="gse">
    {% for i in gop %}
        <option value="{{ i.gid }}">{{ i.gname }}</option>
    {% endfor %}
    </select>

</p>

<!-- 编写思路 -->
<!-- 后端会返回一个{ 'gop':gd } 的字典，gd是一个列表里面保存的是groups表取出来的数据对象，每行数据对应一个对象； gd放入了字典里，并设置key为'gop'经过返回字典给前端，前端将能够经过key（'gop'）获得gd列表，而后经过模版语言循环列表则获得了里面的每行数据的对象。 -->

<!-- <select>标签的name属性是定义返回给后端程序接收的变量名，而<option>标签中的value则是对应的值。-->