4.5源码架构 13
4.6技术难点 15
五、程序设计和实现 15
5.1 程序主要类 15
5.2主要系统功能设计实现 20
5.1.登录模块: 20
5.2菜单管理: 22
5.3用户管理: 23
5.4实时疫情状态分布图: 24
5.5健康打卡申请: 25
5.6历史行程列表: 27
5.7外出报备列表: 27
5.8检疫物质审核: 28
5.9通知公告审列表: 29
5.10修改密码: 29
5.11 全局异常处理: 30
5.12数据库连接配置 31
六、数据库设计 32
6.1表基本设计 32
6.2数据库三范式要求: 32
6.3数据库表ER图 32
6.4用户表设计 33
6.5角色表设计 34
6.6菜单表设计 34
6.7历史行程表设计 35
6.8健康打卡表设计 36
6.9外出报备表设计 37
6.10复工申请表设计 38
6.11通知公告表设计 38
七、心得体会********和总结 39
八、测试实例 40
测试一: 40
测试二: 41
测试三: 41
测试评价 42
致谢 42
九、参考献文 43
主要模块:
管理员用户登录:用户登录。
用户信息: 用户信息数据的列表查看、修改和删除、用户绑定角色来显示对应的菜单显示。
角色管理:角色信息数据的列表查看、修改和删除、每个角色可以设置不同菜单显示、超级管理员拥有最高权限。
菜单管理: 菜单信息数据的列表查看、修改和删除、可以通过用户角色来设置
菜单权限:根据用户绑定角色、角色绑定菜单显示、以及基础菜单的添加、修改和删除操作。
实时疫情状态:通过echarts图标来模拟实现数据驱动标识、实时显示疫情分布图和感染人员信息等。
历史行程管理:每日登记管理:外出报备管理:复工申请管理:审核信息管理:
通知公告管理:管理员发布一些通知公告信息以及管理查看等
这个系统主要功能截图如下:
登录之后进入系统首页:目前系统主要功能如下
用户管理模块:用户添加、修改、删除、查询等基本操作
角色管理模块、通过用户绑定角色、角色控制菜单显示、灵活控制菜单。![](https://img-blog.csdnimg.cn/20210514210142321.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwOTEzNA==,size_16,color_FFFFFF,t_70)
前端VUE代码添加菜单
<el-button v-if=“isAuth(‘sys:menu:save’)” type=“primary” @click=“addOrUpdateHandle()”>新增
目录
菜单
按钮
<el-table-column
prop=“perms”
header-align=“center”
align=“center”
width=“150”
:show-overflow-tooltip=“true”
label=“授权标识”>
<el-table-column
fixed=“right”
header-align=“center”
align=“center”
width=“150”
label=“操作”>
<el-button v-if=“isAuth(‘sys:menu:update’)” type=“text” size=“small” @click=“addOrUpdateHandle(scope.row.menuId)”>修改
<el-button v-if=“isAuth(‘sys:menu:delete’)” type=“text” size=“small” @click=“deleteHandle(scope.row.menuId)”>删除
<add-or-update v-if=“addOrUpdateVisible” ref=“addOrUpdate” @refreshDataList=“getDataList”>
菜单添加修改列表层操作
历史行程数据管理:添加修改删除等操作
用户每日健康打卡列表数据展示以及添加打卡信息![](https://img-blog.csdnimg.cn/20210514210537329.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwOTEzNA==,size_16,color_FFFFFF,t_70)
员工出行外出报备管理申请
员工复工申请
管理员审核
通知公告模块:
数据库连接:
spring:
datasource:
type: com.alibaba.druid.pool.DruidDataSource
druid:
driver-class-name: com.mysql.jdbc.Driver
url: jdbc:mysql://localhost:3306/renren_fast?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
username: root
password: 123456
initial-size: 10
max-active: 100
min-idle: 10
max-wait: 60000
pool-prepared-statements: true
max-pool-prepared-statement-per-connection-size: 20
time-between-eviction-runs-millis: 60000
min-evictable-idle-time-millis: 300000
#Oracle需要打开注释
#validation-query: SELECT 1 FROM DUAL
test-while-idle: true
test-on-borrow: false
test-on-return: false
stat-view-servlet:
enabled: true
url-pattern: /druid/*
#login-username: admin
#login-password: admin
filter:
stat:
log-slow-sql: true
slow-sql-millis: 1000
merge-sql: false
wall:
config:
multi-statement-allow: true
##多数据源的配置
#dynamic:
datasource:
slave1:
driver-class-name: com.microsoft.sqlserver.jdbc.SQLServerDriver
url: jdbc:sqlserver://localhost:1433;DatabaseName=renren_security
username: sa
password: 123456
slave2:
driver-class-name: org.postgresql.Driver
url: jdbc:postgresql://localhost:5432/renren_security
username: renren
password: 123456
前后端代码结构:
主要表设计:
用户表:
CREATE TABLE NewTable
(
user_id
bigint(20) NOT NULL AUTO_INCREMENT ,
username
varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT ‘用户名’ ,
password
varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT ‘密码’ ,
salt
varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT ‘盐’ ,
email
varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT ‘邮箱’ ,
mobile
varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL COMMENT ‘手机号’ ,
status
tinyint(4) NULL DEFAULT NULL COMMENT ‘状态 0:禁用 1:正常’ ,
create_user_id
bigint(20) NULL DEFAULT NULL COMMENT ‘创建者ID’ ,
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)
![](https://img-blog.csdnimg.cn/img_convert/49f4328d8677194b6ab68b4e723cfb01.jpeg)
最后
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验,干货满满呀!如果你能够一直坚持看到这儿,那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动,或者直接进入你的收藏夹里吃灰,那么我写这篇文章就没多大意义了。所以看完之后,还是多多行动起来吧!
可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。
了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
[外链图片转存中…(img-jpJxr1h5-1711695513167)]
[外链图片转存中…(img-nqyDlgdH-1711695513168)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
[外链图片转存中…(img-Jo1w1pKA-1711695513168)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)
![](https://img-blog.csdnimg.cn/img_convert/49f4328d8677194b6ab68b4e723cfb01.jpeg)
最后
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验,干货满满呀!如果你能够一直坚持看到这儿,那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动,或者直接进入你的收藏夹里吃灰,那么我写这篇文章就没多大意义了。所以看完之后,还是多多行动起来吧!
可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。