【家庭饮食营养管理系统设计12000字（论文）】

III2相关知识介绍2.1Java技术Java语言是Sun公司开发的。Java技术是现如今社会上非常重要的技术，它的主要功能是对计算机进行编程，是当今计算机技术中的一种重要开发语言。Java语言主要具有以下特征。可移植性：该程序无需修改即可在不同的系统上运行，即可以编译一次并在任何地方运行。面向对象：Java是一种面向对象的编程语言形式开发编程语言,它对对象中的类、对象、多态、继承、封装、接口、包等均提供的支持。安全性：Java通常被广泛用在各种网络安全环境中，为此除了使用Java编程语言作为开发者的语言本身具有许多的安全保护特性以外，Java还对分配不同非同一的安全名字作为空间使用以防止类替代本地的其他同名安全类，并且还包含安全保护管理层和监管升级机制。高性能：Java语言通过支持高效的多线程字节码来提高语言的性能。动态特性：无论系统环境如何发生变化，Java程序也都可以稳定地运行。java通过"滞后联编"来实现支持类库的升级，工作人员不需要再次编译自己所对应的类库和服务器，便可以直接使用升级后新添加的类库和服务器功能。通过使用特殊的applet，新的数据类型可以直接提供给开发者和编程人员使用，从而实现了让程序员真正具备"即插即用"的软件模块功能。计算分布式：Java语言支持数据、操作分布。稳定性：Java提供字节码检查机制和自动的“内存垃圾”收集功能，使得系统能够安全稳定和谐地运行[3]。另外，Java相似于C++，但它又是一种全新的语言，有着C++所没有的特性。Java语言因其方便、快捷、稳定的特性，打破了C++和C语言在编程语言中的主导地位。Java语言在编程语言中的地位已然得到了全世界范围内的肯定，它非常适合用于网络应用设计程序的开发，编程语言使用Java语言已经是一种潮流，各个程序员开发软件会优先考虑使用Java语言，目前市场上有许多软件都是在Java语言的开发基础上进行开发的[4]。2.2Mysql数据库Mysql是一个数据库管理系统，具有多用户、多线程的特点，它使用标准的SQL语句作为数据库的访问语言，SQL是当今世界上运行最快的数据库语言之一。数据库管理系统是一种基于SQL的客户端和服务器模型之间的关系。它还具有功能强大、信息存储量大、稳定安全、效率高、跨平台等优点，并且Mysql的运行速度快、操作简单、通俗易懂，初学者可以快速入门，因此大量Web站点或应用软件选择用Mysql作为后端数据库[5]。Mysql是一个开源软件。它的主要目的是对数据进行编码和查询。数据是存放在各种类型的表中，而非一个大仓库，这种存放方式大大提高了系统的运行效率。换句话说，数据库好比一个能存放数据的仓库，但是数据存储是在计算机上而不是真实的仓库中，并且数据以固定格式存储，并非毫无逻辑。有关人员进行相关的管理工作可以保证数据库系统的安全稳定地运行。使用Mysql数据库时，只需编写一小段数据即可实现相应的功能。因此，许多网站开发人员后台数据库会选择Mysql数据库[6]。2.3B/S结构B/S体系结构的全名是BROWSER/SERVER（浏览器/服务器），该结构不需要安装其他程序，可以通过Web浏览器使用，即客户端有浏览器可使用，服务器上有数据库（SQLServer、Mysql、Oracle），是一种从C/S体系结构进行改进的而得到的程序体系结构。由于系统功能的核心部分放在后端数据库上，所以系统的开发和维护难度不大。BROWSER/SERVER架构的开发方式为用户带来了许多方便，客户不需要对客户端进行升级，只需要将服务器进行升级便可，版本在任意时间更新，是一种不受时间及地域等方面限制开发的程序系统[7]。与两层C/S结构相比，B/S结构具有视图层，逻辑层和数据层三层。用户与后台之间的交互完成之后，通过视图层输出最终查询结果。逻辑层使用服务器完成客户端的应用逻辑功能。数据层则专门负责处理用户的请求。B/S体系结构具有广泛的应用程序和强大的功能，以及简单化的客户端处理方式，可以大大减少系统的开发所需要的成本，且能够提高系统的性能[8]。2.4SSM框架“SSM组合框架”是Spring+SpringMVC+MyBatis的缩写，“联合的SSM框架”是一种团队精神，即团结力量，履行职责，相互配合和互补。Web项目框架涉及的技术包括：数据库，计算机网络，前端和后端开发，前端和后端框架，Web应用程序服务器，负载平衡，大量并发访问以及运行速度快。Spring属于轻量级的反转控制框架（IoC），但它同时也是一个面向表面的容器（AOP）[9]。SpringMVC负责针对视图层数据管理进行监管，支持前端层对前台视图请求的实时转发，以及下发和对控制层的操控。这种去耦处理使得更容易个性化整个系统。MyBatis负责对持久层的数据管理进行监管以及对作为数据业务对象管理进行数据持久化，它主要负责完成Java程序与数据库间的交互。由于大规模JavaWeb应用程序的开发成本高昂，开发后维护难度较高，而采用这种允许建立业务层次结构的“SSM组合框架”，可以为该问题提供很好的解决方案[10]。3系统分析制作一个系统的第一步是要对系统先进行分析，对系统进行详细分析才能为日后系统的设计打下坚实基础。3.1可行性分析家庭饮食营养管理的主要目标是实现在线家庭饮食相关信息管理服务。在确定了大致的目标之后，分别从技术、操作、经济及法律四个方面对是否可以达到系统预期的目标进行了可行性分析。3.1.1技术可行性家庭饮食营养管理系统基于B/S模式，开发语言选择Java语言，后台数据库选用Mysql数据库。应用程序的开发需要拥有完备的功能以及简单的使用特性，同时也需要建立一个数据库保证存储数据的安全完整性。工作人员对这些技术掌握程度较高，家庭饮食营养管理系统的开发在技术上可行性较高。3.1.2操作可行性家庭饮食营养管理系统的登录界面非常简易，是一种常见的系统运行界面窗口。只要用户可以操作计算机，就能使用该系统一系列功能。该系统采用Java语言进行开发，基于B/S模式，运用SSM组合框架，这些环境都为此后系统的开发铺平了道路。该系统具有管理便捷、操作易上手、良好的交互性等优点。家庭饮食营养管理的开发在操作上具有较高可行性。3.1.3经济可行性家庭饮食营养管理系统基于B/S模式，后台数据库选择Mysql数据库，开发此程序用到的硬件、软件环境是市面上非常常见的，开发工具也很容易在各大相应官网下载使用。一个程序开发的最重要的工作便是对系统进行开发及后期的维护，此系统比较简单，对开发人力及财力的需求较少，且开发所需时间成本小，在经济上，开发此系统是可行的。3.1.4法律可行性该家庭饮食营养管理系统是自己分析设计的系统，意义重大，所采用的软件和数据库均属于开源代码，在开发过程中不存在侵犯他人权益的问题，从这个角度来说，不存在违法的问题是可行的。总而言之，家庭饮食营养管理系统不仅在技术、经济、操作方面具有很高可行性，而且也不触犯国家规定的法律法规，因此可以对此系统进行开发。3.2系统流程分析3.2.1系统开发流程 开始总体设计（结构、功能、数据）需求分析详细设计（模块、编码）模块整合与调用测试、扩展、完善结束系统开发首先是先对系统进行分析，由分析所得的结果先对系统进行总体设计，开始总体设计（结构、功能、数据）需求分析详细设计（模块、编码）模块整合与调用测试、扩展、完善结束图3.1系统开发流程图3.2.2用户登录流程用户要进入系统后才可以进行更多的操作，家庭饮食营养管理系统的用户登录系统流程图如图3.2所示。开始开始输入用户名、密码等信息选择权限用户名、密码是否为空用户名、密码等是否正确是提示信息不正确否登录成功结束否是提示信息不能为空图3.2登录流程图3.2.3系统操作流程开始系统登录界面输入用户名、密码信息是否正确开始系统登录界面输入用户名、密码信息是否正确功能界面功能处理结束数据库信息错误否是图3.3系统操作流程图3.2.4添加信息流程管理员可以在该系统新增信息，例如饮食信息，用户在相应权限范围内也能进行这一操作。这一操作执行完之后，数据库立即对这些信息做出判断。若所输开始输入数据是否合法写入数据库结束否开始输入数据是否合法写入数据库结束否图3.4添加信息流程图3.2.5修改信息流程开始选择需要修改记录输入数据是否合法写入数据库结束是否开始选择需要修改记录输入数据是否合法写入数据库结束是否图3.5修改信息流程图3.2.6删除信息流程管理员可以删除家庭饮食等信息。选中要删除的信息后，点击删除，系统将提示是否确定。若点击“确定”，系统将删除所选信息，同时后台数据库把此条数据删除，流程如图3.6所示。开始开始选择需要删除记录是否删除结束更新数据库是否图3.6删除信息流程图3.3系统功能分析3.3.1管理员模块管理员个人中心用户管理食物分类管理饮食信息管理饮食记录管理留言板管理论坛中心系统管理管理员登录后端管理员个人中心用户管理食物分类管理饮食信息管理饮食记录管理留言板管理论坛中心系统管理图3.7管理员模块功能3.3.2用户模块用户进入系统可以进行相应操作。主要功能有：首页、饮食信息、饮食记录、论坛中心等。用户模块功能如图3.8所示。首页首页饮食信息饮食记录论坛中心我的用户图3.8用户模块功能3.4本章小结本章节从技术、操作、经济、法律四个方面说明了此系统的可行性，并说明了此系统的开发流程，以及登录、添加、修改和删除功能的流程图，最后从管理员和用户的角度，说明了双方可操作的功能。4系统设计4.1系统概述客户端Web服务器数据库检索请求回发验证传送执行过程系统分析之后，便到了系统设计的环节。设计环节首先对系统进行总体设计，系统总体设计可以说是一个系统设计的基本，并且执行一个项目可以进行多个总体设计，同时这也只是对系统进行的一个大概设计，完成对系统的总体设计后，可以粗略地划分程序各模块及其预计实现的功能。系统的设计需要进行大量比较，例如性能、成本以及效益比较，最终确定客户端Web服务器数据库检索请求回发验证传送执行过程图4.1系统工作原理图4.2系统结构设计家庭饮食营养管理用户模块管理模块首页个人中心用户管理饮食信息家庭饮食营养管理用户模块管理模块首页个人中心用户管理饮食信息饮食记录论坛中心我的首页食物分类管理饮食信息管理饮食记录管理留言板管理论坛中心系统管理图4.2系统结构图4.3数据库设计数据库是计算机系统的关键核心，数据库的设计的好坏影响着系统各部分功能是否能正常运行，对整个系统的质量和性能有着直接影响。4.3.1数据库设计原则数据库的模块设计采用实体—联系（E-R）模型。E-R模型法由实体、属性和联系三部分构成，E-R模型通过E-R图进行表示，该图构建起各个事物间的联系，属性描述的是各个实体的特性。在系统设计当中数据库影响着系统设计的优劣，下面将说明几个关键实体—关系图。4.3.2数据库实体数据模型中的实体（实例），是现实社会客观存在的事物，是一类事物的合集，可具体到每一类事物的每一个体，或者具体到每一群体的每个人。本系统的E-R图如下图所示：食物名称食物分类食物图片食物功能食物信息管理（1）食物名称食物分类食物图片食物功能食物信息管理图4.3食物信息管理E-R图（2）用户管理包含用户的各个信息，用户管理实体图如图4.4所示：账号账号密码姓名性别身份证电话备注用户管理图4.4用户管理E-R图4.3.3数据库表设计由设计数据库所构建的E-R图，可以得到各个部分详细的表结构。该系统后台数据库共包含了8个数据表，本系统下面介绍数据库中的各个表的详细信息。（1）用户表，存储用户的账号密码信息。如表4.1所示:表4.1users表列名数据类型长度主键允许空idint20是否usernamevarchar100否否paaswordvarchar100否否rolevarchar100否否addtimevarchar一否否（2）食物信息表，如表4.2所示。表4.2shiwuxinxi表列名数据类型长度主键允许空idint20是否addtimevarchar一否否shiwumingchengvarchar200否否shiwufenleivarchar200否否shiwutupianvarchar200否否shiwugongnengvarchar200否否shiwujieshaovarchar一否否（3）食物信息分类表，如表4.3所示。表4.3shiwufenlei表列名数据类型长度主键允许空idint20是否addtimevarchar一否否shiwufenleivarchar200否否饮食信息表，存储用户的饮食习惯，如表4.4所示。表4.4yinshixinxi表列名数据类型长度主键允许空idbigint20是否addtimevarchar一否否yinshimingchengvarchar200否否shiwufenleivarchar200否否yinshitupianvarchar200否否shipinneirongvarchar200否否yinshixiangqingvarchar一否否clicktimevarchar一否否clicknumint11否否（5）饮食记录表，如表4.5所示。表4.5yinshijilu表列名数据类型长度主键允许空idint20是否addtimevarchar一否否jilumingchengvarchar200否否jiluleixingvarchar200否否jilutupianvarchar200否否yinshineirongvarchar一否否yinshireliangvarchar200否否beizhuxinxivarchar200否否jilushijianvarchar一否否yonghumingvarchar200否否sfshvarchar200否否shhfvarchar一否否（6）论坛中心表，存储用户间的交流信息。如表4.6所示。表4.6forum表列名数据类型长度主键允许空idint20是否addtimevarchar一否否titlevarchar200否否contentvarchar20否否parentidvarchar20否否useridvarchar200否否usernamevarchar200否否isdonevarchar一否否（7）留言板，存储用户的留言信息、回复信息，如表4.7所示。表4.7messages表列名数据类型长度主键允许空idint20是否addtimevarchar一否否useridvarchar20否否usernamevarchar200否否contentvarchar一否否replyvarchar一否否（8）公告信息表，存储管理员发布的信息，如表4.8所示。表4.8news表列名数据类型长度主键允许空idint20是否addtimevarchar一否否titlevarchar200否否introductionvarchar一否否picturevarchar200否否contentvarchar一否否4.4物理结构设计数据库在物理设备上的存储结构和存储方法称为数据库的物理结构，它依赖于给定的计算机系统。数据库物理结构设计就是为设计好的逻辑数据模型选择最适合的应用环境。换句话说，就是能够在应用环境的物理设备上，由全局逻辑数据模型产生一个能在待定的DBMS上实现的关系数据库模式。本系统的数据表的物理结构如下。图4.1用户表图4.2食物信息表图4.3食物分类表图4.4饮食信息表图4.5饮食记录表图4.6论坛中心表图4.7留言板表图4.8公告信息表4.5本章小结这一部分是该系统的设计环节，先对系统进行了总体设计，再详细到系统各个模块的功能设计，并且设计了与各模块对应的数据库。为下文系统的进一步设计打好了基础。5详细设计及编码实现5.1工作流程管理员在登录界面管理输入用户名、密码进入系统。具体实现是：用户输入账号、密码信息之后，后端数据库会立刻以该数据为查询条件在数据库中查询是否有该用户的存在。后端数据库user表存储着用户的账号密码信息，该前端管理员账号使用abo，密码设定为abo，使用springMVC框架介绍这两个参数。然后我们以这两个参数为Where条件去数据库中的user表中查询相应的记录。如果有对应的记录则登录成功,随即则跳转至管理监管员界面页面。实现代码和运行结果如下。 </view> <viewclass="uni-form-itemuni-column"> <inputv-model="username":style='{"borderColor":"rgba(255,255,0,1)","backgroundColor":"#fff","borderRadius":"16rpx","color":"#333","textAlign":"left","borderWidth":"4rpx","fontSize":"28rpx","borderStyle":"solid","height":"88rpx"}'type="text"class="uni-input"name=""placeholder="请输入账号"/> </view> <viewclass="uni-form-itemuni-column"> <inputv-model="password":style='{"borderColor":"rgba(255,255,0,1)","backgroundColor":"#fff","borderRadius":"16rpx","color":"#333","textAlign":"left","borderWidth":"4rpx","fontSize":"28rpx","borderStyle":"solid","height":"88rpx"}'type="password"class="uni-input"name=""placeholder="请输入密码"/> </view>

