SpringBoot+Vue智慧农业管理系统开发实战-代码聚汇网

SpringBoot+Vue智慧农业管理系统开发实战

木-Star

1. 智慧草莓基地管理系统概述

智慧草莓基地管理系统是一套专为现代草莓种植场景设计的全栈信息化解决方案。这个系统采用了当前企业级开发中最主流的SpringBoot+Vue前后端分离架构，后端使用Java生态中广受欢迎的SpringBoot框架，前端采用渐进式JavaScript框架Vue.js，数据库选用开源关系型数据库MySQL，形成了一套完整的技术栈组合。

这套系统的核心价值在于将传统草莓种植过程中的各项管理工作数字化、智能化。通过物联网设备采集温室环境数据，结合种植专家的经验模型，系统能够自动调节温室内的温度、湿度、光照等环境参数，为草莓生长创造最佳条件。同时，管理人员可以通过Web端或移动端实时监控基地运营状况，包括作物生长情况、设备运行状态、人员工作进度等关键指标。

提示：系统源码已经过完整测试，包含详细的部署文档，开发者下载后可直接运行，非常适合作为农业信息化项目的入门学习案例或二次开发基础。

2. 系统架构与技术选型

2.1 后端SpringBoot框架设计

后端采用SpringBoot 2.7.x版本构建，遵循标准的MVC分层架构：

Controller层：处理HTTP请求，参数校验，返回统一格式的JSON响应
Service层：业务逻辑实现，事务管理
DAO层：数据库访问，使用MyBatis-Plus增强功能
Entity层：数据模型定义，与数据库表结构映射

关键配置示例（application.yml片段）：

yaml复制spring:
  datasource:
    url: jdbc:mysql://localhost:3306/strawberry_db?useSSL=false&serverTimezone=UTC
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
  jackson:
    date-format: yyyy-MM-dd HH:mm:ss
    time-zone: GMT+8

2.2 前端Vue.js实现方案

前端采用Vue 3.x + Element Plus组件库开发，主要功能模块包括：

用户认证模块（JWT令牌管理）
数据可视化大屏（ECharts集成）
设备管理CRUD操作
实时数据监控（WebSocket支持）
报表导出功能（Excel.js集成）

典型页面组件结构：

code复制src/
├── api/            # 接口定义
├── assets/         # 静态资源
├── components/     # 公共组件
│   ├── Charts/     # 图表组件
│   ├── Table/      # 增强表格
│   └── Form/       # 动态表单
├── router/         # 路由配置
├── store/          # Vuex状态管理
└── views/          # 页面视图

2.3 MySQL数据库设计

数据库包含12张核心表，主要实体关系如下：

用户体系：sys_user, sys_role, sys_menu
基地管理：base_info, greenhouse, device
种植数据：plant_record, environment_data
业务管理：task_schedule, inventory, sales_record

关键表结构示例（DDL）：

