62 lines
1.2 KiB
Markdown
62 lines
1.2 KiB
Markdown
# pig-farm-controller-fe
|
||
|
||
[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) |