Django--多对多表操作+母版
- 需求
- 步骤

Django--多对多表操作+母版

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

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

需求

对老师表进行增删改查，此时老师表和班级表是多对多关系

步骤

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

添加路由映射关系

urlpatterns = [

    # 新url方式

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

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

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

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

    # ajax方式

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

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

]

老师表的增删改查

# students.html -- 通过继承layout.html页面

{% extends 'layout.html' %}

{% block mycss %}

    <style>

        select {

            height: 34px;

            width: 203px;

            padding: 6px 12px;

            border: 1px solid #ccc;

            border-radius: 4px;

            background-color: #fff;

        }

    </style>

{% endblock %}

{% block mycontent %}

    <h3>学生表</h3>

    <table class="table table-hover table-bordered">

        <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 class="btn btn-info"><a href="/update_student/?id={{ stu.sid }}"

                                                    style="color: white;text-decoration: none;">更新</a></button>

                    <button class="ajax_update btn btn-primary">ajax更新</button>

                </td>

                <td>

                    <button class="btn btn-danger"><a href="/del_student/?id={{ stu.sid }}" class="delete"

                                                      style="color: white;text-decoration: none;">删除</a></button>

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

                </td>

            </tr>

        {% endfor %}

        </tbody>

    </table>

    <br><br>

    <button class="btn btn-info"><a href="/add_student/" style="color: white;text-decoration: none;">添加学生</a></button>

    <button id="ajax_add" class="btn btn-primary">ajax添加学生</button>

    {# 遮罩层 #}

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

    {# 弹出框层 #}

    {# 增加学生 #}

    <div class="add_model">

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

        <div>

            <h4 style="text-align: center; margin-top: 20px;">增加学生</h4>

            <hr>

        </div>

        <div class="model" style="margin-left: 120px">

            名字：<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">

                {% 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" class="btn btn-danger" style="margin-left: 48px;">添加</button>

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

        </div>

    </div>

    {# 更新学生 #}

    <div class="update_model">

        <div>

            <h4 style="text-align: center; margin-top: 20px;">更新学生</h4>

            <hr>

        </div>

        <div class="model" style="margin-left: 120px">

            <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">

                {% 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" class="btn btn-danger" style="margin-left: 48px;">更新</button>

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

        </div>

    </div>

{% endblock %}

{% block myjs %}

    {# 删除学生 #}

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

{% endblock %}

# add_student.html -- 通过继承layout.html页面

{% extends 'layout.html' %}

{% block mycss %}

    <style>

        select {

            height: 34px;

            width: 203px;

            padding: 6px 12px;

            border: 1px solid #ccc;

            border-radius: 4px;

            background-color: #fff;

        }

    </style>

{% endblock %}

{% block mycontent %}

<h3>增加老师</h3>

<form action="/add_teacher/" method="post" class="form-inline">

    老师姓名：<input type="text" name="tname" class="form-control"><br>

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

        班级列表：<select name="cid" id="" multiple>

        {% 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="添加" class="btn btn-danger"></span>

    <span style="margin-left: 40px;">

        <button class="btn btn-primary">

            <a href="/teachers/" style="color: white;text-decoration: none;">取消</a>

        </button>

    </span>

</form>

{% endblock %}

# update_student.html -- 通过继承layout.html页面

{% extends 'layout.html' %}

{% block mycss %}

    <style>

        select {

            height: 34px;

            width: 203px;

            padding: 6px 12px;

            border: 1px solid #ccc;

            border-radius: 4px;

            background-color: #fff;

        }

    </style>

{% endblock %}

{% block mycontent %}

    <h3>更新老师信息</h3>

    <form action="/update_teacher/" method="post" class="form-inline">

        <input type="hidden" name="tid" value="{{ teacher.id }}">

        姓名：<input type=" text" class="form-control" name="tname" value="{{ teacher.tname }}"><br>

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

            班级：<select name="cid" id="" multiple>

            {% 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="更新" class="btn btn-danger"></span>

        <span style="margin-left: 40px;">

        <button class="btn btn-primary">

            <a href="/teachers/" style="color: white;text-decoration: none;">取消</a>

        </button>

    </span>

    </form>

{% endblock %}

# urls.py

@deco

def teachers(request):

    sql = 'select teachers.id as tid,tname,cname,cid from teachers left join teacher2class on teachers.id = teacher2class.tid left join classes on classes.id = teacher2class.cid order by tid'

    res = mysql(sql)[0]

    # print(res)

    sql = 'select * from classes'

    classes = mysql(sql)[0]

    teachers = {}

    # cids = {}

    for dic in res:

        if dic['tid'] in teachers:

            teachers[dic['tid']]['cname'].append(dic['cname'])

            # cids[dic['tid']]['cids'].append(dic['cid'])

        else:

            teachers[dic['tid']] = {'tid': dic['tid'], 'tname': dic['tname'], 'cname': [dic['cname'], ]}

            # cids[dic['tid']] = {'classids': [dic['cid'], ]}

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

@deco

def add_teacher(request):

    sql = 'select * from classes'

    classes = mysql(sql)[0]

    if request.method == "GET":

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

    else:

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

        cids = request.POST.getlist('cid')

        if not (tname and cids):

            data = '姓名或班级不能为空'

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

        sql = 'select * from teachers where tname=%s'

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

        if res:

            data = '老师已存在'

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

        sql = 'insert into teachers(tname) values(%s)'

        mysql(sql, (tname,))

        sql = 'select id from teachers where tname=%s'

        tid = mysql(sql, (tname,))[0].get('id')

        # print(tid)

        # print(cids)

        for cid in cids:

            cid = int(cid)

            sql = 'insert into teacher2class(tid,cid) values (%s,%s)'

            mysql(sql, (tid, cid))

        return redirect('/teachers/')

@deco

def del_teacher(request):

    # print(request)

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

    # print(tid)

    sql = 'delete from teacher2class where tid=%s'

    mysql(sql, (tid,))

    sql = 'delete from teachers where id=%s'

    mysql(sql, (tid,))

    return redirect('/teachers/')

@deco

def update_teacher(request):

    sql = 'select * from classes'

    classes = mysql(sql)[0]

    if request.method == 'GET':

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

        sql = 'select * from teachers where id=%s'

        teacher = mysql(sql, (tid,))[0]

        # print(teacher)

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

    else:

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

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

        cids = request.POST.getlist('cid')

        sql = 'select * from teachers where id=%s'

        teacher = mysql(sql, (id,))[0]

        if not (tname and cids):

            data = '名字或班级不能为空'

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

        sql = 'select * from teachers where tname=%s and id != %s'

        res = mysql(sql, (tname, id))[0]

        if res:

            data = f'老师--{tname}--已存在'

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

        sql = 'delete from teacher2class where tid=%s'

        mysql(sql, (id,))

        sql = 'update teachers set tname=%s where id=%s '

        mysql(sql, (tname, id))

        for cid in cids:

            cid = int(cid)

            sql = 'insert into teacher2class(tid,cid) values(%s,%s)'

            mysql(sql, (id, cid))

        return redirect('/teachers/')

ajax操作老师表

# urls.py

@deco

def ajax_add_teacher(request):

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

    cids = request.POST.getlist('cid')

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

    if not (tname and cids):

        res['code'] = 10001

        res['msg'] = '姓名或班级不能为空'

        return HttpResponse(json.dumps(res))

    sql = 'select * from teachers where tname=%s'

    resp = mysql(sql, (tname,))[1]

    if resp:

        res['code'] = 10001

        res['msg'] = f'老师---{tname}-已存在'

        return HttpResponse(json.dumps(res))

    sql = 'insert into teachers(tname) values(%s)'

    mysql(sql, (tname,))

    sql = 'select id from teachers where tname=%s'

    tid = mysql(sql, (tname,))[0].get('id')

    # tid = mysql(sql, (tname,))[0]

    print(tid)

    for cid in cids:

        cid = int(cid)

        sql = 'insert into teacher2class(tid,cid) values (%s,%s)'

        mysql(sql, (tid, cid))

    res['code'] = 10000

    res['msg'] = f'老师--{tname}--信息添加成功'

    return HttpResponse(json.dumps(res))

@deco

def ajax_update_teacher(request):

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

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

    cids = request.POST.getlist('cid')

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

    if not (tname and cids):

        res['code'] = 10001

        res['msg'] = '名字或班级不能为空'

        return HttpResponse(json.dumps(res))

    sql = 'select * from teachers where tname=%s and id!=%s'

    resp = mysql(sql, (tname, id))[0]

    if resp:

        res['code'] = 10001

        res['msg'] = '老师已存在'

        return HttpResponse(json.dumps(res))

    sql = 'delete from teacher2class where tid=%s'

    mysql(sql, (id,))

    sql = 'update teachers set tname=%s where id=%s '

    mysql(sql, (tname, id))

    for cid in cids:

        cid = int(cid)

        sql = 'insert into teacher2class(tid,cid) values(%s,%s)'

        mysql(sql, (id, cid))

    res['code'] = 10000

    res['msg'] = f'老师--{tname}--更新成功'

    return HttpResponse(json.dumps(res))

Django--多对多表操作/通过母版渲染页面的更多相关文章

Django ORM 多表操作
目录 Django ORM 多表操作表模型表关系创建模型逆向到表模型插入数据 ORM 添加数据(添加外键) 一对多(外键 ForeignKey) 一对一 (OneToOneFeild) 多对 ...
sqlalchemy模块介绍、单表操作、一对多表操作、多对多表操作、flask集成.
今日内容概要 sqlalchemy介绍和快速使用单表操作增删查改一对多多对多 flask集成内容详细 1.sqlalchemy介绍和快速使用 # SQLAlchemy是一个基于 Python实 ...
Django models多表操作
title: Django models多表操作 tags: Django --- 多表操作单独创建第三张表的情况推荐使用的是使用values/value_list,selet_related的方 ...
Django ORM多表操作
多表操作创建模型实例:我们来假定下面这些概念,字段和关系作者模型:一个作者有姓名和年龄. 作者详细模型:把作者的详情放到详情表,包含生日,手机号,家庭住址等信息.作者详情模型和作者模型之间是一对 ...
Django之ORM表操作
ORM表操作 1.ORM单表操作首先想操作表的增删改查,需要先导入这个表,以之前创建的UserInfo表为例,在app下的views.py中导入 from app import models def ...
django第8天(在测试文件中运行django项目|单表操作)
django第8天在测试文件中运行django项目 1.将项目配置文件数据库该为mysql,修改配置信息 PORT = '127.0.0.1' DATABASES = { 'default': { ...
Django day08 多表操作 (二) 添加表记录
一: 一对多 1. 一对多新增两种方式: publish = 对象 publish_id = id 1. publish_id 和 publish 的区别就是: 1)publish_id 可 ...
Django多对多表的三种创建方式，MTV与MVC概念
MTV与MVC MTV模型(django): M:模型层(models.py) T:templates V:views MVC模型: M:模型层(models.py) V:视图层(views.py) ...
Django day08 多表操作 (四) 一对多, 多对多连续跨表查询
一对多 # 基于双下划线的一对多查询 # 查询出版社为上海出版社的所有图书 # ret = Publish.objects.filter(name='上海出版社').values('book__nam ...

随机推荐

httprunner学习25-文件上传multipart/form-data
前言 httprunner上传文件接口,其实跟requests上传文件的接口是一样的,之前在python接口系列里面有案例 python接口自动化16-multipart/form-data上传图片 ...
JS高阶---简介+数据类型
首先看下大概流程 [一]基础接下来看下数据类型分类和判断 (1)数据类型分类基本类型/值类型5种 ---字符串String.数字Number.布尔值Boolean.未定义undefined.空nu ...
201871010105-曹玉中《面向对象程序设计（java）》第四周学习总结
201871010105-曹玉中<面向对象程序设计(java)>第四周学习总结项目内容这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这 ...
USACO Chocolate Giving
洛谷 P2984 [USACO10FEB]给巧克力Chocolate Giving 洛谷传送门 JDOJ 2680: USACO 2010 Feb Silver 2.Chocolate Giving ...
异常CLRDBG_NOTIFICATION_EXCEPTION_CODE( 0x04242420)
简介 CLRDBG_NOTIFICATION_EXCEPTION_CODE,值为0x0x04242420.此异常在.CLR 4.0的启动路径期间触发,是CLR4.0版本初始化调试服务时向调试器发送消息 ...
UEditor在开发环境中正常运作，但是部署到Tomcat中却无法使用
背景 SpringBoot项目,在 JSP 中使用 UEditor 问题 UEditor 在开发环境中正常运作,但是导致部署到 Tomcat 中却无法使用原因在开发环境中,路径不够严谨,多 ...
GitHub 干货 | 各大数据竞赛 Top 解决方案开源汇总
AI 科技评论编者按:现在,越来越多的企业.高校以及学术组织机构通过举办各种类型的数据竞赛来「物色」数据科学领域的优秀人才,并借此激励他们为某一数据领域或应用场景找到具有突破性意义的方案,也为之后的数 ...
Centos目录及其常用处理命令
1.Centos之常见目录作用介绍[1] 我们先切换到系统根目录 / 看看根目录下有哪些目录 [root@localhost ~]# cd / [root@localhost /]# ls bin ...
BeanPostProcessor
BeanPostProcessor简介 BeanPostProcessor是Spring IOC容器给我们提供的一个扩展接口.接口声明如下: public interface BeanPostProc ...
CnblogAndroid使用反馈 & PureMan6留言板
我们的话: 您可以在这篇博客下评论您使用CnblogAndroid时遇到的问题和您的意见与建议: 或是留言给PureMan6团队,我们会定期查看并进行回复. 同时,关于app的问题,您也可以在Cnbl ...

Django--多对多表操作/通过母版渲染页面

Django--多对多表操作+母版

需求

步骤

添加路由映射关系

老师表的增删改查

ajax操作老师表

Django--多对多表操作/通过母版渲染页面的更多相关文章

随机推荐

热门专题