案例：员工管理系统1（部门： 增，删，改）

已于 2024-01-30 15:49:31 修改
阅读量88 收藏
点赞数
分类专栏： Python的web开发 文章标签： 数据库 android
于 2024-01-25 17:54:49 首次发布

一. 新建项目

        1. 在pycharm新建项目

        2. Pycharm会创建了一个templates目录       【删除掉】重新建一个templates文件夹

        3. settings.py文件中删除【os.path.join(BASE_DIR, 'templates')】

二. 创建app项目

        1. 在pycharm终端输入：Python manage.py startapp app01

        2. 完成注册【把’app01.apps.App01Config’写入settings.py中INSTALLED_APPS的列表里        面进行注册】

 三. 设计表结构（app01文件夹里找到models.py编写类）

from django.db import models

# Create your models here.
from django.db import models  # 导入django


# Create your models here.
class Department(models.Model):  # 参数必须怎么写
    """ 部门表 """
    # id =  （没有写id因为django会自动生成）
    title = models.CharField(verbose_name='标题', max_length=32)  # 属性 = 字符串类型（注解这是标题，最大长度32）

    def __str__(self):  # 用户表的部门联级显示只会显示对象加上它就会显示中文
        return self.title

四. MySQL中生成表

        1. 在cmd登录mysql后创建数据库: create database day16

        2. 修改配置文件，连接MySQL: 注释掉系统自带的，重新编写配置

# DATABASES = {
#     'default': {
#         'ENGINE': 'django.db.backends.sqlite3',
#         'NAME': BASE_DIR / 'db.sqlite3',
#     }
# }

DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.mysql',
         'NAME': 'day16',  # 数据库名字
         'USER': 'root',
         'PASSWORD': '123456',
         'HOST': '127.0.0.1',  # 那台机器安装了MySQL
         'PORT': 3306,
     }
}

         3. 在pycharm生成数据表：点击（运行 manage.py任务）

        4.在下面先输入makemigrations回车再输入migrate回车

五. 静态文件的管理

  1. 在app01文件夹下创建ststic静态文件夹和templates模板文件夹
  2. 在ststic文件夹下创建img，js，plugins，css文件夹
  3. 把下载的bootstart.js等等都放进去

 六. 部门管理（先画个草图）

        1. 在urls.py里编写URL和视图函数对应关系 

from django.urls import path
from app01 import views  # 导入

# urlpatterns = [
#     path('admin/', admin.site.urls),
# ]
urlpatterns = [
    # path('admin/', admin.site.urls), # 注释掉
    # 部门管理
    # 显示
    path('depart/list/', views.depart_list),  # 路径（网址，关联.函数）
    # 添加
    path('depart/add/', views.depart_add),
    # 删除
    path('depart/delete/', views.depart_delete),
    # 修改
    path('depart/<int:nid>/edit/', views.depart_edit),

]

        

2.在 views.py编写视图函数 

from django.shortcuts import render, redirect  # 渲染html模板文件，重定向
from app01 import models  # 导入app01项目中的建表包

from django.utils.safestring import mark_safe


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


def depart_add(request):
    """ 添加部门 """
    if request.method == "GET":  # 请求方式
        return render(request, 'add.html')  # 返回页面

    title = request.POST.get("title")  # 获取用户POST提交过来的数据（title输入为空）

    models.Department.objects.create(title=title)  # 保存到数据库

    return redirect("/depart/list")  # 重定向回部门列表


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

    models.Department.objects.filter(id=nid).delete()  # 删除id为1的那一行

    return redirect("/depart/list/")  # 重定向回部门列表


def depart_edit(request, nid):  # 必须加个nid
    """ 修改部门 """
    # row_object = models.Department.objects.filter(id=nid).first()
    # print(row_object.id,row_object.title)
    # # return render(request,'depart_edit.html')
    # return render(request, 'depart_edit.html', {"row_object": row_object})
    if request.method == "GET":  # 请求方式
        row_object = models.Department.objects.filter(id=nid).first()  # 根据nid，获取他那一行的数据 [obj,]
        return render(request, 'edit.html', {"row_object": row_object})  # 把数据映射到页面
    # 获取用户提交的标题
    title = request.POST.get("title")
    # 根据ID找到数据库中的数据并进行更新
    # models.Department.objects.filter(id=nid).update(title=title,其他=123)
    models.Department.objects.filter(id=nid).update(title=title)
    # 重定向回部门列表
    return redirect("/depart/list/")

        3. templates文件夹下创建html文件 

                主显示页面

