Django--一对多表操作

今天还以一个学生管理系统为例，先通过pymysql这个模块，进行一对多表操作，有以下两种方式

  1. 新url的方式：直接新开一个页面进行操作
  2. ajax模态框的方式：在本页面通过模态框的方式进行操作

需求

  1. 对学生表进行增删改查

步骤

  1. 开始写功能

    1. 添加路由
    2. 设计模板
    3. 写对应的接口函数

添加路由映射关系

urlpatterns = [

    # 新url方式

    url(r'^students/', students),

    url(r'^add_student/', add_student),

    url(r'^del_student/', del_student),

    url(r'^update_student/', update_student),

    # ajax方式

    url(r'^ajax_add_student/', ajax_add_student),

    url(r'^ajax_update_student/', ajax_update_student),

]

学生表的增删改查

# students.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生表</title>

    <style>

        a {

            color: black;

            text-decoration: none;

        }

        .shadow {

            position: fixed;

            left: 0;

            right: 0;

            top: 0;

            bottom: 0;

            background-color: black;

            opacity: 0.4;

            display: none;

        }

        .add_model, .update_model {

            position: fixed;

            height: 300px;

            width: 500px;

            left: 500px;

            top: 100px;

            background-color: white;

            display: none;

        }

        .model {

            margin-top: 20px;

            margin-left: 40px;

        }

    </style>

</head>

<body>

<h2>学生表</h2>

<table border="1" cellspacing="0">

    <tbody>

    <tr>

        <th>ID</th>

        <th>姓名</th>

        <th>年龄</th>

        <th>班级</th>

        <th>更新</th>

        <th>删除</th>

    </tr>

    {% for stu in students %}

        <tr>

            <td>{{ stu.sid }}</td>

            <td>{{ stu.name }}</td>

            <td>{{ stu.age }}</td>

            <td clsid="{{ stu.cid }}">{{ stu.cname }}</td>

            <td>

                <button><a href="/update_student/?id={{ stu.sid }}">更新</a></button>

                <button class="ajax_update">ajax更新</button>

            </td>

            <td>

                <button><a href="/del_student/?id={{ stu.sid }}" class="delete">删除</a></button>

