×

一个基于 Laravel 框架的设备报修管理系统 EquipFlow

独孤求败 独孤求败 发表于2026-10-14 16:59:29 浏览12 评论0

抢沙发发表评论

今天给大伙儿推荐一个开源项目 —— 一个基于 Laravel 框架的设备报修管理系统 EquipFlow。EquipFlow 是一套前后端分离的设备报修管理系统,专门用来管理企业、学校或组织内部的设备报修与维护流程。 想深入了解的同学,建议收藏这篇。

项目地址:
https://github.com/tina5199676/equipflow

01

PART


项目是什么

项目是什么

EquipFlow 是一套前后端分离的设备报修管理系统,专门用来管理企业、学校或组织内部的设备报修与维护流程。

它的后端用 PHP + Laravel 11 提供 RESTful API,前端用 Vue 3 + Vuetify 打造现代化响应式界面,二者完全解耦,可以独立开发、独立部署。

一句话定位:把「设备坏了 → 谁报修 → 谁处理 → 处理到哪一步」这条链路全部线上化、可追溯。适合需要一个轻量内部报修工具、又想直接拿到可运行源码练手或二次开发的团队。

02

PART


核心功能

核心功能

•前后端完全分离架构:Vue 3 前端 + Laravel 后端 RESTful API

•仪表板 KPI 统计:总案件数、待处理、已完成、逾期案件一目了然

•实时显示今日新增案件与最新报修动态

•报修单全流程管理:新增、搜索、状态筛选、详情查看、删除

•报修状态流转:pending → processing → done / cancelled

•设备台账管理:名称、类型、位置,状态追踪(正常 / 维修中 / 故障)

•多角色权限:`admin 管理员 / staff 员工 / technician` 维修人员

•报修操作留痕:Repair_logs 记录每次状态变更、指派与备注

•响应式现代化 UI(Vuetify),电脑与手机均可用

•Mock 资料模式,便于前端脱离后端独立开发

•Laravel Sanctum Token 认证保障接口安全

•配套 Dashboard 统计接口,聚合案件各项指标

03

PART


技术栈

TECH STACK · 技术选型

层级
技术选型
前端
Vue 3(Composition API)、Vue Router、Pinia、Vuetify、Axios
后端
PHP 8.2+、Laravel 11、SQLite(开发环境)
认证
Laravel Sanctum
接口
RESTful API
构建
Vite / npm(前端)、Composer / Artisan(后端)

04

PART


架构设计

架构设计

系统采用标准的前后端分离架构:前端 Vue 3 通过 Axios 调用后端 Laravel 暴露的 REST 接口,认证走 Laravel Sanctum 颁发的 Token,数据落地在 SQLite,开发阶段开箱即用。

核心数据模型围绕四张表展开:Users(人员与角色)、Equipment(设备台账)、Repairs(报修单)以及 Repair_logs(操作纪记录),通过外键把报修单、设备与人员关联起来,实现完整的报修闭环与审计留痕。

05

PART


快速开始

QUICK START · 快速上手

后端初始化与启动:

...bash

cd backend

composer install

cp .env.example .env

php artisan key:generate

php artisan migrate:fresh --seed

php artisan serve

前端独立运行:

...bash

cd frontend

npm install

npm run serve

前后端同时开发时,分别用 php artisan serve(后端 http://localhost:8000)和 npm run serve(前端 http://localhost:8080)两个终端启动即可。

06

PART


适用场景

适用场景

EquipFlow 适合中小企业、学校实验室、园区物业等需要一套轻量内部报修系统的场景——不用复杂工单平台,自己部署就能管设备、跟进度。

它也是一份很完整的前后端分离练手项目:无论是想学 Laravel 写 API、还是想看 Vue 3 + Pinia + Vuetify 如何组织真实业务页面,都能直接 clone 下来跑通并二次开发。

07

PART


项目结构

STRUCTURE · 目录布局

...text

equipflow/

├── backend/                # === Laravel 后端 ===

│   ├── app/

│   │   ├── Http/Controllers/   # API 控制器

│   │   ├── Models/             # Eloquent 模型

│   │   ├── Services/           # 业务逻辑

│   │   └── Providers/

│   ├── database/

│   │   ├── migrations/         # 数据表迁移

│   │   └── seeders/            # 测试数据

│   ├── routes/api.php          # API 路由

│   └── artisan

├── frontend/               # === Vue 3 前端 ===

│   ├── src/

│   │   ├── components/         # 可复用组件

│   │   ├── composable/         # Composition API 逻辑

│   │   ├── services/           # API 服务层

│   │   ├── stores/             # Pinia 状态管理

│   │   ├── views/              # 页面组件

│   │   ├── App.vue

│   │   └── main.js

│   ├── package.json

│   └── vue.config.js

└── README.md

///

LAST


写在最后

SUMMARY · 个人观点

感谢大家阅读,个人观点仅供参考,欢迎在评论区发表不同观点。


群贤毕至

访客