{% load static %}  <!-- django特有的导入写法 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">  <!-- 导入bootstrap -->
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">  <!-- 居中对齐 -->
        <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>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/depart/list/">部门管理</a></li>
                <li><a href="/user/list/">用户管理</a></li>
                <li><a href="#">Link</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 role="separator" class="divider"></li>
                        <li><a href="#">注销</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<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-th-list" aria-hidden="true"></span>
            部门列表
        </div>

        <!-- Table -->
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>名称</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {% for obj in queryset %}
                <tr>
                    <th>{{ obj.id }}</th>
                    <td>{{ obj.title }}</td>
                    <td>
                        <a class="btn btn-primary btn-xs" href="/depart/{{ obj.id }}/edit/">编辑</a>  <!-- 跳转到编辑页面 -->
                        <a class="btn btn-danger btn-xs" href="/depart/delete/?nid={{ obj.id }}">删除</a>  <!-- 跳转到删除页面 -->
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<script scr="{% static 'js/jquery-3.6.0.min.js' %}"></script>  <!-- 导入jquery -->
<script scr="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>  <!-- 导入bootstrap中的js -->
</body>
</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/css/bootstrap.min.css' %}">
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <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>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/depart/list/">部门管理</a></li>
                <li><a href="/user/list/">用户管理</a></li>
                <li><a href="#">Link</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 role="separator" class="divider"></li>
                        <li><a href="#">注销</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<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>

<script scr="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script scr="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</body>
</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/css/bootstrap.min.css' %}">
    <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>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="depart/list/">部门管理</a></li>
                <li><a href="depart/list/">部门管理</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 role="separator" class="divider"></li>
                        <li><a href="#">注销k</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->

</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 class="form-horizontal">#}
                <form 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" placeholder="标题"
                                   name="title" value="{{ row_object.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>
</div>

<script scr="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script scr="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
</body>

</html>

七. 大功告成

