基于SpringBoot2+vue2的工厂车间管理系统
温馨提示:
本文最后更新于 2026年05月28日,已超过 13 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我。
1. 提示
浏览全文获取资源
2. 项目简介
工厂车间管理系统是一个面向工厂车间管理的 Web 应用系统,后端基于 Spring Boot 框架,前端基于 Vue.js + Element UI 实现。系统主要功能包括:
- 人员管理:维护车间人员账号、基本信息及人员类型。
- 设备信息管理:记录车间设备编号、名称、类型、规模、数量及注意事项。
- 看板信息管理:展示车间看板内容,支持预览图、网页链接及说明文字。
- 生产开立管理:创建生产批次,记录工单数量、批次数量、批次说明、产品名称及发布时间。
- 生产工序管理:定义每个生产批次下的具体工序,关联设备名称、批次数量、工序内容等。
- 生产流程管理:跟踪各工序的执行状态(如“未生产”),形成完整的生产流程记录。
系统采用经典的后台管理架构,支持管理员和普通人员两种角色,不同角色拥有不同的菜单与操作权限。
3. 技术栈
后端
| 技术 | 说明 |
|---|---|
| Spring Boot | 2.2.2.RELEASE |
| MyBatis-Plus | 2.3 |
| MySQL | 5.7.31(驱动:mysql-connector-java) |
| Apache Shiro | 1.3.2(身份认证与权限控制) |
| Fastjson | 1.2.8 |
| Hutool | 4.0.12 |
| Apache Commons Lang3 | 3.0 |
| POI | 3.11 / 3.9(Excel 导入导出) |
前端
| 技术 | 说明 |
|---|---|
| Vue.js | 2.x |
| Element UI | 中后台组件库 |
| ECharts | 图表展示 |
| Axios | HTTP 请求 |
| vue-amap | 高德地图组件(后台地图) |
| vue-json-excel | Excel 导出 |
| print-js | 打印功能 |
| js-md5 | 密码 MD5 加密 |
开发环境
- JDK 1.8
- Maven
- 数据库:MySQL
- 项目路径:
/springbootd07er
4. 详细介绍
4.1 数据库设计
| 表名 | 说明 |
|---|---|
renyuan |
人员表(账号/密码/姓名/头像/邮箱/手机/人员类型) |
shebeixinxi |
设备信息表 |
kanbanxinxi |
看板信息表 |
shengchankaili |
生产开立表 |
shengchangongxu |
生产工序表 |
shengchanliucheng |
生产流程表 |
users |
管理员用户表 |
token |
登录 token 表 |
config |
系统配置表 |
4.2 功能模块说明
4.2.1 人员管理
- 支持增、删、改、查人员信息。
- 人员可登录系统(角色为“人员”),拥有独立的前端界面权限。
- 账号唯一,密码可重置为默认值
123456。4.2.2 设备信息管理
- 记录设备编号、名称、类型、规模、数量、注意事项。
- 设备编号和名称具有唯一性约束。
4.2.3 看板信息管理
- 发布车间看板,包含名称、预览图、网页链接和内容说明。
- 支持外链跳转(如百度首页示例)。
4.2.4 生产开立
- 创建生产批次,指定工单数量、批次数量、产品名称等。
- 发布时间自动记录。
4.2.5 生产工序
- 为一个生产批次定义多个工序。
- 每个工序关联设备名称、工序编号、批次数量、工序内容。
- 工序编号唯一。
4.2.6 生产流程
- 从生产开立和生产工序自动生成(或手动添加)流程记录。
- 包含生产批号、生产批次、工序名称、设备名称、批次数量、产品名称。
- 关键字段:生产状态(默认为“未生产”),可后续更新为“生产中”等状态。
- 支持按时间(日/月/年)统计、分组统计及数值图表。
4.2.7 权限控制
- 使用 Apache Shiro + Token 机制实现接口认证。
- 管理员(
users表)拥有全部管理权限。 - 普通人员(
renyuan表)只能查看部分信息,并对生产开立/工序进行新增、工序操作等有限权限。
5. 部分代码
5.1 配置文件 application.yml(数据库连接部分)
spring:
datasource:
driverClassName: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/springbootd07er?useUnicode=true&characterEncoding=utf-8&serverTimezone=GMT%2B8
username: root
password: 123456
server:
port: 8080
servlet:
context-path: /springbootd07er
5.2 人员实体类 RenyuanEntity.java(字段示例)
@TableName("renyuan")
public class RenyuanEntity {
@TableId
private Long id;
private String zhanghao; // 账号
private String mima; // 密码
private String xingming; // 姓名
private String xingbie; // 性别
private String touxiang; // 头像
private String youxiang; // 邮箱
private String shouji; // 手机
private String renyuanleixing; // 人员类型
// getter/setter 省略
}
5.3 控制器示例 RenyuanController.java(登录接口)
@IgnoreAuth
@RequestMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
RenyuanEntity user = renyuanService.selectOne(new EntityWrapper<RenyuanEntity>().eq("zhanghao", username));
if(user==null || !user.getMima().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(user.getId(), username, "renyuan", "人员");
return R.ok().put("token", token);
}
5.4 Vue 路由配置片段 router-static.js
import renyuan from '@/views/modules/renyuan/list'
import shengchankaili from '@/views/modules/shengchankaili/list'
import shengchangongxu from '@/views/modules/shengchangongxu/list'
// ... 其他组件
const routes = [{
path: '/index',
component: Index,
children: [
{ path: '/renyuan', name: '人员', component: renyuan },
{ path: '/shengchankaili', name: '生产开立', component: shengchankaili },
// ...
]
}]
5.5 权限菜单配置 menu.js(部分)
{
roleName: "管理员",
backMenu: [
{ menu: "人员管理", child: [{ tableName: "renyuan", buttons: ["新增","查看","修改","删除"] }] },
{ menu: "生产流程管理", child: [{ tableName: "shengchanliucheng", buttons: ["查看","修改","删除","报表"] }] }
]
}
6. 部分截图
















7. 项目总结
本项目是一个功能较为完整的工厂车间生产管理系统,实现了从人员、设备、看板到生产开立、工序、流程的全链条管理。系统采用前后端分离架构,后端基于 Spring Boot + MyBatis-Plus 快速开发,前端使用 Vue + Element UI 构建友好的管理界面。
主要亮点:
- 支持不同角色(管理员/人员)的权限控制与菜单动态生成。
- 生产流程包含状态跟踪(未生产→生产中),便于监控进度。
- 集成了 Excel 导入导出、ECharts 报表、百度人脸比对等扩展功能。
- 代码结构清晰,遵循 MVC 模式,数据库设计满足第三范式。
该工程适合作为 Java 全栈学习的参考项目,也具备一定的实际应用价值。
正文到此结束
- 本文标签: Java Spring Boot 毕业设计
- 本文链接: https://blog.xiaobias.com/article/26
- 版权声明: 本文由十五喵原创发布,转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
