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

随机推荐

websocket 的基本用法
项目当中使用到了websocket,以前的项目当中使用到了另外一个类似的socket.io,两者的区别和联系在另外一篇文章当中有提及,这里就简单的写下websocket的用法下面的例子是阮一峰的We ...
tf.variable_scope()和tf.name_scope()
1.tf.variable_scope 功能:tf.variable_scope可以让不同命名空间中的变量取相同的名字,无论tf.get_variable或者tf.Variable生成的变量 Tens ...
一天撸完《 Learning Jupyter 5 2nd Edition》
因为工作需要了解这个应用的大概功能. 网上找不到下载的,CSDN没积分. 最后,在道客上找到了这个PDF.花了一天时间浏览了一下, 只留意了python功能,其它语言略去. widget和jupyte ...
主进程和服务进程通信调用Acrobat.AcroPDDoc时出现的问题
场景以及问题主进程发送命令,服务进程接受到,然后执行转换pdf,调用Acrobat pdfDoc = (Acrobat.CAcroPDDoc)Microsoft.VisualBasic.Intera ...
linux虚拟机获取不到ip的解决方法 --
问题描述: 在win10操作系统上,安装了centos7 虚拟机,安装后,用wifi网络可以获取ip,但是切换到手机热点或有线网络就获取不到ip 解决办法: 按照一般的修改ONBOOT =yes, 然 ...
Windows空间清理2
最近听说有同事因为电脑C盘不足,让别人重装电脑解决了,感觉有点意料之外又有点情理之中. 一方面居然有某些做技术的同事不知道要如何高效的清理自己的磁盘空间,要花一天时间重装系统.然后装软件.再配置各种开 ...
题解洛谷 P2010 【回文日期】
By:Soroak 洛谷博客知识点:模拟+暴力枚举思路:题目中有提到闰年然后很多人就认为,闰年是需要判断的其实,含有2月29号的回文串,前四位是一个闰年那么我们就可以直接进行暴力枚举一些小细节: ...
git中ignore文件配置
在项目中我们有一些文件是不能公开的,或者说是每个人需要单独配置的,那么这个时候使用 git 就不能上传这些文件.此时就需要对 .gitignore 文件进行配置. git 的忽略原则:参考廖雪峰的g ...
[Noip2018]填数游戏
传送门 Description 耳熟能详,就不多说了 Solution 对于一个不会推式子的蒟蒻,如何在考场优雅地通过此题手玩样例,发现对于 \(n=1\) , \(ans=2^m\) .对于 \( ...
STRING Cytoscape 网络互作图
网络图(Network)看似复杂,其实构成非常简单,网络图是一种图解模型,形状如同网络,故称网络图,由节点(node)和连线(edge)两个因素组成的.其中 node 又分为 source node( ...

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

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

需求

步骤

添加路由映射关系

老师表的增删改查

ajax操作老师表

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

随机推荐

热门专题