- 博客(121)
- 收藏
- 关注
RSS订阅原创 前端：13-系统设置页面
本文档介绍了系统设置页面的架构设计，包含四个主要模块：个人信息、系统配置、告警设置和通知偏好。文档详细定义了各模块的TypeScript类型接口，包括用户资料、系统参数、告警规则和通知设置等数据结构。同时提供了对应的API服务接口，涵盖数据获取、更新、删除等操作。告警规则部分特别定义了多种指标类型、运算符和严重等级，并提供了相应的中文名称和颜色映射。通知系统支持邮件、短信和网页三种渠道，但没有推送功能。整个系统采用Tabs标签页布局，并配有实时通知铃铛组件。
2026-03-23 10:45:35
131
原创 前端：12-设备管理页面
设备管理页面设计与实现 本文档详细介绍了设备管理页面的架构设计和实现方案。页面采用模块化组件结构，包含统计卡片、筛选条件、设备表格和表单弹窗四大功能模块。文档提供了完整的类型定义，包括设备类型、状态枚举及其映射关系，以及设备查询、创建、更新等参数接口。API服务层实现了设备列表查询、详情获取、增删改查等基本操作，并包含设备状态更新和统计信息获取功能。整体设计采用清晰的数据流管理，通过状态管理各组件间的数据交互，为设备管理提供了完整的解决方案。
2026-03-23 10:45:29
330
原创 前端：11-任务管理页面
任务管理页面设计与实现 摘要：本章介绍任务管理页面的开发，主要包括：1) 页面架构设计，采用组件化结构分为统计、筛选、列表和表单四大模块；2) 完整的类型定义体系，涵盖任务状态、优先级、分类等核心数据类型；3) API层封装，提供任务CRUD和统计查询接口。系统采用前后端分离架构，通过状态管理实现数据流动，支持复杂查询条件和分页展示。关键技术点包括日期处理、状态管理和组件拆分，为后续功能实现奠定基础。
2026-03-23 10:45:22
421
原创 前端：10-Dashboard首页
农业监测系统Dashboard实现方案 核心功能模块 统计卡片组件：展示温室数量、设备状态、今日识别次数和待执行建议数，采用前端数据聚合模式 趋势图表组件：Tab切换显示土壤湿度/温度7天趋势数据，支持ECharts可视化 分布饼图组件：展示病虫害严重程度分布情况 技术实现要点 采用React+Ant Design组件库构建界面 通过多个API独立获取数据，前端进行聚合处理 使用ECharts实现数据可视化展示 包含完善的加载状态和错误处理机制 该Dashboard设计实现了农业监测系统的关键指标可视化展示
2026-03-23 10:45:15
319
原创 前端：09-环境监测页面
环境监测系统开发摘要 本系统实现农业环境监测功能，包含土壤、气象和温室三类监测模块。系统采用TypeScript定义数据结构，包含土壤湿度、温度、pH值等详细参数，气象数据和温室环境数据。API服务层提供最新数据查询、历史记录、趋势分析和统计功能。页面采用Tab切换布局，包含传感器数据卡片和天气概览头部，支持数据导出。监测数据更新频率从1分钟到10分钟不等，确保实时性。系统基于Tailwind CSS实现响应式设计，提供直观的数据可视化界面。
2026-03-23 10:45:02
363
原创 前端：08-租户管理页面
本文介绍了租户管理页面的实现方案，包括功能需求、数据模型和API服务层设计。主要内容为：1) 租户管理功能包含列表展示、创建/编辑、删除和状态切换；2) 定义了租户数据接口Tenant，包含ID、名称、联系人等字段；3) 提供了完整的API服务实现，包括分页查询、增删改查等操作；4) 采用React+Ant Design实现前端页面，包含表格展示、搜索、模态框表单等功能组件。该方案实现了完整的租户管理系统，支持租户信息的全生命周期管理。
2026-03-22 09:57:07
53
原创 前端：07-用户管理页面
本文摘要：本章介绍了用户管理页面的实现，包括功能需求（用户列表、创建/编辑用户、重置密码等）和数据模型定义。提供了API服务层的完整代码示例，包括用户登录、注册、获取用户信息等接口实现。重点展示了用户管理页面组件的主要结构，使用React和Ant Design实现用户列表展示、分页、搜索及各种操作模态框（新增、编辑、重置密码）的交互逻辑。文章详细说明了API调用规范，特别是更新用户和重置密码的参数传递方式。
2026-03-22 09:56:57
81
原创 前端：06-建议页面
农业智能建议系统实现 本文介绍了农业智能建议系统中灌溉建议组件的实现，主要包括： 组件功能：通过表单收集作物类型、生长阶段、地块面积等参数，生成灌溉建议 技术实现： 使用Ant Design构建UI界面 包含作物类型、生长阶段等下拉选项 实现表单验证和提交逻辑 展示建议结果和待处理列表 数据展示：以表格形式展示建议记录，包括地块信息、建议灌溉量、优先级等，并使用标签区分不同状态。 该系统可帮助农户根据作物需求制定精准灌溉方案，提高农业生产效率。
2026-03-22 09:56:50
35
原创 前端：05-AI识别页面
本文介绍了AI识别页面的实现方案，主要包括三部分内容：1) 页面采用Tab结构设计，包含病虫害识别、灌溉建议和施肥建议三个子模块；2) 主页面(index.tsx)实现了Tab切换逻辑和数据加载功能，通过API获取各模块数据；3) 重点展示了病虫害识别组件的实现框架，包含图片上传、AI识别和结果展示等功能。整个页面通过模块化设计实现了AI决策支持系统的核心功能，为农业生产提供智能化的病虫害识别和农事建议服务。
2026-03-22 09:56:42
34
原创 前端：04-登录页面
本文介绍了登录页面的实现过程，主要内容包括： 使用Ant Design Form组件实现表单验证和提交处理，包含用户名和密码的必填验证 创建了美观的登录页面UI，包含背景动画效果和卡片布局 通过zustand状态管理库实现Token和用户信息的存储，包括登录状态的持久化 实现了登录成功后的页面跳转和错误处理流程 展示了完整的登录页面代码和配套样式文件
2026-03-22 09:56:32
123
原创 前端：03-网络请求
本文介绍了网络请求的封装实现，重点讲解了Axios拦截器原理和封装方法。主要内容包括：1) Axios请求流程分析，展示请求和响应拦截器的作用；2) 封装Axios实例，实现Token自动添加、统一错误处理和业务状态码判断；3) 定义公共类型和用户相关类型；4) 创建用户认证API模块，提供登录、注册、获取用户信息等功能。通过拦截器实现了请求和响应的统一处理，简化了前端调用API的复杂度。
2026-03-22 09:56:24
101
原创 前端：02-路由配置
本文介绍了React路由配置的核心概念与实践。主要内容包括：1) React Router原理，对比传统后端路由与SPA前端路由的区别；2) 路由组件详解，如createBrowserRouter、Navigate、Outlet等核心组件功能；3) 页面组件开发示例，展示登录页面的完整实现；4) 主布局组件设计，包含菜单导航、用户操作等完整布局方案。文章提供了从路由原理到具体实现的完整指导，帮助开发者掌握React Router的核心功能与最佳实践。
2026-03-22 09:56:16
105
原创 前端：01-项目初始化
项目初始化摘要 本项目使用Vite构建工具创建React+TypeScript前端应用，相比传统Webpack具有显著优势： 构建效率：Vite利用ES Module实现秒级冷启动和毫秒级热更新 技术栈： UI框架：Ant Design + Tailwind CSS 路由：React Router 状态管理：轻量级Zustand 图表：ECharts 环境配置： 设置@路径别名 配置Tailwind避免与Ant Design样式冲突 代理API请求配置 开发体验： 集成dayjs中文时间处理 自定义全局样式
2026-03-22 09:56:09
301
原创 前端：00-环境准备
文章摘要 本文详细介绍了React开发环境的准备工作，主要包括： Node.js安装：指导下载LTS版本，强调安装注意事项，并提供npm镜像配置方法（国内用户推荐淘宝镜像） VS Code配置：列出开发React必备的7个核心插件，包括代码片段、格式化、智能提示等工具 项目验证：通过创建Vite+React测试项目验证环境是否配置成功 实用资源： 提供npm常用命令速查表 整理4个常见问题解决方案 包含环境检查清单确保配置完整性 最后确认环境准备完成后，可进入下一阶段的项目初始化学习。全文以步骤化指南为主，
2026-03-22 09:56:01
267
原创 前端：00-教程目录
本教程提供完整的智慧农业管理系统前端开发实战指南，采用React 18+TypeScript技术栈，包含13个循序渐进的学习章节。从环境准备到项目初始化，逐步讲解路由配置、网络请求封装、登录认证等核心功能实现，涵盖AI识别、环境监测、任务管理等业务模块开发。教程特色包括：每章代码可独立运行、渐进式教学方式、企业级项目实践，适合具备基础前端知识的开发者学习。通过本教程，学习者将掌握React项目架构设计、状态管理、组件开发等核心技能，最终能够独立开发完整的前端管理系统。
2026-03-22 09:55:53
279
原创 后端：16-数据导出模块
传统 Apache POI 导出大数据量时存在内存溢出问题。阿里巴巴开源的EasyExcel采用逐行写入策略，内存占用极低。特性Apache POIEasyExcel内存占用高（加载全部数据）低（逐行写入）API 易用性复杂简洁（注解驱动）大数据量支持需手动优化自动优化。
2026-03-21 09:09:37
87
原创 后端：15-系统设置模块
系统设置模块包含个人信息管理、系统配置、告警设置、通知偏好等功能。数据库设计包含5个核心表：系统配置表(sys_config)存储全局参数，告警规则表(alert_rule)定义触发条件，通知偏好表(sys_notification_preference)记录用户通知方式，告警记录表(alert_log)保存告警事件，系统通知表(sys_notification)管理站内消息。后端采用MyBatis-Plus框架实现，通过实体类映射数据库表结构，包含自动填充创建/更新时间等通用字段。模块支持多租户隔离，关键
2026-03-21 09:09:30
127
原创 后端：14-设备管理模块
摘要 本章介绍了智慧农业系统的设备管理模块设计与实现。主要内容包括： 数据模型设计：详细设计了设备表结构，包含设备基本信息、位置信息、状态等字段，并提供了建表SQL语句。 实体类与DTO：展示了Device实体类及其数据传输对象(DeviceDTO)的实现，使用MyBatis-Plus注解进行映射，并包含数据验证。 核心功能：模块支持设备CRUD操作、状态管理、设备-地块关联以及统计查询功能，满足农场设备管理需求。 该模块采用多租户隔离设计，支持传感器、控制器、无人机等设备类型管理，为智慧农业系统提供基础设
2026-03-21 09:09:24
254
原创 后端：13-任务管理模块
本文介绍了智慧农业系统中的任务管理模块设计，主要包括数据模型和实体层实现。该模块支持任务分类、标签管理、优先级设置等功能，采用多表关联设计（任务表、分类表、标签表及关联表）。数据库表结构详细说明了各字段定义，包括任务状态、优先级、截止日期等关键属性。实体层使用MyBatis-Plus注解实现ORM映射，支持多租户隔离和逻辑删除。该设计为后续实现完整的CRUD接口和多对多关系处理奠定了基础。
2026-03-21 09:09:12
226
原创 后端：12-土壤数据模块
本章介绍了土壤数据模块的实现，包括业务背景、实体类创建和服务层开发。土壤监测参数涵盖湿度、温度、pH值、电导率及氮磷钾等养分指标，为灌溉施肥决策提供支持。技术实现上创建了SoilData实体类及对应数据库表，并开发了包含数据保存、查询和统计分析功能的服务层接口。该模块可有效采集和管理土壤数据，支持农业生产决策。
2026-03-21 09:09:04
171
原创 后端：11-气象数据模块
本章介绍了气象数据模块的实现，包括气象数据采集和统计功能。主要内容涵盖气象监测参数（温度、湿度、风速等7项指标）及其农业应用场景，创建了WeatherData实体类和对应的数据库表结构。服务层提供了数据保存、查询最新数据、获取历史数据和趋势分析等接口，通过MyBatis Plus实现数据持久化操作。该模块为农业生产决策提供气象数据支持，包括灌溉调整、病虫害预警等应用场景。
2026-03-21 09:08:53
258
原创 后端：10-温室数据模块
本文介绍了温室数据模块的实现，包括温室环境数据的采集、存储和分析功能。主要内容有：1) 温室监测参数(温度、湿度、CO2浓度等)及其采集流程；2) 创建温室数据实体类(GreenhouseData)和对应的数据库表结构；3) 实现服务层接口，提供数据保存、最新数据查询、历史数据查询和趋势分析功能。该模块为温室环境监测提供了完整的数据管理解决方案。
2026-03-21 09:08:45
250
原创 后端：09-温室管理模块
本章介绍了温室管理模块的实现，主要包括温室信息的CRUD操作。首先设计了温室实体类和数据库表结构，包含温室ID、名称、编码、农场ID、面积、作物类型等字段。然后创建了服务层接口和实现类，提供温室创建、更新、删除、查询等功能，使用MyBatis-Plus实现分页查询和逻辑删除。该模块采用RESTful API设计风格，支持多租户隔离，为智慧农业系统提供温室基础管理能力。
2026-03-21 09:08:38
239
原创 后端：08-文件上传服务
本文介绍了文件上传服务的实现方案，主要包括文件上传原理、本地存储服务实现和静态资源配置三部分。文章首先讲解了HTTP文件上传的multipart/form-data格式，对比了本地存储、云存储和分布式文件系统三种方案的优缺点。然后详细展示了FileStorageService接口及其实现类，包含文件存储、删除和路径处理功能。最后通过WebMvcConfig配置静态资源映射，使上传文件可通过HTTP访问，并更新安全配置放行静态资源。整体采用本地存储方案，适合学习和小型项目开发。
2026-03-20 09:24:34
88
原创 后端：06-灌溉建议模块
本文介绍了灌溉建议模块的核心算法和实现方法。主要内容包括：1) 作物需水量计算模型，考虑作物类型、生长阶段、土壤类型和天气等因素；2) 灌溉决策算法流程，从计算水分亏缺量到确定最佳灌溉时间；3) 关键计算公式，如水分亏缺量、建议灌溉量和灌溉时长；4) 系统实现部分，展示了灌溉建议实体类和数据传输对象的设计。该模块可基于实时土壤湿度、地块特性和天气数据，自动生成科学的灌溉建议方案，帮助农户实现精准灌溉和水资源高效利用。
2026-03-20 09:24:19
90
原创 后端：05-AI病虫害识别
本章介绍了AI病虫害识别系统的实现，主要包括：1）多模态AI原理，说明阿里百炼qwen-vl-max模型可同时处理图像和文本输入；2）数据库设计，包含病虫害知识库表和租户隔离的识别记录表；3）Java实体类创建，定义病虫害识别记录的关键字段如置信度、严重程度等。系统通过上传图片→转Base64→发送AI→解析结果的流程实现病虫害识别，并记录识别历史供查询。表设计注重标准化编码、置信度评分和图像分类，便于后续分析和展示。
2026-03-20 09:24:06
117
原创 后端：04-多租户实现
多租户架构实现摘要 本文介绍了基于MyBatis-Plus的多租户系统实现方案，采用共享数据库+共享表模式，通过tenant_id字段实现数据隔离。核心内容包括： 架构设计：通过MyBatis-Plus拦截器自动在SQL中添加租户条件，实现透明数据隔离 上下文管理：使用ThreadLocal存储租户ID，确保线程安全 数据库设计：创建独立的租户表(sys_tenant)，并规范所有业务表添加tenant_id字段 实现细节：包括租户上下文管理、拦截器配置、忽略表设置等 该方案具有开发成本低、维护简单的特点，
2026-03-20 09:23:57
465
原创 后端：03-用户认证授权
本文介绍了JWT认证的实现方案。首先对比了传统Session认证与JWT认证的区别，指出JWT具有无状态、可跨域等优势。然后详细说明了JWT的结构组成（Header、Payload、Signature）。接着展示了用户实体类和租户实体类的设计，包括字段定义和MyBatis Plus注解的使用。最后创建了登录请求DTO，为后续实现登录接口做准备。整体内容围绕构建基于JWT的用户认证系统展开，为系统安全访问提供基础保障。
2026-03-20 09:23:48
211
原创 后端：02-公共模块开发
本文介绍了公共模块开发中的统一响应格式设计，主要包括： 统一响应格式的必要性 解决不同接口返回结构不一致问题 提供前端统一处理方式 规范错误处理机制 核心实现内容 创建Result类封装统一响应结构（状态码、消息、数据、时间戳） 提供成功/失败的静态工厂方法 设计常见状态码（200/400/401/403/500） 分页结果设计 创建PageResult类专门处理分页数据 包含列表数据、总记录数等关键字段 与数据库分页对象区分，专注API响应 设计特点 使用泛型支持多种数据类型 实现序列化接口 提供便捷的静
2026-03-20 09:23:39
223
原创 后端：01-项目初始化
本文介绍了如何初始化一个基于Spring Boot的多模块项目架构。主要内容包括： 多模块架构的优势分析 对比单模块项目，多模块具有职责分离、依赖管理清晰、复用性强等优势 通过模块化设计提高团队协作效率和代码复用性 项目模块划分方案 采用四层结构：common(公共模块)、api(接口定义)、service(业务逻辑)、web(控制器) 详细说明了各模块的职责和依赖关系 父工程创建步骤 演示如何创建父pom.xml文件 关键配置说明：继承Spring Boot父工程、定义项目坐标、设置打包类型等 版本管理机
2026-03-20 09:23:29
286
原创 后端：00-环境准备
本文详细介绍了Java开发环境的搭建步骤，包括JDK 17、Maven 3.8+和MySQL 8.0的安装配置过程。首先说明了选择JDK 17作为长期支持版本的优势，并提供了Oracle JDK和OpenJDK两种下载方式。接着指导Maven的安装和阿里云镜像配置以提高依赖下载速度。然后详细讲解了MySQL 8.0的解压安装、服务初始化和密码修改方法。最后推荐使用IntelliJ IDEA作为开发工具，并列出常用插件清单。文章通过创建测试项目和数据库连接验证的方式确保环境配置正确，为后续Java开发做好准备
2026-03-20 09:23:19
283
原创 后端：00-教程目录
本教程基于已实现的智慧农业管理系统，采用渐进式教学方式，每章代码可独立运行。教程涵盖Spring Boot 3.2.3、MyBatis-Plus、JWT和阿里百炼AI等技术栈，从环境准备到系统实现，包含用户认证、多租户、AI识别、灌溉施肥建议等16个核心模块开发。每章提供学习目标、核心概念和预计时间，适合具备Java基础的学习者逐步掌握企业级项目开发技能。教程代码完整可运行，学完后可独立开发Spring Boot后端项目。
2026-03-20 09:23:12
257
原创 后端：第十四章-导入导出模块
摘要 本章开发了知识库文档的导入导出功能模块。导入功能支持Markdown、HTML、纯文本等多种格式文件，采用双轨存储策略：原始文件保存到MinIO，同时转换为HTML格式存储到数据库。导出功能支持Markdown、HTML和ZIP打包导出。核心实现包括导入服务接口、文件验证逻辑、格式转换处理，以及通过REST API提供导入端点。系统设置了文件大小限制(10MB)和格式白名单，确保安全可靠的文件导入操作。
2026-03-19 09:36:25
81
原创 后端：第十三章-任务模块
本章摘要：本章主要介绍任务管理模块的开发，包含任务创建、状态跟踪和优先级设置等功能。首先设计了任务数据库表结构，包含任务标题、描述、优先级、状态、截止日期等字段。然后实现了任务实体类、DTO数据传输对象、服务接口和控制器，提供任务的增删改查、状态更新和进度管理等功能。整个模块采用分层架构设计，支持用户创建学习/工作任务并跟踪进度。
2026-03-19 09:36:09
61
原创 后端：第十二章-评论模块
本章介绍了文档评论模块的开发，包括文档级和块级评论功能。主要内容有：1)创建了文档评论表和块评论表，存储评论数据；2)设计了评论实体类和服务接口，支持评论添加、查询、删除和解决状态管理；3)实现了块级评论功能，允许用户对特定文本块进行讨论。该模块增强了文档协作能力，支持评论嵌套回复和解决状态标记，为团队知识共享提供了交互渠道。
2026-03-19 09:36:02
56
原创 后端：第十一章-思维导图模块
本章介绍了思维导图模块的开发，包括功能概述、数据结构设计、数据库表创建以及核心代码实现。思维导图支持创建、编辑节点、调整布局等功能，采用树形JSON结构存储数据。开发了MindMap实体类、DTO数据传输对象和VO视图对象，并设计了服务接口包含创建、更新、删除和查询功能。通过MyBatis Plus实现数据库操作，为知识管理提供可视化思维整理工具。
2026-03-19 09:35:54
127
原创 后端：第十章-AI智能模块
摘要 本章介绍AI智能模块开发，重点实现基于Milvus向量数据库和RAG技术的知识问答系统。主要内容包括： 功能架构：采用RAG技术实现文档向量化存储、语义搜索和智能问答 Milvus安装：使用Docker Compose部署Milvus及其依赖组件(etcd、MinIO) 系统集成： 添加Java SDK依赖 配置连接参数 定义向量服务接口(创建集合、索引文档、相似度搜索等) 技术特点：支持十亿级向量检索，提供多种索引算法，采用分布式架构 该系统可将用户问题转化为向量查询，检索相关文档后由大模型生成回答
2026-03-19 09:35:23
220
原创 后端：第九章-收藏管理模块
本章开发了知识管理系统的收藏管理模块，主要包括收藏功能和收藏夹分类功能。通过创建收藏表(kb_favorite)和收藏夹分类表(kb_favorite_folder)实现数据存储，用户可将文档、知识库或文件夹添加到收藏夹并进行分类管理。技术实现上，设计了Favorite和FavoriteFolder实体类、FavoriteCreateDTO数据传输对象以及FavoriteVO视图对象，支持添加/取消收藏、分类管理等核心功能。该模块采用唯一索引确保用户对同一项目只能收藏一次，并通过外键关联实现与用户、文档等实
2026-03-19 09:35:14
156
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人