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) |