基于springboot+vue实现的农场管理平台 （源码+L文+ppt）4-110

  

第四章 系统设计

4.1 系统总体结构设计

本系统是基于B/S架构的网站系统，分为系统前台和系统后台，前台主要是提供给注册用户和未注册登录的游客使用的，包括网站首页、农业生产资料、农业质量方法、农业种植计划、农业新闻、通知公告、在线咨询、个人中心等；后台是给系统管理员使用的，可以全方面的对系统的资讯进行实时的更新，对系统进行实时的维护。它的主要功能包括用户管理、资料分类管理、方法分类管理、计划分类管理、新闻分类管理、农业生产资料管理、农业质量方法管理、农业种植计划管理、农场新闻管理、系统管理、我的信息等。系统总体结构图如下所示：

图4-1 系统总体结构图

4.2.2 数据库表设计(共21张表)

在 Mysql 2000 云数据库、网络后台数据库 等软硬件支持下，建立数据库表，不同数据表结构中存在字段名称、类型、长度、字段说明、主键和默认值等详细内容，具体数据库表信息如下表所示。

表4-1：配置文件

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
name	varchar	100	配置参数名称
value	varchar	100	配置参数值
url	varchar	500	url

表4-2：农业生产资料

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
ziliaomingcheng	varchar	200	资料名称
ziliaofenlei	varchar	200	资料分类
ziliaofengmian	longtext	4294967295	资料封面
diqu	varchar	200	地区
laiyuan	varchar	200	来源
faburiqi	date		发布日期
ziliaofujian	longtext	4294967295	资料附件
ziliaoneirong	longtext	4294967295	资料内容
discussnum	int		评论数		0
storeupnum	int		收藏数		0

此处省略19张表。。。

表4-20：计划分类

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
jihuafenlei	varchar	200	计划分类
image	longtext	4294967295	图片

表4-21：方法分类

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
fangfafenlei	varchar	200	方法分类
image	longtext	4294967295	图片

第五章 详细设计与实现

本系统采用了java和Mysql相结合的结构，以及基于客户端管理模式即B/S模式，设计开发了这款基于SPRINGBOOT框架的农场管理平台。在配置文件中添加了编码方式来解决代码中中文的问题，本系统的设计开发，将CSS代码写在一个文件夹中，这样每个网页设计时，可以直接调用，既省时又省力。编写代码时，可以一边看着设计界面，一边编写CSS样式，为设计开发过程减轻了负担。

5.1前台功能实现

5.1.1系统首页页面

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示：

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。系统注册页面如图5-2所示：

图5-2系统注册页面

农业生产资料：在农业生产资料页面的输入栏中输入资料名称、地区或资料附件进行查询，可以查看到农业生产资料详情信息，并进行收藏、下载或评论操作；农业生产资料页面如图5-3所示：

图5-3 农业生产资料详细页面

5.1.2个人中心

个人中心：在个人中心页面可以对个人中心、修改密码、我的收藏进行详细操作；如图5-4所示：

图5-4个人中心界面

5.2管理员功能实现

在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。管理员登录界面图5-5所示。 

图5-5 管理员登录界面

管理员进入主页面，主要功能包括对用户管理、资料分类管理、方法分类管理、计划分类管理、新闻分类管理、农业生产资料管理、农业质量方法管理、农业种植计划管理、农场新闻管理、系统管理、我的信息等进行操作。管理员主页面如图5-6所示：

图5-6管理员主界面

用户管理功能在视图层（view层）进行交互，比如点击“查询、添加或删除”按钮或填写用户信息表单。这些用户表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户功能可以看到最新的信息或相应的操作反馈。用户界面如图5-7所示：

图5-7用户管理界面

资料分类管理功能在视图层（view层）进行交互，比如点击“查询、添加或删除”按钮或填写资料分类表单。这些资料分类表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如查看、修改或删除资料分类信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便资料分类管理功能可以看到最新的信息或相应的操作反馈。资料分类管理界面如图5-8所示：

图5-8资料分类管理界面

管理员点击方法分类管理。进入方法分类页面输入方法分类进行查询、添加或删除方法分类详细信息。并进行查看、修改或删除操作。如图5-9所示：

图5-9方法分类管理界面

管理员点击计划分类管理。进入计划分类页面输入计划分类进行查询、添加或删除计划分类详细信息。并进行查看、修改或删除操作。如图5-10所示：

图5-10计划分类管理界面

管理员点击农业生产资料管理。进入农业生产资料页面输入资料名称、地区或资料附件进行查询、添加或删除农业生产资料详细信息。并进行查看、修改、查看评论或删除操作。如图5-11所示：

图5-11农业生产资料管理界面

点击领取源码