2025-09-11 17:47:07 +08:00
|
|
|
|
# pig-farm-controller-fe
|
|
|
|
|
|
|
2025-09-19 13:59:10 +08:00
|
|
|
|
[pig-farm-controller](http://git.huangwc.com/pig/pig-farm-controller) 的前端界面
|
|
|
|
|
|
|
|
|
|
|
|
## 项目介绍
|
|
|
|
|
|
|
|
|
|
|
|
这是一个用于猪场管理的前端系统，提供设备管理、状态监控等功能。该系统与后端服务 [pig-farm-controller](http://git.huangwc.com/pig/pig-farm-controller) 进行交互，为猪场管理人员提供直观的操作界面。
|
|
|
|
|
|
|
|
|
|
|
|
## 功能特性
|
|
|
|
|
|
|
|
|
|
|
|
- 设备管理（查看、添加、编辑、删除设备）
|
|
|
|
|
|
- 实时监控设备状态
|
|
|
|
|
|
- 友好的用户界面
|
|
|
|
|
|
- 响应式设计，支持多种设备
|
|
|
|
|
|
|
|
|
|
|
|
## 技术栈
|
|
|
|
|
|
|
|
|
|
|
|
- Vue.js 3：前端框架
|
|
|
|
|
|
- Element Plus：UI组件库
|
|
|
|
|
|
- Vue Router：路由管理
|
|
|
|
|
|
- Axios：HTTP客户端
|
|
|
|
|
|
- Webpack：模块打包工具
|
|
|
|
|
|
|
|
|
|
|
|
## 安装与运行
|
|
|
|
|
|
|
|
|
|
|
|
### 环境要求
|
|
|
|
|
|
|
|
|
|
|
|
- Node.js >= 14.0.0
|
|
|
|
|
|
- npm >= 6.0.0
|
|
|
|
|
|
|
|
|
|
|
|
### 安装依赖
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm install
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 开发环境运行
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run dev
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 构建生产版本
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run build
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 项目结构
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
src/
|
|
|
|
|
|
├── assets/ # 静态资源文件
|
|
|
|
|
|
│ └── styles/ # 全局样式文件
|
|
|
|
|
|
├── components/ # Vue组件
|
|
|
|
|
|
├── App.vue # 根组件
|
|
|
|
|
|
└── main.js # 入口文件
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## API接口
|
|
|
|
|
|
|
|
|
|
|
|
后端API文档请参考 [docs/swagger.json](docs/swagger.json)
|