思远学堂
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小白入门SpringBoot项目【2】：员工管理系统（管理员注册、登录、员工增删改查）
Java技术工坊
11-17 3185
员工管理系统一、项目简介二、部分代码解析2.1 实体类2.2 注册过程中的验证码逻辑2.3 验证码工具类 说明： 本项目非常适合小白入门，如果读者的水平比较高的话，可能这个项目对你并不会有什么额外的收获。欢迎读者在评论区互相交流讨论。 对小白的收获可能包括：入门SpringBoot、Mybatis、Thymeleaf的使用。 GitHub项目地址 Gitee项目地址 一、项目简介 基于SpringBoot，利用Mybatis框架，前端使用Thymeleaf整合。 实现了管理员的注册、登录，已
Mybatis案例：员工管理系统
青衣小屋
03-12 1万+
Mybatis案例：员工管理系统 要求：根据员工表在数据库中创建一个employee表，并利用本章所学知识完成一个员工管理系统，该系统需要实现以下几个功能。 统需要实现以下几个功能。 （1）根据id查询员工信息； （2）新增员工信息； （3）根据id修改员工信息； （4）根据id删除员工信息。...
SpringBootWeb案例1--员工管理 ---删除员工
最新发布
m0_59281987的博客
04-26 942
查询员完成之后，我们继续开发新的功能：删除员工。
SpringBootWeb案例1--部门管理 ---删除部门 新增部门
m0_59281987的博客
04-26 857
查询部门的功能我们搞定了，下面我们开始完成删除部门的功能开发。
员工管理系统（练习打卡~）
m0_69064503的博客
06-25 259
员工管理系统（练习打卡~）
JAVA EE——案例：员工管理系统
WHT869706733的博客
03-09 1万+
目录 1.题目 2.文件目录 3. 引入依赖——pom.xml 4.配置文件——myBatis-config.xml 5.映射文件——EmployeeMapper.xml 6.java类——Employee.java 7.接口类——EmployeeMapper.java 8.测试类——MyBatisTest.java （1）根据id查询员工信息 （2）新增员工信息 （3）根据id更新员工信息 （4）根据id删除员工信息 9.数据库运行截图 （1）根据id查询员工信息 （2）..
PHP员工管理系统，增加，删除，修改。
02-02
【PHP员工管理系统】是一个基于PHP开发的用于企业管理员工信息的应用程序。这个系统涵盖了基础的数据操作功能，包括增加、删除和修改员工数据，是中小企业或团队管理人力资源的一种实用工具。通过集成数据库，它能够...
DC19031wangruicode_org:员工管理系统
03-23
员工管理系统是企业信息化建设中的重要组成部分，它通过集中的数据管理和自动化流程，极大地提升了人力资源部门的工作效率，优化了企业管理。本篇将围绕"DC19031wangruicode_org"这个开源项目，详细解析其核心功能、...
jsp+servlet员工管理系统.zip
01-04
【标题】"jsp+servlet员工管理系统.zip"是一个基于Java技术的毕业设计项目，它利用了JSP（JavaServer Pages）和Servlet技术来构建一个完整的员工管理解决方案。在Java Web开发中，JSP和Servlet是两个核心组件，它们...
python-django-员工信息管理系统.rar
04-13
本项目"python-django-员工信息管理系统"即是在这样的背景下诞生的，它利用Python 3.9和Django 3.24版本，结合MySQL 8.0数据库，实现了对员工信息的基本管理功能，包括增、删、改、查等核心操作。 1. **Python ...
基于安卓开发企业员工管理app的设计与实现
毕业作品网站
05-06 452
由于我国网络发展积聚增快，而且网络管理模式也成为了生活中必不可少的一部分，各行各业都在通过网络来开发设计新的管理模式，该开发企业员工管理app的开发设计，主要是为了能够弥补传统模式中的不足，也为了方便用户进行管理，所以与传统的管理模式相比较真的是天壤之别，该系统的开发也代表了现代网络发展的趋势。在此次开发企业员工管理app的开发过程中s，不仅要保证系统功能的完善和规范，还要保证系统开发成本低、方便、安全等优点。并且还要对开发企业员工管理app的客户端界面进行特别的设计，保持一定的美观性和耐看性。
Javaweb实现员工信息管理系统
m1215339620的博客
10-24 8121
Javaweb实现员工信息管理系统
MyBatis实战案例：企业员工管理系统
禅与计算机程序设计艺术
01-28 819
1.背景介绍 在本篇文章中，我们将深入探讨MyBatis实战案例：企业员工管理系统。首先，我们将从背景介绍开始，阐述MyBatis在企业员工管理系统中的重要性。接着，我们将详细讲解MyBatis的核心概念和联系，并深入探讨其核心算法原理和具体操作步骤。此外，我们还将通过具体的代码实例和详细解释说明，展示MyBatis在企业员工管理系统中的最佳实践。最后，我们将讨论实际应用场景、工具和资源推荐，并...
基于Android Studio开发的人员管理系统APP
weixin_46155589的博客
10-14 3946
这是一个具有登录功能和人员信息增删改查功能的人员管理系统，在之前也有做过一个通过http协议与云平台对接的app，正好需要完成一个课程设计，所以就好好的补习了一下安卓开发的知识。这是一个简单的课程设计项目，作为非计算机或移动开发专门的专业的小伙伴完全够用。技术是越来越多的，我们能做到的只有精益求精，不断地学习新的技术，加油。
项目实战-后台员工信息管理（增删改查登录与退出）
Hedyqing的博客
03-06 3158
项目搭建： 1.创建项目：django-admin startproject myobject 2.创建应用：python manage.py startapp myadmin/web/mobile 3.创建模板目录：templates（模板中对应各应用目录myadmin/web/mobile） 4.创建静态资源目录：static（目录中对应各应用目录myadmin/web/mobile，并放置图片文件uploads） 5.在每一个应用目录下创建视图包views并删除原有的views.py （init.py
MyBatis案例一：员工管理系统
qq_54085202的博客
02-24 8665
解决org.apache.ibatis.reflection.ReflectionException异常：xml文件的一个字段写错了，和数据库里的字段不一致。 java.lang.ClassCastException（java强制类型转换异常） 解决异常【MySQLTransactionRollbackException: Lock wait timeout exceeded; try restarting transaction】 错误产生的原因就是：我有一条sql在数据库执行，很长时间，刚好的de
javaweb项目案例：员工管理系统
热门推荐
小诸葛的博客
03-13 2万+
1.项目需求 使用Javaweb+MySQL实现一个员工管理系统，能对员工进行增删改查，使用SSH框架开发。 2.数据表设计 manager（管理员表） CREATE TABLE `manager` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAULT NULL, `head` varchar(255) DEFAULT NULL, `username` varchar(255) DEFAULT NUL
Jquery+EasyUI框架项目开发案例：员工管理源码分享
在员工管理系统中，我们可以使用EasyUI来实现员工信息的管理，包括员工的基本信息、部门信息、职位信息等。我们也可以使用EasyUI来实现员工的操作日志记录、员工的权限管理等。 EasyUI是一个功能强大且灵活的UI插件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值