Django 基础(二),Model连表、Form自定义错误信息、Ajax操作

一、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)


二、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>


三、学习使用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则是对应的值。-->


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值