django实现部门表的增删改查界面

这篇具有很好参考价值的文章主要介绍了django实现部门表的增删改查界面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、前期准备

  • 部署好mysql数据库,创建好unicom数据库
  • 下载好bootstap的插件
  • 下载好jquery的插件
  • 下载好mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl的安装包,根据python的版本下载

2、创建项目

在pycharm中创建项目django实现部门表的增删改查界面,python,django,python,后端
在pycharm的终端创建虚拟环境

 py -m venv venv

激活虚拟环境
django实现部门表的增删改查界面,python,django,python,后端
django实现部门表的增删改查界面,python,django,python,后端
这样就可以自动激活虚拟环境了
再安装需要的模块

pip install django

把mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl放到项目跟目录

 pip install mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl

配置数据库,打开settings.py


DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'unicom',
        'USER': 'root',
        'PASSWORD': '123456',
        'HOST': '172.251.3.132',
        'PORT': 3306,
    }
}

创建app

py manage.py startapp app01

注册app,在settings.py中添加最后一行
django实现部门表的增删改查界面,python,django,python,后端

3、使用django创建数据库表

在app01的目录下的models.py中写如下代码
创建一个Department的表,有一个部门名称的字段,title
django会自动给每个表加上自增长id字段

from django.db import models

# Create your models here.


class Department(models.Model):
    """部门表"""
    title = models.CharField(verbose_name="标题",max_length=32)

执行数据库执行命令

py -3 manage.py makemigrations
py -3 manage.py migrate

4、导航条编写

使用bootsrap的
需要引入静态文件
django实现部门表的增删改查界面,python,django,python,后端
因为有不同的页面,所以我们使用模板继承,把导航条写在一个模板文件中,layout.html
进入https://v3.bootcss.com/components/ 的官网,找到导航条
django实现部门表的增删改查界面,python,django,python,后端
把这个导航条的代码拷贝到自己的layout.html文件中,在根据自己的需要做修改
django实现部门表的增删改查界面,python,django,python,后端
修改后的layout.html内容如下:

{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>部门管理</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
    {% block css %}{% endblock%}
    <style>
        .navbar {
            border-radius: 0;
        }

    </style>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">用户管理系统</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">部门管理 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">用户管理</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">登录</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">张顺 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">注销</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div>
     {% block content %}{% endblock%}
</div>
<script src="{% static 'js/jquery-3.7.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
 {% block js %}{% endblock%}
</body>
</html>

5、部门列表编写

在urls.py中定义好路由

from django.urls import path
from app01 import views

urlpatterns = [
    path('depart/list/', views.depart_list),
]

在views.py中定义函数

from django.shortcuts import render,redirect,HttpResponse
from app01 import models
def depart_list(request):
    """部门管理"""

    #去数据库中获取所有的部门列表
    #[对象]
    queryset = models.Department.objects.all()
    return render(request,'depart_list.html',{'queryset':queryset})

将从数据库获取的对象传给depart_list.html页面,页面循环显示
使用了bootstrap的面板和表格,所有的html都放到app01的templates目录

{% extends 'layout.html' %}

{% block content %}
   <div class="container">
        <div style="margin-bottom: 10px">
            <a class="btn btn-success" href="/depart/add/">新建部门</a>
        </div>
            <div class="panel panel-default">
                <div class="panel-heading" ><span class="glyphicon glyphicon-list" aria-hidden="true"></span> 部门列表</div>
                <table class="table table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>名称</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {% for item in queryset %}
            <tr>
                <td>{{ item.id }}</td>
                <td>{{ item.title }}</td>
                <td>
                    <a class="btn btn-primary btn-xs" href="/depart/{{ item.id }}/edit/">编辑</a>
                    <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{ item.id }}">删除</a>
                </td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
            </div>

    </div>

{% endblock %}

运行项目的效果
django实现部门表的增删改查界面,python,django,python,后端

6、添加部门

在部门列表展示页,点击新建部门需要跳转到新建部门的页面/depart/add/, 下面先定义路由

from django.urls import path
from app01 import views

