springboot+vue|企业级工位管理系统（源码）
本文介绍了一个基于B/S架构的企业级工位管理系统设计方案。系统采用浏览器/服务器模式，支持远程访问。核心内容包括：系统架构设计（功能结构图）、数据库设计（E-R模型及6个数据表：部门信息、工位分配、工位信息、使用情况、管理员和员工表），以及功能模块实现（管理员可进行员工、部门、工位和使用情况管理，员工可查看部门信息和工位分配）。系统通过Web界面实现各类管理操作，具有完整的权限控制和数据管理功能。
4系统概要设计
4.1概述
本系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式，是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示：
图4-1系统工作原理图
4.2系统结构
本系统是基于B/S架构的网站系统，设计的功能结构图如下图所示：
图4-2功能结构图
4.3.数据库设计
4.3.1数据库实体
概念设计的目标是设计出反映某个组织部门信息需求的数据库系统概念模式，数据库系统的概念模式独立于数据库系统的逻辑结构、独立于数据库管理系统（DBMS）、独立于计算机系统。
概念模式的设计方法是在需求分析的基础上，用概念数据模型（例如E-R模型）表示数据及数据之间的相互联系，设计出反映用户信息需求和处理需求的数据库系统概念模式。概念设计的目标是准确描述应用领域的信息模式，支持用户的各种应用，这样既容易转换为数据库系统逻辑模式，又容易为用户理解。数据库系统概念模式是面向现实世界的数据模型，不能直接用于数据库系统的实现。在此阶段，用户可以参与和评价数据库系统的设计，从而有利于保证数据库系统的设计与用户的需求相吻合。在概念模式的设计中，E-R模型法是最常见的设计方法。本系统的E-R图如下图所示：
（1）管理员信息的实体属性图如下：
图4.12 管理员信息实体属性图
（2）员工信息实体属性图如图4.13所示：
图4.13 员工信息实体属性图
（3）工位信息实体属性图如图4.14所示：
图4.14 工位信息实体属性图
4.3.2数据库设计表
企业级工位管理系统需要后台数据库，下面介绍数据库中的各个表的详细信息：
表4. 1部门信息
|
字段 |
类型 |
空 |
默认 |
注释 |
|---|---|---|---|---|
|
id (主键) |
bigint(20) |
否 |
主键 |
|
|
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
创建时间 |
|
bumenbianhao |
varchar(200) |
是 |
NULL |
部门编号 |
|
bumenmingcheng |
varchar(200) |
是 |
NULL |
部门名称 |
|
bumenzhuguan |
varchar(200) |
否 |
部门主管 |
|
|
bumenrenshu |
int(11) |
是 |
NULL |
部门人数 |
|
bumendianhua |
varchar(200) |
是 |
NULL |
部门电话 |
|
bumenjieshao |
longtext |
是 |
NULL |
部门介绍 |
表4. 2工位分配
|
字段 |
类型 |
空 |
默认 |
注释 |
|---|---|---|---|---|
|
id (主键) |
bigint(20) |
否 |
主键 |
|
|
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
创建时间 |
|
yuangonggonghao |
varchar(200) |
是 |
NULL |
员工工号 |
|
yuangongxingming |
varchar(200) |
是 |
NULL |
员工姓名 |
|
fenpeigongwei |
varchar(200) |
是 |
NULL |
分配工位 |
|
fenpeiyuanyin |
longtext |
是 |
NULL |
分配原因 |
|
dengjiriqi |
date |
是 |
NULL |
登记日期 |
表4. 3工位信息
|
字段 |
类型 |
空 |
默认 |
注释 |
|---|---|---|---|---|
|
id (主键) |
bigint(20) |
否 |
主键 |
|
|
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
创建时间 |
|
gongweibianhao |
varchar(200) |
是 |
NULL |
工位编号 |
|
gongweimingcheng |
varchar(200) |
是 |
NULL |
工位名称 |
|
gongweijieshao |
longtext |
是 |
NULL |
工位介绍 |
表4. 4使用情况
|
字段 |
类型 |
空 |
默认 |
注释 |
|---|---|---|---|---|
|
id (主键) |
bigint(20) |
否 |
主键 |
|
|
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
创建时间 |
|
gongweimingcheng |
varchar(200) |
是 |
NULL |
工位名称 |
|
zaiweirenshu |
int(11) |
是 |
NULL |
在位人数 |
|
dengjiriqi |
date |
是 |
NULL |
登记日期 |
|
beizhu |
varchar(200) |
是 |
NULL |
备注 |
表4. 5管理员表
|
字段 |
类型 |
空 |
默认 |
注释 |
|---|---|---|---|---|
|
id (主键) |
bigint(20) |
否 |
主键 |
|
|
username |
varchar(100) |
否 |
用户名 |
|
|
password |
varchar(100) |
否 |
密码 |
|
|
role |
varchar(100) |
是 |
管理员 |
角色 |
|
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
新增时间 |
表4. 6员工
|
字段 |
类型 |
空 |
默认 |
注释 |
|---|---|---|---|---|
|
id (主键) |
bigint(20) |
否 |
主键 |
|
|
addtime |
timestamp |
否 |
CURRENT_TIMESTAMP |
创建时间 |
|
yuangonggonghao |
varchar(200) |
否 |
员工工号 |
|
|
mima |
varchar(200) |
否 |
密码 |
|
|
yuangongxingming |
varchar(200) |
否 |
员工姓名 |
|
|
xingbie |
varchar(200) |
是 |
NULL |
性别 |
|
nianling |
varchar(200) |
否 |
年龄 |
|
|
bumen |
varchar(200) |
是 |
NULL |
部门 |
|
lianxidianhua |
varchar(200) |
否 |
联系电话 |
|
|
tupian |
varchar(200) |
是 |
NULL |
图片 |
5系统详细实现
5.1 管理员模块的实现
5.1.1 员工信息管理
企业级工位管理系统的系统管理员可以管理员工，可以对员工信息修改删除以及查询操作。具体界面的展示如图5.1所示。
图5.1 员工信息管理界面
5.1.2 部门信息管理
系统管理员可以查看对部门信息进行添加，修改，删除以及查询操作。具体界面如图5.2所示。
图5.2 部门信息管理界面
5.1.3 工位信息管理
系统管理员可以对工位信息进行添加，修改，删除以及查询操作。界面如下图所示：
图5.3 工位信息管理界面
5.1.4 使用情况管理
系统管理员可以对使用情况进行添加修改删除操作。界面如下图所示：
图5.4 使用情况管理界面
5.2 员工模块的实现
5.2.1 部门信息
员工可以在看到部门信息。界面如下图所示：
图5.5 部门信息界面
5.2.2 工位分配管理
员工可以查看自己的工位分配。界面如下图所示：
图5.6 工位分配信息界面
openEuler 是由开放原子开源基金会孵化的全场景开源操作系统项目，面向数字基础设施四大核心场景（服务器、云计算、边缘计算、嵌入式），全面支持 ARM、x86、RISC-V、loongArch、PowerPC、SW-64 等多样性计算架构
更多推荐
11
0- 0
已为社区贡献9条内容
所有评论(0)