基于springboot+vue实现的食物营养分析与推荐网站 （源码+L文+ppt）43-18

  

摘  要

食物营养分析与推荐网站是一个综合性的在线平台，它汇集了各类食材的详细营养数据，为用户提供深入的食物营养分析。通过输入个人需求和健康状况，网站能够智能生成个性化的饮食建议，帮助用户更好地规划日常饮食，实现营养均衡。此外，网站还提供丰富的食物营养和美食资讯，帮助用户提升营养意识，享受更加健康的生活方式。

系统采用基于Java语言网站开发技术设计的，结合Mysql数据库管理系统对食物营养分析相关信息进行管理。按照软件工程学理论完成各阶段设计，经过调试测试达到了管理食物营养分析与推荐的能力。满足了管理员和用户的需要。论文从系统开发过程概述、开发工具简介、系统总体设计、系统开发、软件测试等几个方面进行了介绍。最后总结了系统开发的得失。

关键词：食物营养；java技术；springboot框架；Mysql；

4 系统总体设计

4.1系统功能结构设计图

根据需求说明设计系统各功能模块。采用模块化设计方法实现一个复杂结构进行简化，分成一个个小的容易解决的板块，然后再将小的板块继续分化成功能单一的更小模块。模块化设计方法使测试调试、维护更容易，减少模块间的干扰。各模块可以同时开发提高开发效率。本系统功能结构图：

图 4-1系统功能结构图

4.2.3 系统数据表设计（共13张表）

数据库表的设计通常是根据业务逻辑设置的。数据库模型在数据库中设计，并根据模型创建数据库表。数据库包含以下数据表来实现对数据库的存储和调用。以下是每个数据表的字段名称、类型、长度、字段说明、主键和默认值。

表4-1：饮食计划

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yinshijihua	varchar	200	饮食计划
shouzhongrenqun	varchar	200	受众人群
jihuaneirong	longtext	4294967295	计划内容
jihuatupian	longtext	4294967295	计划图片
storeupnum	int		收藏数		0

表4-2：营养评估

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
tizhong	varchar	200	体重/kg
shengao	varchar	200	身高/cm
yinshixiguan	varchar	200	饮食习惯
tijiaoshijian	varchar	200	提交时间
zhanghao	varchar	200	账号
xingming	varchar	200	姓名
shouji	varchar	200	手机
touxiang	longtext	4294967295	头像
yingyangpinggu	longtext	4294967295	营养评估
jiankangzhuangtai	varchar	200	健康状态
gaishanjianyi	longtext	4294967295	改善建议
pinggushijian	datetime		评估时间

。

。

。

。

表4-13：社交互动

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	帖子标题
content	longtext	4294967295	帖子内容
parentid	bigint		父节点id
userid	bigint		用户id
username	varchar	200	用户名
avatarurl	longtext	4294967295	头像
isdone	varchar	200	状态
istop	int		是否置顶		0
toptime	datetime		置顶时间

4.3小结

本章刚开始总结了整个系统的总体功能，以树型图展示出来，使得看上去更加清晰明朗，而后介绍了每一个模型的属性和对数据库表的设计。

5 系统详细设计与实现

按照软件工程的流程来说，在系统的详细设计与实现阶段，要把模块、视图、模板进行相应的组合完成一个个所需的功能，此章将会把设计中模块一一说明如何设计和实现的。

5.1前台功能实现

5.1.1系统首页注册页面

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

图5-1 系统首页界面

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

图5-2系统注册页面

食物营养：在食物营养页面输入食物进行查询，可以查看到食物营养详细信息，并根据需要进行收藏等操作；食物营养页面如图5-3所示：

图5-3食物营养详细页面

美食资讯：在美食资讯页面中输标题进行搜索，可以查看到美食资讯详细信息，并根据需要进行点赞或收藏等操作；美食资讯页面如图5-4所示：

图5-4美食资讯详细页面

5.1.2个人中心

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

图5-5个人中心界面

5.2管理员功能实现

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

图5-6 管理员登录界面

管理员进入主页面，主要功能包括对用户管理、食物营养管理、系统管理、我的信息等进行操作。管理员主页面如图5-7所示：

图5-7管理员主界面

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

图5-8用户界面

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

图5-9食物营养界面

点击领取源码