【银角大王——Django课程——创建项目+部门表的基本操作】

喜欢下雨t2024-04-26 12:35

Django框架员工管理系统------创建项目+部门表管理

员工管理系统

创建项目

命令行的形式创建Django项目------

（1）打开终端，进入想要项目存放位置的目录

bash 复制代码 
F:\python笔记20210604\project_Djangomanagesystem

（2）进入存放目录后，执行命令创建项目

bash 复制代码 
//python安装的路径下的Scripts下的django工具  startproject  项目名称
"F:\python学习\python3.7.2024\Scripts\django-admin.exe" startproject djangoproject_1
创建app

执行命令------cd到项目目录下

bash 复制代码 
python manage.py startapp app01
注册app------在sttings中的INSTALLED_APPS = [ ]数组中注册

在INSTALLED_APPS数组里编写app01(创建的app的文件名字).apps.App01Config（apps里面的类）

设计表结构（django）

------------------------------------models.py中编写表

python 复制代码 
class Department(models.Model):
    # 部门表
    title=models.CharField(verbose_name='标题',max_length=32)




class UseInfo(models.Model):
    #员工表
    name=models.CharField(verbose_name='姓名',max_length=16)
    password=models.CharField(verbose_name='密码',max_length=64)
    age=models.IntegerField(verbose_name='年龄')
    account=models.DecimalField(verbose_name='账户余额',max_digits=10,decimal_places=3,default=0)
    from_time=models.DateTimeField(verbose_name='入职时间')
    #添加约束------只能是部门表中已有的部门id
    #无约束
    department_id=models.IntegerField(verbose_name='部门ID',)
    #有约束
    #1.
    #-to,与那张表关联
    #-to_field,表中哪一列关联
    #2.
    #django自动，在生成得列后面加一个关联字段名
    #如depart列，关联id，则生成depart_id
    #3.
    # 部门表被删除
    #3.1 级联删除,设置字段on_delete=models.CASCADE(级联)，foreignKey（外键）
    depart=models.ForeignKey(to="Department",to_fields="id",on_delete=models.CASCADE)
    #3.2 置空------设置字段null=True,blank=True,on_delete=models.SET_NULL
    #depart=models.ForeignKey(to="Department",to_fields="id",null=True,blank=True,on_delete=models.SET_NULL)

    #在django中的约束------和数据库的约束无关，这是框架中的
    gender_choices=(
        (1,"男"),
        (2,"女"),
    )
    gender=models.SmallIntegerField(verbose_name='性别',choices=gender_choices)

连接数据库------在settings里面改写DATABASES

python 复制代码 
DATABASES = {
    'default':{
        'ENGINE':'django.db.backends.mysql',
        'NAME':'stff_db',#数据库的名字------员工数据库
        'USER':'root',
        'PASSWORD':'123456',
        'HOST':'localhost', #127.0.0.1
        'PORT':'3306',


    }


}

Django命令执行生成数据库

bash 复制代码 
python manage.py makemigrations
bash 复制代码 
python manage.py migrate

查看数据库创建是否成功

查看数据库中表是否存在

创建static目录和templates目录在app下

---------------------将需要的框架都导入进来，或者直接复制之前项目的static文件粘贴也行

部门的管理(最原始的方式)------之后使用Django框架提供的Form和ModelForm组件

（1）部门列表页面
  1. 在urls.py中添加函数与地址的关系
python 复制代码 
urlpatterns = [


    # path('admin/', admin.site.urls),
# 访问网址depart/list/, 就会去执行函数并执行函数，函数在views中
    path('depart/list/',views.depart_list),
    ]
  1. 编写函数------在view.py中
python 复制代码 
#部门列表展示
def depart_list(request):

    #去数据库中获取部门列表
    #query_list------列表
    query_list=models.Department.objects.all()
    return render(request,'depart_list.html',{'query_list':query_list} )
  1. 在HTML中编写