sql复制CREATE TABLE `environment_data` (
  `id` bigint NOT NULL AUTO_INCREMENT,
  `greenhouse_id` bigint NOT NULL COMMENT '温室ID',
  `temperature` decimal(5,2) DEFAULT NULL COMMENT '温度(℃)',
  `humidity` decimal(5,2) DEFAULT NULL COMMENT '湿度(%)',
  `co2` decimal(5,2) DEFAULT NULL COMMENT 'CO2浓度(ppm)',
  `light_intensity` int DEFAULT NULL COMMENT '光照强度(lux)',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  KEY `idx_greenhouse` (`greenhouse_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='环境数据表';

3. 核心功能模块详解

3.1 智能环境监控系统

系统通过Modbus协议与温室内的各类传感器设备通信，实时采集以下环境参数：

空气参数：温度、湿度、CO2浓度
土壤参数：湿度、EC值、PH值
光照参数：强度、光照时长
设备状态：风机、遮阳网、灌溉系统

数据采集服务采用定时任务+事件触发双机制：

java复制@Scheduled(cron = "0 */5 * * * ?")
public void collectEnvironmentData() {
    List<Greenhouse> greenhouses = greenhouseService.list();
    greenhouses.forEach(g -> {
        ModbusResponse response = modbusClient.readHoldingRegisters(
            g.getDeviceIp(), 0, 10);
        EnvironmentData data = parseResponse(response);
        environmentDataService.save(data);
    });
}

3.2 种植专家决策系统

基于历史种植数据构建的决策模型，主要功能包括：

生长阶段识别：根据积温模型判断草莓生长阶段
病害预警：通过图像识别检测早期病害症状
施肥建议：基于土壤检测结果的精准施肥方案
灌溉策略：根据蒸腾量计算的智能灌溉计划

决策算法核心逻辑：

java复制public IrrigationPlan calculateIrrigation(Greenhouse greenhouse) {
    // 获取最近24小时环境数据
    List<EnvironmentData> data = environmentDataService
        .getLatest24hData(greenhouse.getId());
    
    // 计算蒸腾量 (简化版Penman-Monteith模型)
    double et0 = calculateReferenceEvapotranspiration(data);
    double kc = getCropCoefficient(greenhouse.getStrawberryVariety());
    double etc = et0 * kc;
    
    // 生成灌溉计划
    IrrigationPlan plan = new IrrigationPlan();
    plan.setWaterAmount(etc * greenhouse.getArea() * 0.8);
    plan.setStartTime(calculateOptimalIrrigationTime(data));
    return plan;
}

3.3 移动端适配方案

系统采用响应式设计，适配手机和平板设备，关键技术实现：

Viewport配置：

html复制<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

CSS媒体查询：

css复制@media screen and (max-width: 768px) {
    .data-card {
        width: 100%;
        margin-bottom: 15px;
    }
    .el-dialog {
        width: 90% !important;
    }
}

移动端专属功能：

扫码快速录入设备信息
语音播报环境异常警报
离线数据缓存机制
手势操作支持（滑动切换温室视图）

4. 系统部署与运维

4.1 开发环境搭建

后端环境：

JDK 1.8+
Maven 3.6+
MySQL 5.7+
Redis（可选，用于会话管理）

初始化命令：

bash复制# 克隆项目
git clone https://github.com/xxx/strawberry-system.git

# 导入数据库
mysql -u root -p < docs/db/strawberry_db.sql

# 启动后端
cd strawberry-server
mvn spring-boot:run

前端环境：

Node.js 14+
npm/yarn

启动命令：

bash复制cd strawberry-web
npm install
npm run dev

4.2 生产环境部署

推荐使用Docker容器化部署，项目已提供完整的Dockerfile和docker-compose.yml：

后端Dockerfile关键配置：

dockerfile复制FROM openjdk:8-jdk-alpine
VOLUME /tmp
ADD target/strawberry-server.jar app.jar
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app.jar"]

前端Nginx配置示例：

nginx复制server {
    listen       80;
    server_name  strawberry.example.com;
    
    location / {
        root   /usr/share/nginx/html;
        index  index.html;
        try_files $uri $uri/ /index.html;
    }

    location /api {
        proxy_pass http://server:8080;
        proxy_set_header Host $host;
    }
}

4.3 常见问题排查

数据库连接失败：

检查MySQL服务是否启动
验证application.yml中的连接参数
确认数据库用户权限

前端跨域问题：
开发环境配置代理：

javascript复制devServer: {
    proxy: {
        '/api': {
            target: 'http://localhost:8080',
            changeOrigin: true
        }
    }
}

定时任务不执行：

检查@EnableScheduling注解是否添加
确认cron表达式格式正确
查看应用日志是否有异常

5. 二次开发建议

5.1 功能扩展方向

物联网集成：

增加LoRaWAN设备支持
实现4G/5G远程控制
添加设备OTA升级功能

数据分析增强：

集成Python机器学习模型
添加生长预测功能
实现产量预估算法

移动应用扩展：

开发微信小程序版本
实现APP推送通知
添加AR种植指导功能

5.2 性能优化建议

数据库优化：

sql复制-- 为高频查询字段添加索引
ALTER TABLE environment_data ADD INDEX idx_time_greenhouse (create_time, greenhouse_id);

-- 大表分区
ALTER TABLE plant_record PARTITION BY RANGE (YEAR(create_time)) (
    PARTITION p2022 VALUES LESS THAN (2023),
    PARTITION p2023 VALUES LESS THAN (2024)
);

缓存策略：

java复制@Cacheable(value = "greenhouse", key = "#id")
public Greenhouse getById(Long id) {
    return baseMapper.selectById(id);
}

@CacheEvict(value = "greenhouse", key = "#entity.id")
public boolean updateById(Greenhouse entity) {
    return retBool(baseMapper.updateById(entity));
}

前端性能优化：

路由懒加载

javascript复制const DeviceList = () => import('./views/device/List.vue')

组件按需引入

javascript复制import { ElButton, ElDialog } from 'element-plus'

使用Web Worker处理大数据量

我在实际部署这套系统时发现，温室环境数据的高频采集会导致数据库快速膨胀。一个实用的解决方案是建立热冷数据分层存储机制：最近7天的数据存MySQL，历史数据转存TimescaleDB时序数据库。同时建议在数据采集服务中添加异常值过滤逻辑，避免传感器异常产生的脏数据影响决策系统准确性。