图5.1登录界面5.2系统详细设计及实现5.2.1用户管理用户管理监管功能主要有用关键词查找用户、新增用户、修改用户信息及删除用户。具体操作是：关于查找功能，主要利用的是SQL语句中的like查询关键字来实现的,后台接受到前端前台传递的数据。使用该数据在数据库的yonghu表中的yonghuming字段进行模糊查询,并将所得的数据呈现在前端前台页面上。接下来完成新增的功能：由于管理员操作页面提供了新增功能，管理监管员只需要输入相关数据，再点击提交后，由前端前台页面将该数据提交给后端，后端利用springMVC接收该数据,并以该数据为条件在数据库yonghu表中插入一条数据。接下来完成修改操作与删除操作，由于所采用的是不直接删除去除数据而是采用假删除去除模式，以前端页面提供的类目id为Where条件在数据库的yonghu表中分别修改改换yonghuming为新数据以及将isDelete字段由0该为1。部分关键代码及运行界面如下。<viewv-if="queryIndex==0"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.yonghuming"type="text"placeholder="用户名"></input> </view> <viewv-if="queryIndex==1"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.xingming"type="text"placeholder="姓名"></input> </view> <viewclass="action"> <button@tap="search":style="{width:'auto',borderRadius:'8rpx',height:'80rpx',fontSize:'28rpx',color:'#fff',backgroundColor:btnColor[0],borderColor:btnColor[0]}"class="cu-btnshadow-blurround">搜索</button> space-between;"> <textv-if="isAuth('yonghu','修改')"class="cuIcon-edit"@click.stop="onUpdateTap(product.id)">修改</text> <textv-if="isAuth('yonghu','删除')"class="cuIcon-delete"@click.stop="onDeleteTap(product.id)">删除</text> </view>图5.2用户管理界面图5.2.2食物分类管理食物分类管理实现的功能有可以查看食物分类的详情，新增、以及修改或删除食物信息。利用SQL语句中的like查询关键字实现查找功能,后台接受到前端前台传递的数据。使用该数据在数据库的shiwufenlei表中的shiwufenlei字段进行模糊查询,并将所得的数据呈现在前端前台页面上。关于新增功能，管理员输入相关数据之后，点击提交，后端会立即接收到这一操作，同时以该数据为条件在数据库中shiwufenlei表插入这一数据。点击修改按键，对相应部分进行修改然后提交之后，前端会提示操作成功，后台数据库会响应到这一操作，同时shiwufenlei表会更新相应字段数据。部分关键代码及运行界面如下。<viewv-if="queryIndex==0"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.shiwufenlei"type="text"placeholder="食物分类"></input> </view> <viewclass="action"> <button@tap="search":style="{width:'auto',borderRadius:'8rpx',height:'80rpx',fontSize:'28rpx',color:'#fff',backgroundColor:btnColor[0],borderColor:btnColor[0]}"class="cu-btnshadow-blurround">搜索</button> </view> </view> <viewclass="uni-product-list":style='{"borderRadius":0,"backgroundColor":"#efefef"}'> <view@tap="onDetailTap(product)"class="uni-product":style='{"borderRadius":"8rpx","backgroundColor":"rgba(255,255,255,1)"}'v-for="(product,index)inlist":key="index"> <viewstyle="display:flex;justify-content:space-between;"> <textv-if="isAuth('shiwufenlei','修改')"class="cuIcon-edit"@click.stop="onUpdateTap(product.id)">修改</text> <textv-if="isAuth('shiwufenlei','删除')"class="cuIcon-delete"@click.stop="onDeleteTap(product.id)">删除</text> </view>图5.3食物分类管理界面5.2.3食物信息管理食物信息管理实现的功能有查找食物信息、新增食物信息、修改及删除食物信息。使用该数据在数据库的shiwuxinxi表中的shiwumingcheng、shiwufenlei、shiwugongnneg任一字段进行模糊查询，后端利用springMVC接收数据执行查找功能，执行新增、修改及删除功能时，在执行相应操作并提交之后，前端提示操作成功，同时后端接收到操作数据在shiwuxinxi表中更新数据。部分关键代码及运行界面如下。<viewv-if="queryIndex==0"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.shiwumingcheng"type="text"placeholder="食物名称"></input> </view> <viewv-if="queryIndex==1"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.shiwufenlei"type="text"placeholder="食物分类"></input> </view> <viewv-if="queryIndex==2"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.shiwugongneng"type="text"placeholder="食物功能"></input> </view> <viewclass="action"> <button@tap="search":style="{width:'auto',borderRadius:'8rpx',height:'80rpx',fontSize:'28rpx',color:'#fff',backgroundColor:btnColor[0],borderColor:btnColor[0]}"class="cu-btnshadow-blurround">搜索</button> </view> </view><textv-if="isAuth('shiwuxinxi','修改')"class="cuIcon-edit"@click.stop="onUpdateTap(product.id)">修改</text> <textv-if="isAuth('shiwuxinxi','删除')"class="cuIcon-delete"@click.stop="onDeleteTap(product.id)">删除</text> </view> </view> </view> 图5.4食物信息管理界面5.2.4饮食信息管理饮食信息管理功能实现的功能有查找、新增、删除及修改饮食信息。利用SQL语句中的like查询关键字实现查找功能,后台接受到前端前台传递的数据。使用该数据在数据库的yinshixinxi表中的yinshimingcheng、shiwufenlei任一字段进行模糊查询,并将所得的数据呈现在前端前台页面上。执行新增、及修改功能操作之后，前端提示操作成功，同时后台数据库yinshixinxi表更新操作数据。点击删除按键，前端提示确定进行删除操作，点击确认，后台利用springMVC接收数据，同时在yinshixinxi表中删除这一记录。部分关键代码及运行界面如下。<viewv-if="queryIndex==0"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.yinshimingcheng"type="text"placeholder="饮食名称"></input> </view> <viewv-if="queryIndex==1"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.shiwufenlei"type="text"placeholder="食物分类"></input> </view> <viewclass="action"> <button@tap="search":style="{width:'auto',borderRadius:'8rpx',height:'80rpx',fontSize:'28rpx',color:'#fff',backgroundColor:btnColor[0],borderColor:btnColor[0]}"class="cu-btnshadow-blurround">搜索</button><textv-if="isAuth('yinshixinxi','修改')"class="cuIcon-edit"@click.stop="onUpdateTap(product.id)">修改</text> <textv-if="isAuth('yinshixinxi','删除')"class="cuIcon-delete"@click.stop="onDeleteTap(product.id)">删除</text> </view>图5.5饮食信息管理界面5.2.5饮食记录管理饮食记录管理实现的功能有查找、修改及删除饮食记录。部分关键代码及运行界面如下。利用SQL语句中的like进行模糊查询，以数据库中yinshijilu表中的jilumingcheng、jiluleixing任一字段为条件，后台接收到查询请求并执行这一操作将结果呈现到前端。点击修改，相应数据进行修改点击提交后，前端提示操作成功，数据库响应这一操作同时yinshijilu表中更新相应数据信息。点击删除按键，系统会提示是否确认执行这一操作，点击确认，后端数据库立即删除此条记录。部分关键代码及运行界面如下。<viewv-if="queryIndex==0"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.jilumingcheng"type="text"placeholder="记录名称"></input> </view> <viewv-if="queryIndex==1"class="search-formround"> <textclass="cuIcon-search"></text> <inputv-model="searchForm.jiluleixing"type="text"placeholder="记录类型"></input> </view> <viewclass="action"> <button@tap="search":style="{width:'auto',borderRadius:'8rpx',height:'80rpx',fontSize:'28rpx',color:'#fff',backgroundColor:btnColor[0],borderColor:btnColor[0]}"class="cu-btnshadow-blurround">搜索</button> </view> </view> <textv-if="isAuth('yinshijilu','修改')"class="cuIcon-edit"@click.stop="onUpdateTap(product.id)">修改</text> <textv-if="isAuth('yinshijilu','删除')"class="cuIcon-delete"@click.stop="onDeleteTap(product.id)">删除</text> </view>图5.6饮食记录管理界面5.2.6留言板管理留言板管理实现的功能有查找用户的留言内容、添加留言、修改、删除留言内容以及回复留言。以messages表中的yonghuming字段进行模糊查询，在前端输入所要查找的用户，后端接收到前端数据，将查询到的结果呈现到前端。执行添加及修改操作并提交后，后端接收请求同时更新messages表相应字段。管理员对用户的留言内容进行回复操作：点击回复进入到回复页面，输入回复内容，提交之后，messages表中的reply字段会更新内容，同时呈现到前端页面。部分关键代码及运行界面如下。<template> <viewclass="contentmy-publish-pv"> <form> <viewclass="cu-form-group"> <!--<view:style="userInfoForm.list.title"class="title">留言人</view>--> <input:style='{"boxShadow":"000pxrgba(0,0,0,.6)inset","backgroundColor":"rgba(255,255,255,0)","borderColor":"rgba(255,153,0,1)","borderRadius":"16rpx","color":"#333","textAlign":"left","borderWidth":"2rpx","fontSize":"28rpx","borderStyle":"solid","height":"88rpx"}'v-model="ruleForm.username"placeholder="留言人用户名"></input> </view> <viewclass="cu-form-group"> <!--<view:style="userInfoForm.list.title"class="title">留言内容</view>--> <textarea:style='{"boxShadow":"000pxrgba(0,0,0,.6)inset","backgroundColor":"rgba(255,255,255,0)","borderColor":"rgba(255,153,0,1)","borderRadius":"16rpx","color":"#333","borderWidth":"2rpx","fontSize":"28rpx","borderStyle":"solid","height":"300rpx"}'v-model="ruleForm.content"placeholder="留言内容"></textarea> </view> <viewclass="cu-form-group"style="text-align:center"> <button:style='{"boxShadow":"0016rpxrgba(0,0,0,0)inset","backgroundColor":"rgba(255,153,0,1)","borderColor":"rgba(255,153,0,1)","borderRadius":"8rpx","color":"#fff","borderWidth":"1","width":"100%","fontSize":"28rpx","borderStyle":"solid","height":"80rpx"}'@tap="onSubmitTap"class="bg-redmargin-tb-sm">提交</button> </view> </form> </view></template>图5.7留言板管理界面5.3本章小结这个环节对系统进行了详细设计，由后端管理员的角度，设计了管理员可操作的功能，主要有用户信息的管理、食物分类管理、食物信息管理、饮食信息管理、饮食记录管理、留言板管理。 6系统测试系统测试是系统开发过程的最后一个环节，测试的质量与程序的开发是否成功紧密相关。必须经过测试这一环节来完成客户对系统质量、性能和可靠性的要求。测试原则必须要求非常严谨、全面。测试是为了检查系统操作中是否存在错误，然后调整出现的问题，直到程序能能够顺利地运行为止。然而系统测试只是尽可能地降低错误发生的频率，要从根本上消除问题是很难做到。但是根据系统测试修改的程序，错误会更少，用户使用系统的体验感会更好。在应用程序开发过程中，有必要找出可能接近预期目标的问题，并及时更正这些问题。倘若早期不进行系统测试，系统中的错误将很难被发现，并且不会得到解决，最终将影响整个应用程序的运行，因此系统测试很有必要。系统测试占据了系统的大部分工作量，通过人工方式查找困难难度非常大，通常开发人员会利用一些测试工具对系统进行测试。6.1系统测试的意义当今社会网络信息技术发展飞速，互联网技术已被大量地应用于社会的各个方面。在应用网络技术的同时，人们也开始重视软件的质量，因为软件的性能决定了该系统能否立足于市场，因此开发人员必须高度重视软件的质量。系统的软件质量决定了后期用户的成本，因此对于用户而言，他们选择系统首先考虑的就是应用程序的质量是否能够得到保障。图6.1是纠错测试过程。系统系统测试数据测试结果错误信息改正信息期望结果测试评价纠错图6.1测试与纠错信息流程6.2测试方法具体测试方法：黑白盒测试。黑盒测试又被人们称作为功能测试，是一种在程序界面上进行测试的方法，主要包括同时接收和输出有关程序功能和使用情况的一些数据，正确输出信息，并确保外部信息不会出现不完整的情况。白盒测试也被人们称作为结构测试，主要负责找出编码错误的内容，用于软件测试，检查程序的各个模块。白盒测试方法又包括静态测试与动态测试。具体的功能测试包括：系统适用性，准确性，安全性和其他功能测试。6.3测试结果本系统经过系统测试后可以保证信息显示的完整及正确性，完成了系统设定的计划，增加、删除、修改等功能运行正常，与预期目标一致。（1）首页，用户进入系统可以在首页、饮食信息、饮食记录、论坛中心等界面进行相应操作。用户管理界面图如下图6.1所示。图6.1首页界面图（2）用户界面，用户可以对饮食记录、收藏管理、发帖内容及留言板内容进行新增、去除、改换以及查看等操作。用户界面图图如下图6.2所示。图6.2用户界面图（3）用户信息模块，用户在此页面可以修改用户名、密码、性别、头像、手机与邮箱等信息。详细界面如图6.3所示。图6.3用户信息界面图（4）饮食信息模块，用户可对食物分类、点击次数以及饮食详情进行查看，也可在相应饮食信息评论框中做出评论，饮食信息界面图如下图6.4所示.图6.4饮食信息界面图（5）饮食记录模块，用户可在此记录家庭成员的饮食习惯，包括记录名称、图片、类型与饮食热量等信息，详细界面如图6.5所示。图6.5饮食记录界面图6.4测试分析家庭饮食营养管理完成了对家庭成员信息的管理工作，在设计时参考各大网站设计的页面布局。此系统保证管理员和用户可以轻松进行操作。该系统具有以下特征。（1）家庭饮食营养管理具有较高的针对性和可移植性，良好的可移植性可使程序能够在多个系统上进行运行，客户使用体验极佳。（2）家庭饮食营养管理内容完整，便于管理，可以快速、全面地处理各种问题。大大减少由于使用者的草率操作而导致的诸多错误。其操作简单以及美观的页面可以满足家庭成员日常生活的需要。综上所述，所有基本功能均已完成，操作简单，系统运行安全稳定，界面布局良好，可以给用户带来极好的使用体验，有着广阔的发展前景。结束语本文大致阐述了本系统设计所用到的知识，从技术、操作、经济及法律这四个方面说明了家庭饮食营养管理的可行性，实现了由Java与Mysql数据库相结合构建的家庭饮食营养管理，该系统可在网站上进行响应式展示。实践证明，家庭饮食营养管理有着非常好的发展前景，随着计算机网络的不断发展与普及，以及人们对营养生活需求的不断提高，未来家庭饮食营养管理发展潜力巨大。测试运行以后，本系统各项功能均已实现，页面美观，操作容易。本系统将以用户需求为导向不断优化，结合用户使用习惯，在界面布局方面，提高色彩搭配技巧，使得系统更加美观。不断完善数据库，多多收集数据，使得家庭饮食营养管理更加专业。参考文献[1]葛建霞.《Java动态网页设计》家庭饮食中项目用户法的应用研究[J].宿州教育学院学报，2017，20（04）：160-161.[2]李丹.派遣信息网络管理平台设计与实现[J].软件导刊，2016，15(03):97-98.[3]殷兆麟，范宝德，朱长征.Java语言程序设计[M].北京：高等教育出版社，2002.[4]刘太银.计算机编程语言的选用技巧研究[J].电子世界.2021，(06):63-64.[5]张继东.Mysql数据库基于Java的访问技术[J].电子技术与软件工程，2017，15）：169.[6]王金龙，张静.基于Java+Mysql的高校慕课（MOOC）用户系统设计[J].通讯世界，2017，（20）：276-277.[7]付昕.基于B/S调度信息管理系统的实现[J].山东省农业管理干部学院学报，2010，27(4):166-168.[8]傅峰.基于移动平台的论坛管理系统的设计[J].电子设计工程,2016,24(09):66-68.[9]陈钊.SSM框架在Web应用开发中的设计与实现研究[J].电脑知识与技术，2021，17（10）：226-227.[10]赵钢.JavaServlet+EJB的Web模式应用研究[J].电子设计工程,2013,21(13):47-49.[11]黄艳峰.在Java语言中实施“案例医学会网站管理系统”的研究与探索[J].电脑知识与技术，2010，6(5):1148-1149.[12]曾晰，舒坚.基于Java的养老院管理信息系统的设计与实现[J].信息通信，2017,（09）：122-124.[13]李春燕，李根.基于Java技术的网络信息用户平台设计[J].电子技术与软件工程，2017，（20）：9.[14]王浩.基于Java技术的在线技能评测系统的设计与实现[J].数字技术与应用，2016,（12）：171-172.[15]肖英.解决Java/Servlet开发中的中文乱码问题[J].科技传播,2011,(1)11-25.[16]HsiaoIH，SosnovskyS,BrusilovskyP.Guidingstudentstotherightquestions:adaptivenavigationsupportinane-learningsystemforJavaprogramming[J].JournalofComputerAssistedLearning,2010,26(4):270-283.附录系统界面设计的关键代码如下。 "path":"pages/forum-index/forum-index", "style":{ "navigationBarBackgroundColor":"#FF9900", "navigationBarTextStyle":"white", "navigationBarTitleText":"首页" } },{ "path":"pages/forum-detail/forum-detail", "style":{ "navigationBarBackgroundColor":"#FF9900", "