urlpatterns = [
    path('depart/list/', views.depart_list),
    path('depart/add/', views.depart_add),
]

在urls.py中定义函数
如果是get请求就返回depart_add.html部门添加的页面,如果是添加了数据,post提交数据,就先获取post提交过来的部门名称title,保存数据到数据库,最后在返回到部门列表

from django.shortcuts import render,redirect,HttpResponse
from app01 import models

def depart_add(request):
    """添加部门"""
    if request.method=='GET':
        return render(request,'depart_add.html')

    #获取用户POST提交过来的数据
    title = request.POST.get("title")

    #保存数据到数据库
    models.Department.objects.create(title=title)
    #重定向回部门列表

    return redirect("/depart/list/")

在写depart_add.html,

{% extends 'layout.html' %}

{% block content %}

    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">新建部门</div>
            <div class="panel-body">
                <form class="form-horizontal" method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">部门名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="title" placeholder="部门名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

{% endblock %}

效果如下:
django实现部门表的增删改查界面,python,django,python,后端

7、删除部门

定义路由,urls.py

from django.urls import path
from app01 import views

urlpatterns = [
    path('depart/list/', views.depart_list),
    path('depart/add/', views.depart_add),
    path('depart/delete/', views.depart_delete),
]

views.py 定义函数
通过在get路径后面传nid 来表示要删除的id,这个值是在depart_list.html中,当点击删除的时候带出来的
django实现部门表的增删改查界面,python,django,python,后端

from django.shortcuts import render,redirect,HttpResponse
from app01 import models

def depart_delete(request):
    """删除部门"""
    # http://127.0.0.1:8000/depart/delete/?nid=1
    #获取nid
    nid = request.GET.get("nid")

    #删除数据库id为nid的值
    models.Department.objects.filter(id=nid).delete()
    return redirect("/depart/list/")

8、编辑部门

定义路由,urls.py, 将要编辑的id放到访问路径中

from django.urls import path
from app01 import views

urlpatterns = [
    path('depart/list/', views.depart_list),
    path('depart/add/', views.depart_add),
    path('depart/delete/', views.depart_delete),
    #http://127.0.0.1:8000/depart/2/edit/
    path('depart/<int:nid>/edit/', views.depart_edit),
]

views.py 如果是get 请求根据nid获取数据库的对象,对象包含id 和title,将title传给编辑页面,显示当前编辑的是什么数据
提交数据后修改数据库的title字段,重定向到部门列表页面

from django.shortcuts import render,redirect,HttpResponse
from app01 import models
##http://127.0.0.1:8000/depart/2/edit/
def depart_edit(request,nid):
    """编辑部门"""
    if request.method == 'GET':
        # http://127.0.0.1:8000/depart/2/edit/
        row_query = models.Department.objects.filter(id=nid).first()
        return render(request,'depart_edit.html',{'row_query':row_query})

    #获取用户提交的标题
    title = request.POST.get("title")

    #修改数据库部门名称字段
    models.Department.objects.filter(id=nid).update(title=title)
    return redirect("/depart/list/")

depart_edit.html 页面,根添加的页面差不多的文章来源地址https://www.toymoban.com/news/detail-621437.html

{% extends 'layout.html' %}

{% block content %}

    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">编辑部门</div>
            <div class="panel-body">
                <form class="form-horizontal" method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">部门名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="title" placeholder="部门名称" value="{{ row_query.title }}">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </div>

{% endblock %}