{#                <button class="ajax_delete">ajax删除</button>#}

            </td>

        </tr>

    {% endfor %}

    </tbody>

</table>

<br><br>

<button><a href="/add_student/" target="_blank">添加学生</a></button>

<button id="ajax_add">ajax添加学生</button>

</body>

</html>


# add_student.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>添加学生</title>

    <style>

        a {

            color: black;

            text-decoration: none;

        }

    </style>

</head>

<body>

<h2>增加学生</h2>

<form action="/add_student/" method="post">

    姓名：<input type="text" name="sname"><br>

    年龄：<input type="text" name="sage"><br>

    <div style="margin-top: 2px;margin-bottom: 10px">

        班级：<select name="cid" id="" style="width: 166px; height: 21.5px">

        {% for class in classes %}

            <option value="{{ class.id }}">{{ class.cname }}</option>

        {% endfor %}

    </select>

    </div>

    <span style="color:red; font-size: 12px;">{{ data }}</span><br>

    <span style="margin-left: 48px;"><input type="submit" value="添加"></span>

    <span style="margin-left: 40px;"><button><a href="/students/">取消</a></button></span>

</form>

</body>

</html>


# uodate_student.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>学生信息更新</title>

    <style>

        a {

            color: black;

            text-decoration: none;

        }

    </style>

</head>

<body>

<h2>更新学生信息</h2>

<form action="/update_student/" method="post">

    <input type="hidden" name="sid" value="{{ student.id }}">

    姓名：<input type=" text" name="sname" value="{{ student.name }}"><br>

    年龄：<input type="text" name="sage" value="{{ student.age }}"><br>

    <div style="margin-top: 2px;margin-bottom: 10px">

        班级：<select name="cid" id="" style="width: 166px; height: 21.5px">

        {% for class in classes %}

            {% if student.cid == class.id %}

                <option value="{{ class.id }}" selected>{{ class.cname }}</option>

            {% else %}

                <option value="{{ class.id }}">{{ class.cname }}</option>

            {% endif %}

        {% endfor %}

    </select></div>

    <span style="color:red; font-size: 12px;">{{ data }}</span><br>

    <span style="margin-left: 48px;"><input type="submit" value="更新"></span>

    <span style="margin-left: 40px;"><button><a href="/students/">取消</a></button></span>

</form>

</body>

</html>


# urls.py

# 获取学生信息

@deco

def students(request):

    sql = 'select students.id as sid,name,age,classes.id as cid,cname from students left join classes on students.cid = classes.id order by sid'

    students = mysql(sql)[0]

    sql = 'select * from classes'

    classes = mysql(sql)[0]

    return render(request, 'students.html', {'students': students, 'classes': classes})

# 添加学生

@deco

def add_student(request):

    sql = 'select * from classes'

    classes = mysql(sql)[0]

    if request.method == 'GET':

        return render(request, 'add_student.html', {'classes': classes})

    else:

        sname = request.POST.get('sname')

        age = request.POST.get('sage')

        cid = request.POST.get('cid')

        if not (sname and age):

            data = "姓名年龄不能为空"

            return render(request, 'add_student.html', {'data': data, 'classes': classes})

        sql = 'select * from students where name=%s'

        res = mysql(sql, (sname,))[0]

        if res:

            data = "姓名已存在"

            return render(request, 'add_student.html', {'data': data, 'classes': classes})

        sql = 'insert into students(name,age,cid) values(%s,%s,%s)'

        mysql(sql, (sname, age, cid))

        return redirect('/students/')

# 更新学生信息

@deco

def update_student(request):

    sql = 'select * from classes'

    classes = mysql(sql)[0]

    if request.method == "GET":

        id = request.GET.get('id')

        # print(id)

        s_sql = 'select * from students where id=%s'

        student = mysql(s_sql, (id,))[0]

        return render(request, 'update_student.html', {'student': student, 'classes': classes})

    else:

        id = request.POST.get('sid')

        name = request.POST.get('sname')

        age = request.POST.get('sage')

        cid = request.POST.get('cid')

        s_sql = 'select * from students where id=%s'

        student = mysql(s_sql, (id,))[0]

        if not (name and age):

            data = "姓名或年龄不能为空"

            return render(request, 'update_student.html', {'student': student, 'classes': classes, 'data': data})

        sql = 'select * from students where name=%s and age=%s and cid=%s'

        res = mysql(sql, (name, age, cid))[0]

        if res:

            data = "学生信息已存在"

            return render(request, 'update_student.html', {'student': student, 'classes': classes, 'data': data})

        sql = 'update students set name=%s,age=%s,cid=%s where id=%s'

        mysql(sql, (name, age, cid, id))

        return redirect('/students/')

# 删除学生信息

@deco

def del_student(request):

    id = request.GET.get('id')

    # print(id)

    sql = "delete from students where id=%s"

    mysql(sql, (id,))

    return redirect('/students/')

ajax更新和添加

# students.html

<!--直接加在students.html页面里面-->

{# 遮罩层 #}

<div class="shadow"></div>

{# 弹出框层 #}

{# 增加学生 #}

<div class="add_model">

    {#    <input type="hidden" name="class_id">#}

    <div class="model">

        名字：<input type="text" name="name" id="add_student"><br>

        年龄：<input type="text" name="age" id="add_age"><br>

        <div style="margin-top: 2px;margin-bottom: 2px">

            班级：<select name="add_cid" id="add_cid" style="width: 166px; height: 21.5px">

            {% for class in classes %}

                <option value="{{ class.id }}">{{ class.cname }}</option>

            {% endfor %}

        </select></div>

        <span id="add_error" style="color:red; font-size: 12px; margin-bottom: 10px;"></span><br>

        <button id="add" style="margin-left: 48px;">添加</button>

        <button class="add_cancel" style="margin-left: 40px;">取消</button>

    </div>

</div>

{# 更新学生 #}

<div class="update_model">

    <div class="model">

        <input type="hidden" name="sid" id="up_sid">

        姓名：<input type="text" name="name" id="up_name"><br>

        年龄：<input type="text" name="age" id="up_age">

        <div style="margin-top: 2px;margin-bottom: 2px">

            班级：<select name="up_cid" id="up_cid" style="width: 166px; height: 21.5px">

            {% for class in classes %}

                <option value="{{ class.id }}">{{ class.cname }}</option>

            {% endfor %}

            </select>

        </div>

         <span id="up_error" style="color:red; font-size: 12px; margin-bottom: 10px;"></span><br>

        <button id="update" style="margin-left: 48px;">更新</button>

        <button class="up_cancel" style="margin-left: 48px;">取消</button>

    </div>

</div>

{# CDN导入jQuery #}

<script

        src="http://code.jquery.com/jquery-1.12.4.min.js"

        integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="

        crossorigin="anonymous"></script>

{# 删除学生 #}

<script>

    $('.delete').click(function () {

        res = window.confirm('是否删除学生');

        return res;

     });

</script>

{# 增加学生 #}

<script>

    $('#ajax_add').click(function () {

        $('.shadow, .add_model').css('display', 'block');

        {#$('.shadow, .add_model').show()#}

    });

    $('.add_cancel').click(function () {

        $('.shadow, .add_model').hide();

        window.location.href='/students/'

    });

    $('#add').click(function () {

        var name = $('#add_student').val();

        var age = $('#add_age').val();

        var cid = $('#add_cid').val();

        {#console.log(classname);#}

        $.ajax({

            type: 'POST',

            url: '/ajax_add_student/',

            data: {'name': name,'age':age,'cid':cid},

            success: function (data) {

                var res = JSON.parse(data);

                if (res['code'] == 10000) {

                    alert(res['msg']);

                    window.location.href = '/students/';

                } else {

                    $('#add_error').text(res['msg']);

                }

            }

        })

    });

</script>

{# 更新学生 #}

<script>

    $('.ajax_update').click(function () {

        $('.shadow, .update_model').show();

        var info = $(this).parent().prevAll();

        {#console.log(info)#}

        var age = info[1].innerText;

        var name = info[2].innerText;

        var id = info[3].innerText;

        var cid = $(info[0]).attr('clsid');

        $('#up_age').val(age);

        $('#up_name').val(name);

        $('#up_sid').val(id);

        $('#up_cid').val(cid);

    });

    $('.up_cancel').click(function () {

        $('.shadow, .update_model').hide();

        window.location.href = '/students/';

    });

    $('#update').click(function () {

        var name = $('#up_name').val();

        var age = $('#up_age').val();

        var id = $('#up_sid').val();

        var cid = $('#up_cid').val();

        {#console.log(classname,id);#}

        $.ajax({

            type: 'POST',

            url: '/ajax_update_student/',

            data: {'id':id,'name': name, 'age': age,'cid': cid},

            success: function (data) {

                var res = JSON.parse(data);

                if (res['code'] == 10000) {

                    alert(res['msg']);

                    window.location.href = '/students/';

                } else {

                    $('#up_error').text(res['msg']);

                }

            }

        })

    });

</script>


# urls.py

# ajax增加学生

@deco

def ajax_add_student(request):

    name = request.POST.get('name')

    age = request.POST.get('age')

    cid = request.POST.get('cid')

    res = {'code': None, 'msg': None}

    if not (name and age):

        res['code'] = 10001

        res['msg'] = '姓名年龄不能为空'

        return HttpResponse(json.dumps(res))

    sql = 'select * from students where name=%s and age=%s and cid=%s '

    resp = mysql(sql, (name, age, cid))[0]

    if resp:

        res['code'] = 10001

        res['msg'] = f'学生--{name}--已存在'

        return HttpResponse(json.dumps(res))

    sql = 'insert into students(name,age,cid) values(%s,%s,%s)'

    mysql(sql, (name, age, cid))

    res['code'] = 10000

    res['msg'] = f'学生--{name}--信息添加成功'

    return HttpResponse(json.dumps(res))

# ajax更新学生

@deco

def ajax_update_student(request):

    id = request.POST.get('id')

    name = request.POST.get('name')

    age = request.POST.get('age')

    cid = request.POST.get('cid')

    res = {'code': None, 'msg': None}

    if not (name and age):

        res['code'] = 10001

        res['msg'] = '姓名年龄不能为空'

        return HttpResponse(json.dumps(res))

    sql = 'select * from students where name=%s and age=%s and cid=%s '

    resp = mysql(sql, (name, age, cid))[0]

    if resp:

        res['code'] = 10001

        res['msg'] = f'学生--{name}--已存在'

        return HttpResponse(json.dumps(res))

    sql = "update students set name=%s,age=%s,cid=%s where id=%s"

    mysql(sql, (name, age, cid, id))

    res['code'] = 10000

    res['msg'] = f'学生--{name}--信息更新成功'

    return HttpResponse(json.dumps(res))

Django--一对多表操作的更多相关文章

  1. Django ORM 多表操作

    目录 Django ORM 多表操作 表模型 表关系 创建模型 逆向到表模型 插入数据 ORM 添加数据(添加外键) 一对多(外键 ForeignKey) 一对一 (OneToOneFeild) 多对 ...

  2. sqlalchemy模块介绍、单表操作、一对多表操作、多对多表操作、flask集成.

    今日内容概要 sqlalchemy介绍和快速使用 单表操作增删查改 一对多 多对多 flask集成 内容详细 1.sqlalchemy介绍和快速使用 # SQLAlchemy是一个基于 Python实 ...

  3. Django models多表操作

    title: Django models多表操作 tags: Django --- 多表操作 单独创建第三张表的情况 推荐使用的是使用values/value_list,selet_related的方 ...

  4. Django ORM多表操作

    多表操作 创建模型 实例:我们来假定下面这些概念,字段和关系 作者模型:一个作者有姓名和年龄. 作者详细模型:把作者的详情放到详情表,包含生日,手机号,家庭住址等信息.作者详情模型和作者模型之间是一对 ...

  5. Django之ORM表操作

    ORM表操作 1.ORM单表操作 首先想操作表的增删改查,需要先导入这个表,以之前创建的UserInfo表为例,在app下的views.py中导入 from app import models def ...

  6. django第8天(在测试文件中运行django项目|单表操作)

    django第8天 在测试文件中运行django项目 1.将项目配置文件数据库该为mysql,修改配置信息 PORT = '127.0.0.1' DATABASES = { 'default': { ...

  7. Django day08 多表操作 (二) 添加表记录

    一: 一对多 1. 一对多新增 两种方式:  publish = 对象    publish_id = id 1. publish_id 和 publish 的区别就是: 1)publish_id 可 ...

  8. Django day08 多表操作 (四) 一对多, 多对多连续跨表查询

    一对多 # 基于双下划线的一对多查询 # 查询出版社为上海出版社的所有图书 # ret = Publish.objects.filter(name='上海出版社').values('book__nam ...

  9. Django数据库数据表操作

    建立表单 django通过设置类来快速建表,打开models.py 例: from __future__ import unicode_literals from django.db import m ...

  10. django ORM单表操作

    1.ORM介绍 ORM是“对象-关系-映射”的简称 映射关系: mysql---------Python 表名----------类名 字段----------属性 表记录--------实例化对象 ...

随机推荐

  1. 一个从tensorflow_1.14.0-gpu-py3-jupyter镜像生成公司实际需求的Dockerfile

    外部的标准镜像,肯定满足不了公司的实际要求咯~~ 所以,根据同事的需求,重新制作了这个包. 其中可用库为tensorflow,numpy, pandas,scikit-learn,jieba,gens ...

  2. 在CentOS7.5上安装Docker，在Docker中拉取CentOS7.5镜像并安装SSH服务

    # 安装docker yum install -y docker # 启动docker systemctl start docker # 加入开机启动 systemctl enable docker ...

  3. 201871010109-胡欢欢《面向对象程序设计（java）》第二周学习总结

    开头: 项目 内容 这个作业属于哪个课程 <任课教师博客主页链接>     https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 <作业链接地 ...

  4. yoast breadcrumb面包屑导航修改去掉product

    前面我们创建了wordpress添加post_type自定义文章类型和调用自定义post_type文章,现在yoast 面包屑导航出现home >product >分类1,想要把produ ...

  5. Django学习（不定期更新）

    基于luffy项目的疑问点解决 删除掉.git文件夹,应该是该项目不需要git 在git克隆代码之后,初始化git,自动创建git仓库需要的目录,这些文件夹存在于项目下的.git文件夹中 .git文件 ...

  6. OpenCV 学习笔记（14）为轮廓创建边界旋转框和椭圆

    https://docs.opencv.org/3.4/de/d62/tutorial_bounding_rotated_ellipses.html 不旋转 #include "opencv ...

  7. Python实现网络图形化界面多人聊天室 - Linux

    网络图形化界面多人聊天室 - Linux Windows版本:https://www.cnblogs.com/noonjuan/p/12078524.html 在Python实现网络多人聊天室基础上, ...

  8. Jmeter实现压力测试(多并发测试)

    一.http://jmeter.apache.org/ 二.点击Download Releases选择版本下载 三.下载解压: 将解压后的文档存盘-下载logkit-2.0.jar(汉化包)放到jme ...

  9. Salesforce 开发整理（三）权限共享

    Salesforce提供对象的访问权限可以通过 安全性控制 → 共享设置,可以查看每个对象在系统内部默认的访问权限 共用读写:对象的记录任何用户都可以进行读写操作 公用只读:对象的记录任何用户都可以查 ...

  10. 2019-2020-1 20181218《Linux内核原理与分析》第一周作业

    目录 问题和参考 有趣/有用的Linux命令 小作业和解答 一些图片 相关学习 本文是学习Linux基础入门(新版)后的总结. 问题和参考 虚拟机莫名崩溃,一天重启了几十次电脑,重装两次系统,心累.想 ...