html 复制代码 
{% load static %}

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    为啥只能使用这种引用，好无语，配置文件中应该咋改嘞-->
<!--    <link rel="stylesheet" type="text/css" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.css' %}">-->
<!--    <link rel="stylesheet" type="text/css" href="../static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">-->
<!--    去除圆角样式-->
<!--    <style>-->
<!--        .navbar{ -->
<!--        border-radius:0;-->
<!--        }-->
<!--    </style>-->
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css'%}">
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- 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>

          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </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 role="separator" class="divider"></li>
                  <li><a href="#">注销</a></li>
              </ul>
        </li>

      </ul>
    </div>
  </div>
</nav>

<div>
  <div class="container">
      <div style="margin-bottom: 10px">
<!--        新建部门按钮-->
            <a class="btn btn-success" href="/depart/add/" >
              <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
              新建部门
            </a>

      </div>


    <div class="panel panel-default">
      <!-- Default panel contents -->
      <div class="panel-heading">
        <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
        部门列表
      </div>
      <div class="panel-body">
        <p>欢迎进入到部门管理页面，请安全操作！</p>
      </div>

      <!-- Table -->
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>ID</th>
            <th>名称</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
<!--        数据库部门列表循环-->
        {% for obj in query_list %}
          <tr>
            <td>{{obj.id}}</td>
            <td>{{obj.title}}</td>
            <td>
<!--                Django框架中传递参数的正则表达式-->
              <a class="btn btn-primary btn-xs"  href="/depart/{{obj.id}}/edit/">编辑</a>
<!--                通过get请求传递参数跳转页面-->
              <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{obj.id}}" >删除</a>
            </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>



  </div>


</div>





<!--这个不知道会不会有效哦-->
    <script src="{% static 'js/jquery-3.5.1/jquery-3.5.1.min.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.js' %}"></script>



</body>
</html>
（2）部门添加页面
  1. 在urls.py中编写
python 复制代码 
urlpatterns = [


    # path('admin/', admin.site.urls),
# 访问网址depart/list/, 就会去执行函数并执行函数，函数在views中

    path('depart/add/',views.depart_add),
    ]
  1. 在views.py中编写
python 复制代码 
#添加部门函数
def depart_add(request):
        if request.method =="GET":
              return render(request,'depart_add.html')

        #接收通过post请求传过来的数据(先不管非法的输入数据)
        else:
           title= request.POST.get("title")
           #保存到数据库
           models.Department.objects.create(title=title)
           #重定向回列表页面
           #记得导入redirect模块
           return redirect("/depart/list/")
  1. 在HTML中编写
html 复制代码 
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css'%}">
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- 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>

          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </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 role="separator" class="divider"></li>
                  <li><a href="#">注销</a></li>
              </ul>
        </li>

      </ul>
    </div>
  </div>
</nav>

<div>
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"> 新建部门 </h3>
            </div>
            <div class="panel-body">
                <form method="post">
<!--                    隐含参数-->
                      {% csrf_token %}
                      <div class="form-group">
                        <label >部门名称</label>
                        <input type="text" class="form-control"  placeholder="部门名称" name="title">
                      </div>
                      <button type="submit" class="btn btn-primary">提 交</button>
                </form>
            </div>
        </div>



    </div>


</div>




<!--这个不知道会不会有效哦-->
    <script src="{% static 'js/jquery-3.5.1/jquery-3.5.1.min.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.js' %}"></script>
</body>
</html>


（3）部门删除
  1. 在urls.py中编写
python 复制代码 
urlpatterns = [


    # path('admin/', admin.site.urls),
# 访问网址depart/list/, 就会去执行函数并执行函数，函数在views中
    path('depart/delete/',views.depart_delete),
    ]
  1. 在views.py中编写
python 复制代码 
#删除部门,通过get请求获取id
def depart_delete(request):
    #获取
        nid=request.GET.get('nid')
    #删除
        models.Department.objects.filter(id=nid).delete()
    #跳转回部门list
        return redirect("/depart/list/")
  1. 在HTML中编写