到了这里,关于django实现部门表的增删改查界面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 表的增删改查 进阶(二)

    🎥 个人主页:Dikz12 🔥个人专栏:MySql 📕格言:那些在暗处执拗生长的花,终有一日会馥郁传香 欢迎大家👍点赞✍评论⭐收藏 目录 3.新增  4.查询 聚合查询  聚合函数  GROUP BY子句  HAVING  联合查询  内连接(重点) 外连接(重点)  左外连接 右外连接  自连接 子连接  合并

    2024年01月20日
    浏览(48)
  • 【MySQL】表的增删改查

    表的增删查改简称CRUD:Create(新增),Retrieve(查找),Update(修改),Delete(删除)。 CRUD的操作对象是对表当中的数据,是典型的DML语句(Data Manipulation Language 数据操作语言)。 语法: 说明: SQL中大写的表示,[ ]中代表的是可选项。 SQL中的每个 value_list 都表示插

    2024年02月02日
    浏览(44)
  • MyBatis 单表的增删改查

    ✅作者简介:2022年 博客新星 第八 。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏:SSM 框架从入门到精通 ✨特色专栏:国学周更-心性养成之路 🥭本文内容:MyBatis 单表的增删

    2024年02月21日
    浏览(40)
  • 表的增删改查CURD(基础)

         🎥 个人主页:Dikz12 🔥个人专栏:MySql 📕格言:那些在暗处执拗生长的花,终有一日会馥郁传香 欢迎大家👍点赞✍评论⭐收藏 目录 新增(Create) 全列插入 指定列插入  插入多行数据   查询 (Retrieve) 全列查询  指定列查询  查询字段为表达式​​​ 别名  去重

    2024年01月17日
    浏览(37)
  • MySQL表的增删改查(基础)

    目录 1. CRUD 2. 新增(Create)  2.1 单行数据 + 全列插入  2.2 多行数据 + 指定列插入   3. 查询(Retrieve)  3.1 全列查询  3.2 指定列查询  3.3 查询字段为表达式   3.4 别名 3.5 去重:DISTINCT   3.6 排序:ORDER BY  3.7 条件查询:WHERE  3.8 分页查询:LIMIT   4. 修改(Update)  5. 删除(

    2024年01月17日
    浏览(39)
  • 【MySQL】表的增删改查(强化)

    作者主页: paper jie_博客 本文作者:大家好,我是paper jie,感谢你阅读本文,欢迎一建三连哦。 本文录入于《MySQL》专栏,本专栏是针对于大学生,编程小白精心打造的。笔者用重金(时间和精力)打造,将MySQL基础知识一网打尽,希望可以帮到读者们哦。 其他专栏:《算法详

    2024年02月04日
    浏览(44)
  • MySQL表的增删改查(进阶)

    目录 数据库约束 约束的定义 约束类型 null约束 unique:唯一约束 default:默认值约束 primary key:主键约束(重要) foreign key:外键约束(描述两个表之间的关联) 表的设计 一般思路 三大范式 一对一 一对多 ​编辑 多对多 ​编辑 新增 查询 聚合查询 聚合函数 group by字句 having 联合查询

    2024年02月05日
    浏览(47)
  • 【MYSQL】表的增删改查(基础)

    语法: INSERT [INTO] table_name [(column [, column] ...)] VALUES(value_list) [, (value_list)] ... 案例: 语法: SELECT [DISTINCT] {* | {column [, column] ...} [FROM table_name] [WHERE ...] [ORDER BY column [ASC | DESC], ...] LIMIT ... 案例: 为查询结果中的列指定别名,表示返回的结果集中,以别名作为该列的名称 语法:

    2024年02月02日
    浏览(78)
  • [MySQL]关于表的增删改查

    目录 1.插入 1.1单行数据+全列插入  1.2多行插入,指定列插入 ​编辑2.查询 2.1全列查询 2.2指定列查询 3.3查询字段为表达式  2.4别名 ​编辑2.5去重 2.6排序  2.7条件查询 2.7.1基本查询: 2.7.2 AND 和OR 2.7.3范围查询  2.7.4模糊查询  2.7.5分页查询 limit 3.修改 4.删除 我们首先创建一张

    2024年01月23日
    浏览(34)
  • 4.MySQL表的增删改查(进阶)

    大家好,我是晓星航。今天为大家带来的是 MySQL表的增删改查(进阶) 相关的讲解!😀 NOT NULL - 指示某列不能存储 NULL 值。 UNIQUE - 保证某列的每行必须有 唯一 的值。 DEFAULT - 规定没有给列赋值时的默认值。 PRIMARY KEY - NOT NULL 和 UNIQUE 的结合。确保某列(或两个列多个列的结

    2024年02月09日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包