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