在list列表页面中可以看见------此按钮通过get请求传递参数

html 复制代码 
 <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{obj.id}}" >删除</a>
（3）部门编辑
  1. 在urls.py中编写
python 复制代码 
urlpatterns = [


    # path('admin/', admin.site.urls),
# 访问网址depart/list/, 就会去执行函数并执行函数，函数在views中
 
    #正则表达式方式传递参数
    path('depart/<int:nid>/edit/',views.depart_edit)
]
  1. 在views.py中编写
python 复制代码 
#修改部门
def depart_edit(request,nid):
    if request.method =="GET":
            #根据nid，获取数据第一项[obj,]
            #models.Department.objects.filter(id=nid),这样是获取满足条件的记录，我们应该取第一项,而不是有一个对象的list容器
            row_object=models.Department.objects.filter(id=nid).first()
            #通过模板语法传递从数据库拿到的对象，映射到页面中渲染
            return render(request,'depart_edit.html',{"row_object":row_object})
    else:
        # 获取用户提交的信息
        title=request.POST.get("title")
        #根据id找到数据库中的数据进行更新
        models.Department.objects.filter(id=nid).update(title=title)
        # 跳转回部门list
        return redirect("/depart/list/")
  1. 在HTML中编写
html 复制代码 
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1-dist/css/bootstrap.css'%}">
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- 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>

          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </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 role="separator" class="divider"></li>
                  <li><a href="#">注销</a></li>
              </ul>
        </li>

      </ul>
    </div>
  </div>
</nav>

<div>
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"> 编辑部门 </h3>
            </div>
            <div class="panel-body">
                <form method="post">
<!--                    隐含参数-->
                      {% csrf_token %}
                      <div class="form-group">
                        <label >标题</label>
                        <input type="text" class="form-control"  placeholder="标题" name="title" value="{{row_object.title}}">
                      </div>
                      <button type="submit" class="btn btn-primary">提 交</button>
                </form>
            </div>
        </div>
    </div>
</div>


<!--这个不知道会不会有效哦-->
    <script src="{% static 'js/jquery-3.5.1/jquery-3.5.1.min.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-3.4.1-dist/js/bootstrap.js' %}"></script>
</body>
</html>
相关推荐
游客520几秒前
opencv中的各种滤波器简介
图像处理·人工智能·python·opencv·计算机视觉
Eric.Lee20213 分钟前
moviepy将图片序列制作成视频并加载字幕 - python 实现
开发语言·python·音视频·moviepy·字幕视频合成·图像制作为视频
Dontla8 分钟前
vscode怎么设置anaconda python解释器（anaconda解释器、vscode解释器）
ide·vscode·python
qq_529025291 小时前
Torch.gather
python·深度学习·机器学习
数据小爬虫@1 小时前
如何高效利用Python爬虫按关键字搜索苏宁商品
开发语言·爬虫·python
Cachel wood1 小时前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架
終不似少年遊*1 小时前
pyecharts
python·信息可视化·数据分析·学习笔记·pyecharts·使用技巧
Python之栈1 小时前
【无标题】
数据库·python·mysql
袁袁袁袁满2 小时前
100天精通Python（爬虫篇）——第113天：‌爬虫基础模块之urllib详细教程大全
开发语言·爬虫·python·网络爬虫·爬虫实战·urllib·urllib模块教程
老大白菜2 小时前
Python 爬虫技术指南
python
热门推荐
01〔AI 绘画〕Stable Diffusion 之 解决绘制多人或面部很小的人物时面部崩坏问题 篇02ARM学习（31）编译器对overlay方式的支持03玄机平台应急响应—webshell查杀04DisplayPort AltMode On Type-c协议_Ver2.0(学习笔记)05校验 GPT-4 真实性的三个经典问题：快速区分 GPT-3.5 与 GPT-4，并提供免费测试网站06Docker 夺命连环 15 问076个主流的工业3D管道设计软件08基于大语言模型（LLM）的合成数据生成、策展和评估的综述09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10红米手机使用google play