基于jspm圆滚滚美食网站的设计与实现

weixin_MZ_ZXD001

于 2024-09-18 14:54:24 发布

阅读量832

点赞数 7

文章标签：美食 jquery html jsp mysql java ajax

本文链接：https://blog.csdn.net/weixin_MZ_ZXD001/article/details/142332973

版权

摘要

大数据时代下，数据呈爆炸式地增长。为了迎合信息化时代的潮流和信息化安全的要求，利用互联网服务于其他行业，促进生产，已经是成为一种势不可挡的趋势。在美食分享的要求下，开发一款整体式结构的圆滚滚美食网站，将复杂的系统进行拆分，能够实现对需求的变化快速响应、系统稳定性的保障，能保证平台可持续、规模化发展的要求。

本系统的前端界面涉及的技术主要有JSP， HTML，JQUERY等等，通过这些技术可以实现前端页面的美观和动态效果使之符合广大群众的审美观，后台主要使用的技术主要有Java编程语言，MySQL数据库，JSP和AJAX异步交互，根据AJAX异步模式的圆滚滚美食网站解决了传统管理方式所带来的人力、物力和时间上的虚耗和交流深度的限定，这让交流的过程更快捷、准确、便利，同时完成圆滚滚美食网站的基本功能：新闻数据管理、用户注册管理、菜谱分类管理、菜谱大全管理、采购订单管理、网红餐厅管理、餐厅订座管理、食材管理、美食达人打卡管理、数据备份。

关键词：美食分享；整体式结构；Java编程语言；MySQL数据库

The design and implementation of the Yuanrolling food website

Abstract

In the era of big data, data is growing explosively. In order to meet the trend of the information age and the requirements of information security, it has become an unstoppable trend to use the Internet to serve other industries and promote production. In the food sharing requirements, the development of an integrated structure of the round rolling food website, the complex system split, can realize the rapid response to the change of demand, system stability guarantee, can ensure the sustainable platform, scale development requirements.

The front-end interface of this system involves the main technology of JSP, HTML, JQUERY, and so on, through these technologies can achieve beautiful and dynamic effects of front page to make it conform to the broad masses of aesthetics, the background is mainly the use of technology mainly include the Java programming language, MySQL database, JSP and AJAX asynchronous interaction, according to the AJAX asynchronous mode of round food websites has solved the traditional management mode of manpower, material resources and waste of time and the depth of communication, the communication process more fast, accurate, convenient, complete round at the same time the basic function of food web site: News data management, user registration management, menu classification management, menu management, purchase order management, web celebrity restaurant management, restaurant reservation management, food material management, food experts punch card management, data backup.

Key words:Food sharing; Integral structure; Java programming language; The MySQL database

第1章绪论

1.1研究背景与意义

随着计算机技术与网络通信技术的大力发展与全面普及，计算机网络已经成为人们传递信息的重要途径之一。Web应用技术即为网络应用技术的一个重要方面。它具有沟通及时，检索迅速，使用方便，应用广泛等优点。Web技术也逐渐改变着人们的生活方式。比如，人们可以通过Web获取美食快讯、娱乐各方面的信息。民以食为天，随着生活水平的提高，人们不再仅满足于温饱，更追求美食享受。“吃货”、“好吃嘴”越来越多，如何为食客提供一个交流的途径是一个亟待解决和不断完善的问题。因此，搭建一个基于Web的美食网站的网站，可以方便食客分享美食文章、美食信息、美食菜谱。

1.2开发现状

据统计，外国在美食网站的制作方面做的很好，具有代表性的如Traveling Spoon和Foodiggity。前者是针对游客的美食网站，只需要输入旅游的目的地，网站就会自动检索出许许多多的当地美食信息，给游客提供了极大的帮助。后者是美国的一个饮食文化网站，它从饮食文化、饮食美食快讯、饮食产品和有趣的饮食方面来丰富人们日常生活中对于饮食的各种需求和探索，让食客们光从视觉上都感到享受，更不用说实物具有的诱惑力了。遗憾的是还有很多的美食资源没有被分享，导致它们很少有人知道或无人问津。

国内主要的美食网站例如美食天下，其分类功能很强大，大模块主要有菜谱大全、食材大全、饮食健康、专区/专题等，而且它还开发出了手机版本。在信息分享、用户交流等问题上解决得相当地好，可以说是国内美食网站的标榜。但是美食天下这个网站上缺少本地美食模块，这不利于游客和好吃嘴们到外地旅游时尽享美味。希望这个模块能早点实现开发出来，让美食们为人所知，也让食客们大饱眼福和口福。

1.3论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出圆滚滚美食网站。

本文共有七章，如下所示。

第一章概述了圆滚滚美食网站的研究目的和意义；精炼地总结了国内外在仓储领域的研究情况和未来的研究趋势，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对圆滚滚美食网站进行设计。

第五章对圆滚滚美食网站进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对圆滚滚美食网站采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

第2章开发工具及相关技术介绍

2.1Myeclipse描述

我们在利用Java来开发系统时通常采用的软件就是Myeclipse，它是用来设计Java, JavaEE的Eclipse插件的调集，采取了 Myeclipse大部分可以实现对MySQL的数据库和Javaee的研究和开发。用了Myeclipse很大的便利了开发人员，系统开发的进度也会得到一些提高[1][2]。

2.2MySQL描述

现在MySQL数据库在网络上它可以支撑许多个用户，而且也可以适应客服机和服务器的部署或者配置等，我们这里的服务器和客户机其实就是一种软件上的概念，并且我们使用的计算机硬件也与他们不存在一一对应的关系[3]。

MySQL是一款非常流行的关系型数据库管理系统，它的出现一直都是佼佼者，它不仅功能非常强大，而且使用起来非常方便，并且MySQL的跨平台能力也很好，软件开发人员非常喜欢它的这些强大的优点。不同于其他关系型数据库，对于数据库的管理它有着自己的一套方案，通过对用户设定相应的权限和角色来达到对数据库的管理。由此可见，MySQL是一个能够适用于吞吐量高，可靠性高，效率高的一款数据库管理软件[4]。

优点一：MySQL中对于不同身份的用户都设定其不同的权限来完成不同的业务逻辑，这使得MySQL在安全和完整性远远超出了其他关系型数据库。

优点二：对于那些动画、图形和声音的数据类型MySQL也可以支持，这说明多数据类型MySQL也是可以支持的。

优点三：MySQL还可以做到多个平台的开发，软件开发的多种编程语言都可以实现对MySQL数据库的操作[5] [6]。

2.3Tomcat描述

Tomcat是一个不收费的服务器。使用场景比较适合访问量比较少的情况下。意思就是，将Tomcat安装到电脑上的时候，前端HTML页面的访问请求可以通过它进行解析。实际上，Tomcat是对Apache的扩展，但它相对于Apache却是相对独立作业的，由此可以看作它与Apache 是相对独立进程运行的[7]。

Tomcat最开始是sun公司的戴维森进行开发应用的，经过他的努力，不断地将其变为开源的服务器。还由sun公司将其交给了Apache软件基金会。不断发展的tomcat服务器在最近的一个版本中进行了大量的重构和梳理，使其使用起来更加的方便。基于Tomcat负载均衡算法是一种开源的软件，实现方式[8]。不需要增加额外的硬件投入，实现起来也很方便，特别适用于一般的小企业网站服务器在现在和将来一段时间的扩展。从目前的实践来看，可作为需要进行类似应用的一个参考借鉴[9]。

2.4J2EE描述

人可以掌握多门外语，而一个计算机科学家精通的大多是编程语言，它不是人类的自然语言，比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范，所以Sun公司推出J2EE，用这个标准来解决弊病。它提供了良好的机制，让每个层次允许与之相对的服务器、组件运行，使得系统的搭建稳定可用、开发高效、维护方便[10]。

2.5Java描述

Java是一种平台性计算机语言技术，主要包括两部分：JAVA虚拟机（Java Virtual Machine，JVM）和JAVA API(Application Program Interface，应用接口编程) [11]。

个人对两种语言深入理解：C语言更多的是创造工具，而Java更多的是使用工具。我们知道Java很多的底层实现其实是通过C语言来实现的，所以更能看出这一点。在使用Java的过程中，我们需要会使用API文档，可以将其看做是Java的使用说明。Java面向对象的特性，使其有很多封装好的对象，在使用时，我们只要知道对象的行为（也是对象封装的方法），在这里要注意方法是静态方法还是常规方法，因为调用时，差距很大。未来肯定会有比Java更加人性化，更加容易开发的编程语言，但是肯定不可能完全迥异于Java语言，俗话说“他山之石，可以攻玉”，学好Java也可以方便我们更好的学习其它语言[12]。

2.6Java Been描述

Java Been是Java可复用的组件。JavaBeen类必须是公共调用的类，并且具有无参数的构造方法。JavaBean 还提供公共方法和属性。根据Java语言的语法规则，其属性名称符合这种模式，其它的Java 类可以通过自身特性操作这些JavaBean 的公共属性[13]。

第3章系统分析

3.1可行性分析

在软件开发的过程中系统的可行性分析是必不可少的，可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点，还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性，操作的可行性，经济的可行性对我们的系统进行可行性的研究。圆滚滚美食网站的可行性分析如下所示：

3.1.1技术可行性

圆滚滚美食网站采用的是Java编程语言并于JSP和SERVLET的模式，数据库部分采用的是当前流行的MYSQL数据库，圆滚滚美食网站中的所有数据资源都存储在MySQL数据库中，本系统多处采用了AJAX的异步操作，AJAX技术可以对用户指定部分的数据进行局部刷新，不仅减少了服务器对页面的解析而且极大增加了用户的体验度。本系统的环境配置也较为简单，因为用的是Myeclipse编辑器，而Myeclipse里面有自带的Tomcat服务器和JDK环境，因此不需要我们在重新配置。

本系统采用Java、MySQL来支持事务和数据逻辑用H5来做前台页面的显示。

HTML网页中的不同组成成分是采用标签的形式来进行标识的。以下是HTML的基本的组成布局：

图3-1 HTML基本构成图

3.1.2经济可行性

圆滚滚美食网站是在Java和MySQL的环境中运行的，而系统的成本也只是主要分布在软件的开发和维护上。但如果系统上线投入使用之后，不仅可以方便人们，还节省了用户的时间和精力，而且还极大限度的方便了运营者，减少了运营者的工作强度。圆滚滚美食网站其实也不太复杂，在开发的时候经济支出也不大，在开发系统时时间用的也不多，从时间的优势和对经济利益方面产生的好处远超过维护和管理的成本，所以开发此系统是可行合适的。

3.1.3操作可行性

本系统是基于浏览器和服务器的圆滚滚美食网站，系统开发完成之后用户只需要在浏览器中输入正确的URL地址即可进行访问。本系统的前台页面简单明了，在没有操作指导的情况下也可以进行操作，无论是系统管理员还是普通用户在页面中所有的操作都是在浏览器中完成的，因此只要电脑在有网络的情况下，打开浏览器都能操作。而且在使用之前也不用进行相关的环境配置，因此本系统方便、简单、易于使用，所以该系统是容易并且可操作的。

3.2需求分析

根据用户对系统的需求，要求系统简单操作，能够准确，完整的对信息进行管理。圆滚滚美食网站在对需求做解析后，整个系统主要分为两个部分：管理员和普通用户，每个模块下的分支功能不一样。对功能做出如下说明：

管理员模块：新闻数据管理、用户注册管理、菜谱分类管理、菜谱大全管理、采购订单管理、网红餐厅管理、餐厅订座管理、食材管理、美食达人打卡管理、数据备份。

用户模块：菜谱收藏、食材采购、网红餐厅订座、美食达人打卡、美食资讯、在线评论、美食视频播放、个人资料修改、餐厅订座查询、美食达人打卡发布、采购订单查询、在线支付。

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

图3-2 管理员用例图

根据用例图，对一些重要的用例进行描述。

注册用例描述如下表所示。

表3-1 注册用例描述

用例名称	注册
参与者	用户
描述	用户填写相关注册数据完成注册成为系统的用户
前置条件	无
后置条件	用户填写相关注册数据并且要注册的账号不存在与系统中
事件流	用户点击注册按钮用户填写相关注册数据用户确认并提交注册数据系统提示注册成功
补充说明	系统检测用户所输注册数据如不符合要求则提示并返回注册界面系统检测用户所输账号不可用或已存在与系统中则提示并返回注册界面

登录用例描述如下表所示。

表3-1 登录用例描述

用例名称	登录
参与者	用户
描述	用户填写用户名和密码登录系统
前置条件	用户拥有账号和密码
后置条件	用户名和密码都正确
事件流	（1）用户在登录页面输入用户名和密码（2）系统检测用户输入的用户名和密码是否正确（3）用户名和密码正确的话，显示登录成功并返回主页面
补充说明	（a）系统检查除密码不正确，返回登录页面

个人信息管理用例描述如下表所示。

表3-1 个人信息管理用例描述

用例名称	管理和修改个人信息
参与者	用户
描述	用户查看、修改个人信息
前置条件	用户已登录到系统中
后置条件	无
事件流	（1）用户查看个人信息（2）用户修改个人信息
补充说明	（a）用户可修改密码（b）用户可修改个人资料，例如姓名，头像等

评论用例描述如下表所示。

表3-1 评论用例描述

用例名称	评论
参与者	用户
描述	用户发表评论
前置条件	用户已登录
后置条件	评论内容不违规
事件流	（1）在评论页输入评论数据，提交评论（2）更新并显示评论板
补充说明	（a）评论内容不能为空

食材采购用例描述如下表所示。

表3-1 食材采购用例描述

用例名称	食材采购
参与者	用户
描述	用户执行食材采购操作
前置条件	用户已登录
后置条件	该食材存在，并且能被采购
事件流	（1）在食材页点击要采购的食材（2）填写食材采购表单
补充说明	（a）食材采购表单数据不能为空

餐厅订座用例描述如下表所示。

表3-1 餐厅订座用例描述

用例名称	餐厅订座
参与者	用户
描述	用户执行餐厅订座操作
前置条件	用户已登录
后置条件	该餐厅存在，并且能被订座
事件流	（1）在餐厅页点击要订座的餐厅（2）填写餐厅订座数据
补充说明	（a）餐厅订座表单数据不能为空

食材用例描述如下表所示。

表3-1 食材用例描述

用例名称	食材管理
参与者	用户
描述	用户提供新增、修改、删除、查阅等功能
前置条件	用户成功登录系统用户只能对已存在的食材进行修改和删除
后置条件	无
事件流	（1）用户查看修改食材（2）用户添加食材（3）用户删除食材
补充说明	（a）新添加的食材不符合要求时会添加失败（b）修改的食材不符合要求时会修改失败

餐厅用例描述如下表所示。

表3-1 餐厅用例描述

用例名称	餐厅管理
参与者	用户
描述	用户提供新增、修改、删除、查阅等功能
前置条件	用户成功登录系统用户只能对已存在的餐厅进行修改和删除
后置条件	无
事件流	（1）用户查看修改餐厅（2）用户添加餐厅（3）用户删除餐厅
补充说明	（a）新添加的餐厅不符合要求时会添加失败（b）修改的餐厅不符合要求时会修改失败

3.3系统业务流程分析

圆滚滚美食网站的业务流程如下图所示。

图3-3 系统业务流程图

管理员拥有最高权限，在对各项信息进行增加、删除、修改后会更新后台数据库的内容，用户在登录进行菜谱收藏、食材采购、网红餐厅订座、美食达人打卡、美食资讯、在线评论、美食视频播放、个人资料修改、餐厅订座查询、美食达人打卡发布、采购订单查询、在线支付等指令动作同样会更新后台数据。

3.4系统数据流程分析

与强调控制逻辑的程序流程图不同，它更关心的是整个系统中数据的具体流动以及数据的加工处理的整个客观过程，是对数据规格的说明。也正因如此，系统数据流图作为系统结构化分析方法中极为重要的一种描述工具备受青睐。

圆滚滚美食网站的顶层数据流如下图所示。

图3-4系统顶层数据流图

系统顶层数据流：外部实体为用户，第一个流程为登录验证，用户信息表返回密码验证，是否正确，正确则登录系统，错误则反馈信息，登录系统后，根据不同用户的功能选择，来读写数据库。

系统底层数据流如下图所示。

图3-5系统底层数据流图

系统底层数据流：外部实体为管理员和普通用户，数据流分别有管理员和普通用户流向系统数据流程，数据表提供数据支持，来完成逻辑操作。

第4章系统设计

4.1系统架构设计

由于本系统在逻辑事务处理方面对数据库的操作比较频繁所以系统在底层连接数据库时并没有使用原生的JDBC，而是把JDBC进行了封装，封装之后相当于一个连接数据库的工具DBUTIL，这样使用起来会更加方便而且这样进行封装还可以降低系统中代码的冗余，当我们需要连接和使用数据库时只需要调用这个工具里面的一个方法就可以了。而且通过封装可以把对数据库的操作独立起来，当需要连接不同种类的数据库时只需要加以修改就可以达到目的。

DAO层本来并无这个类，它只是java中MVC构造里的一个model概念，主要就是里面的一些方法，而这些方法就是用来访问数据库的方法。我们在软件开发时DAO层我们一般都放接口和接口的实现类，用于来规范实现类的我们叫它接口，实现类重点用于对数据库的操纵。

MVC是一种系统研发的关键模型，M是Model模型，它是系统内部关键程序运行的核心，主要进行对数据库的各种操作。视图View是V也叫做视图，主要的作用是对一些数据进行显示。控制器Controller 是C执行从View的视图层来读取数据，然后控制用户的输入。

系统架构如下图所示。

图4-1系统架构图

4.2系统功能结构

进入系统后首先要进行登录，验证你的身份，赋予你不同的权限。当你成功登录后，页面会有多个板块，分别是新闻数据管理、用户注册管理、菜谱分类管理、菜谱大全管理、采购订单管理、网红餐厅管理、餐厅订座管理、食材管理、美食达人打卡管理、数据备份。里面界面简单易懂，根据标示可以直接进行方便快捷的操作。

系统功能结构图如下所示。

图4-2系统功能结构图

4.3功能模块设计

管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能，包括：

管理员录入管理员账户基本信息；

管理员更新、增加及删除管理员账户基本信息；

用户根据管理员账户 ID 查询基本信息；

系统管理员更改个人密码；

美食达人打卡的基本信息管理。主要提供美食达人打卡的基本信息录入、删除、维护和查询等功能，包括：

用户录入美食达人打卡基本信息；

用户更新、增加及删除美食达人打卡基本信息；

用户根据美食达人打卡 ID 查询基本信息；

评论的基本信息管理。主要提供评论的基本信息录入、修改和查询功能，包括：

用户录入评论基本信息；

管理员更新、增加及删除评论基本信息；

管理员根据评论 ID 查询评论基本信息；

食材采购的基本信息管理。主要是提供食材采购的基本信息录入、维护和查询功能，包括：

用户录入食材采购基本信息；

用户更新、增加及删除食材采购基本信息；

用户根据食材采购 ID 查询食材采购基本信息；

餐厅订座的基本信息管理。主要是提供餐厅订座的基本信息录入、维护和查询功能，包括：

用户录入餐厅订座基本信息；

用户更新、增加及删除餐厅订座基本信息；

用户根据餐厅订座 ID 查询餐厅订座基本信息；

食材的基本信息管理。主要提供食材的基本信息录入、删除、维护和查询功能，包括：

管理员录入食材信息；

管理员更新、增加食材基本信息；

管理员根据食材 ID 查询食材基本信息；

用户根据个人信息导航栏查询食材信息；

餐厅的基本信息管理。主要提供餐厅的基本信息录入、删除、维护和查询功能，包括：

管理员录入餐厅信息；

管理员更新、增加餐厅基本信息；

管理员根据餐厅ID 查询餐厅基本信息；

用户根据个人信息导航栏查询餐厅信息；

美食资讯的基本信息管理。主要是提供美食资讯的基本信息录入、删除、维护和查询功能，包括：

管理员录入美食资讯基本信息；

管理员更新、增加及删除美食资讯基本信息；

管理员根据美食资讯 ID 查询基本信息；

4.4数据库设计

一个好的系统它的后台数据库一定要考虑的全面，这和我们建造房子一个概念，房子不是随心所欲建起来的，一切都是在合理设计的基础是实现的，地基打牢固了房子才能建的更高。数据库如果设计的很合理，而且每个方面都能考虑到了那么这个系统才能不会出现大的问题。

4.4.1概念模型设计

本系统在数据库中存放了多张表，分别是用户表、评论表、食材表、采购表、餐厅表、订座表。

系统的主要实体间关系E-R图如下图所示。

图4-7系统E-R图

4.4.2逻辑结构设计

此环节把概念转变成数据。由于整个数据库所处理的信息过多，就只展示几个表。

caigoudingdan表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	dingdanhao	VarChar	50	是	255
3	shicaibianhao	VarChar	50	是	255
4	shicaimingcheng	VarChar	50	是	255
5	jiage	VarChar	50	是	255
6	goumaishuliang	VarChar	50	是	255
7	zongjiage	VarChar	50	是	255
8	shouhuodizhi	VarChar	300	是	255
9	xingming	VarChar	50	是	255
10	dianhua	VarChar	50	是	255
11	beizhu	VarChar	500	是	255
12	goumairen	VarChar	50	是	255
13	iszf	VarChar	2	是	255
14	addtime	DateTime	8	是	23

caipudaquan表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	caipumingcheng	VarChar	50	是	255
3	caipuleibie	VarChar	50	是	255
4	tupian	VarChar	50	是	255
5	shipin	VarChar	50	是	255
6	shicai	VarChar	500	是	255
7	buzhou	VarChar	500	是	255
8	caipujieshao	Text	16	是	255
9	addtime	DateTime	8	是	23

caipufenlei表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	caipuleibie	VarChar	50	是	255
3	addtime	DateTime	8	是	23

cantingdingzuo表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	cantingbianhao	VarChar	50	是	255
3	cantingmingcheng	VarChar	50	是	255
4	dizhi	VarChar	50	是	255
5	yuyueyongcanshijian	VarChar	50	是	255
6	renshu	VarChar	50	是	255
7	dianhua	VarChar	50	是	255
8	yudingren	VarChar	50	是	255
9	issh	VarChar	2	是	255
10	addtime	DateTime	8	是	23

meishidarendaka表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	biaoti	VarChar	50	是	255
3	tupian	VarChar	50	是	255
4	zhaiyao	VarChar	500	是	255
5	dakashijian	VarChar	50	是	255
6	dakadidian	VarChar	50	是	255
7	xiangqing	Text	16	是	255
8	dakaren	VarChar	50	是	255
9	addtime	DateTime	8	是	23

shicaicaigou表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	shicaibianhao	VarChar	50	是	255
3	shicaimingcheng	VarChar	50	是	255
4	tupian	VarChar	50	是	255
5	shicaileibie	VarChar	50	是	255
6	jiage	VarChar	50	是	255
7	guige	VarChar	50	是	255
8	zuofatuijian	VarChar	500	是	255
9	shicaijieshao	Text	16	是	255
10	addtime	DateTime	8	是	23

shicaifenlei表:

序号	字段名称	字段类型	大小	允许为空	最大长度	备注
1	ID	Int	4	自增编号	10
2	shicaileibie	VarChar	50	是	255
3	addtime	DateTime	8	是	23

4.4.3数据库连接设计

该系统的数据库连接方法采用的是C3P0数据连接池的方法，C3P0是开源的JDBC连接池，jdbcURL是所创建的数据库，driverClass连接数据库驱动，user为用户名，password为用户密码，acquireIncrement当连接池中的连接耗尽的时候C3P0一次同时获取的连接数，initialPoolSize初始化连接池中的连接数，minPoolSize和maxPoolSize分别是连接池中保留的最小和最大的连接数。C3P0的特点在于有自动回收空闲连接的功能。

数据库连接池配置代码如下所示。

<?xml version="1.0" encoding="UTF-8" ?>

<c3p0-config>

<default-config>

<property name="jdbcUrl">jdbc:mysql://localhost:3306/goods</property>

<property name="driverClass">com.mysql.jdbc.Driver</property>

<property name="password">admin</property>

</default-config>

</c3p0-config>

第5章系统实现

5.1登录模块的实现

该登录模块利用js进行设计，JavaScript函数CheckSubmit()对输入框是否为空进行验证，使用js的技术结合MySQL 2012数据库的查询语句进行登录信息的验证。首先从文本框中分别获得账号user_name和密码user_pw，使用Sql语句“select * from t_user where user_name=‘”+user_name+“’ and user_pw=‘”+user_pw+“’”将查询结果赋给rs结果集，若rs.next()返回值为空，表示数据库找不到该用户数据，若rs.next()返回值不为空，则显示登录成功，进入主界面。

用户登录流程图如下所示。

图5-1用户登录流程

用户登录流程：用户只有输入正确的用户名和密码才会成功进入系统，用户输入用户名密码后点击登录按钮，系统会进行校验该用户名是否存在，如果用户名与密码不匹配或者用户名不存在，则返回主界面。

系统登录界面如下图所示。

图5-2系统登录界面

登录功能的逻辑代码如下所示。

if(ac.equals("adminlogin"))

{

String username = request.getParameter("username");

String password = request.getParameter("pwd");

String utype = request.getParameter("cx");

String pagerandom = request.getParameter("pagerandom")==null?"":request.getParameter("pagerandom");

String random = (String)request.getSession().getAttribute("random");

if(!pagerandom.equals(random)&&request.getParameter("a")!=null)

{

request.setAttribute("random", "");

go("/login.jsp", request, response);

}

else{

String sql1 = "select * from allusers where username='"+username+"' and pwd='"+password+"' ";

List<HashMap> userlist1 = dao.select(sql1);

if(userlist1.size()==1)

{

request.getSession(). setAttribute("username", userlist1.get(0).get("username"));

request.getSession(). setAttribute("cx", userlist1.get(0).get("cx"));

gor("main.jsp", request, response);

}else{

request.setAttribute("error", "");

go("/login.jsp", request, response);

}

5.2用户子系统模块的实现

5.2.1用户首页模块

在浏览器的地址栏里输入http://localhost:8080/index.jsp 地址，就可以跳转到圆滚滚美食网站的首页，首页是由4个页面组成的，包括top、left、down和center等页面，这里也是浏览者访问系统的入口，通过@ include引入。

首页载入流程图如下所示。

图5-3首页载入流程

首页载入流程：系统先连接数据库，显示界面参数初始化，读取数据库的数据表，读取html显示模板，对数据按添加时间排序，按照模板设计位置显示数据，刷新显示界面，断开数据库连接。

首页如下图所示。

图5-4首页界面

其中载入首页的主要代码如下。

5.2.2用户注册模块

系统的用户通过自行注册生成，在系统首页点击用户注册菜单，系统跳转到对应的注册页面。点击重置按钮，清空所填数据，点击注册按钮完成注册。

用户注册流程图如下所示。

图5-5用户注册流程

注册个人信息实现流程为：填写个人信息，系统使用JQuery选择器获取在网页中输入的注册信息，再对联系方式、登录密码等信息进行验证，验证通过后用Ajax异步请求方式向服务器发送请求并把数据传送到后台，然后验证用户名是否已存在，如果已存在则注册失败提示“用户名已存在”；如果用户表中没有该用户名则把用户信息加入数据库，把操作状态以json字符串方式返回到前台。Ajax请求成功接收到返回的数据时会触发成功回调函数，然后解析返回的json字符串，系统根据返回信息弹出提示框，注册成功后返回登录页。

用户注册界面如下图所示。

图5-6用户注册界面

用户注册页面的逻辑代码如下。

HashMap ext = new HashMap();

ext.put("issh","否");

new CommDAO().insert(request,response,"yonghuzhuce",ext,true,false,"index.jsp");

5.2.3评论模块

用户给食材添加评论，包括评分，评论人，评论内容等，在pinglunadd.jsp实现评论的逻辑添加，管理员管理系统的所有评论信息，在pinglun_list.jsp实现评论的管理。

评论流程图如下所示。

图5-10信息评论流程

用户登录成功后，浏览食材页面，输入评论语，添加该评论，修改评论，返回评论相关界面。

评论添加界面如下图所示。

图5-11评论添加界面

评论管理界面如下图所示。

图5-12评论管理界面

添加评论的主要逻辑代码如下。

String id=request.getParameter("id");

String biao=request.getParameter("biao");

HashMap ext = new HashMap();

new CommDAO().insert(request,response,"pinglun",ext,true,true,"");

5.2.4美食达人打卡发布模块

用户发布美食达人打卡后后台会自动生成美食达人打卡列表。从session中取出该用户信息，前台发起请求，将对应的用户信息、meishidarenpId参数信息从前台传递MeishidarenController类里，匹配到create()方法，create()方法调用MeishidarenServiceImpl类的createMeishidaren()方法获取数据，调用本类的getCartMeishidarenItem()方法得到美食达人打卡列表。

美食达人打卡发布界面如下所示。

图5-1美食达人打卡发布界面

5.2.5食材采购模块

管理员发布食材后，食材在系统前台显示，用户浏览食材信息，包括食材编号、食材名称、图片、食材类别、价格、规格，选择相应的食材采购，通过id传参，找到该食材，在add.jsp提交采购表单，生成采购记录。

食材采购流程如下图所示。

图5-15食材采购流程

食材采购界面如下图所示。

图5-17食材采购界面

食材采购的主要逻辑代码:

HashMap ext = new HashMap();

if(request.getParameter("f")!=null){

ext.put("issh","否");

new CommDAO().insert(request,response,"shujujilu",ext,true,false,"");

}

5.2.6餐厅订座模块

管理员发布餐厅后，餐厅在系统前台显示，用户浏览餐厅信息，包括餐厅编号、餐厅名称、图片、地址、营业时间、联系电话，选择相应的餐厅订座，通过id传参，找到该餐厅，在add.jsp提交订座表单，生成订座记录。

餐厅订座流程如下图所示。

图5-15餐厅订座流程

餐厅订座界面如下图所示。

图5-17餐厅订座界面

餐厅订座的主要逻辑代码:

HashMap ext = new HashMap();

if(request.getParameter("f")!=null){

ext.put("issh","否");

new CommDAO().insert(request,response,"shujujilu",ext,true,false,"");

}

5.2.7视频播放模块

管理员管理视频，用户点击想要观看的视频进入播放界面，浏览器自动播放该视频，视频播放通过调用html的<video>标签，将播放文件路径参数传入，完成播放，在play.jsp实现视频的播放。

视频播放流程图如下图所示。

图5-18视频播放流程图

视频播放界面如下图所示。

图5-19视频播放界面

视频播放代码如下所示。

<video src="<%=request.getParameter("spwj")%>" width="690" controls preload ></video>

</div>

5.3管理员子系统模块的实现

5.3.1系统用户管理模块

管理员对系统用户的管理，在yhzhgl.jsp实现管理员用户的管理，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，提交到mod.jsp中，使用sql命令更新密码。

管理员用户管理的界面如下图所示。

图5-2管理员用户管理界面

登录密码修改界面如下图所示。

图5-4登录密码修改界面

登录密码修改的逻辑代码如下。

if(ac.equals("adminlogin"))

{

String username = request.getParameter("username");

String password = request.getParameter("pwd");

String utype = request.getParameter("cx");

String pagerandom = request.getParameter("pagerandom")==null?"":request.getParameter("pagerandom");

String random = (String)request.getSession().getAttribute("random");

if(!pagerandom.equals(random)&&request.getParameter("a")!=null)

{

request.setAttribute("random", "");

go("/login.jsp", request, response);

}

else{

String sql1 = "select * from allusers where username='"+username+"' and pwd='"+password+"' ";

List<HashMap> userlist1 = dao.select(sql1);

if(userlist1.size()==1)

{

request.getSession(). setAttribute("username", userlist1.get(0).get("username"));

request.getSession(). setAttribute("cx", userlist1.get(0).get("cx"));

gor("main.jsp", request, response);

}else{

request.setAttribute("error", "");

go("/login.jsp", request, response);

}

5.3.2采购管理模块

普通用户在系统前台后，数据库的采购记录表生成采购记录信息，管理员在goumaijjilu_list.jsp审核用户的采购记录，审核通过，用户采购成功，否则采购失败。

采购管理如下图所示。

图5-5采购管理界面

采购审核主要逻辑代码如下所示。

String yuan=request.getParameter("yuan");

String id=request.getParameter("id");

String tablename=request.getParameter("tablename");

String sql="";

if(yuan.equals("是"))

{

sql="update "+tablename+" set issh='否' where id="+id;

}

else

{

sql="update "+tablename+" set issh='是' where id="+id;

}

new CommDAO().commOper(sql);

out.print("<script>location.href='"+request.getHeader("Referer")+"';</script>");

5.3.3食材管理模块

管理员在shicaidaquan_add.jsp发布食材，跳转至食材添加表单，提交食材信息，包括食材编号、食材名称、图片、食材类别、价格、规格等，食材提交后，数据库的食材信息表刷新数据，系统将食材信息展示出来。

食材管理的流程如所示。

图5-7食材管理流程

食材添加的界面如所示。

图5-8食材添加界面

食材管理的界面如所示。

图5-9食材管理界面

食材信息添加的逻辑代码如下。

HashMap ext = new HashMap();

if(request.getParameter("f")!=null){

ext.put("issh","否");

new CommDAO().insert(request,response,"shujujilu",ext,true,false,"");

}

5.3.4餐厅管理模块

餐厅管理包括新增餐厅、删除餐厅、修改餐厅、查询餐厅等，以餐厅新增为例，在视图层请求餐厅信息新增，反馈后，调用业务逻辑层，通过业务逻辑层的接口调用底层的数据逻辑层完成数据库联动操作。

餐厅管理的流程如所示。

图5-10餐厅管理流程

餐厅添加的界面如所示。

图5-11餐厅添加界面

餐厅管理的界面如所示。

图5-9餐厅管理界面

餐厅信息添加的逻辑代码如下。

HashMap ext = new HashMap();

if(request.getParameter("f")!=null){

ext.put("issh","否");

new CommDAO().insert(request,response,"shujujilu",ext,true,false,"");

}

5.3.5系统管理模块

数据库备份功能能够对系统中的数据进行备份，实现了对系统数据长期有效的保存；数据库恢复功能可在系统数据被破坏的情况下，将早期的系统备份数据恢复，保证了系统数据库在受到破坏的情况下，快速实现系统数据恢复。

数据备份的界面如下图所示。

图5-11数据备份界面

数据备份关键代码：

if (request.getSession().getAttribute("cx").equals("超级管理员"))

{

String sql="";

sql="backup database jsptemp to disk='D:/jsptemp.dat'";

new CommDAO().commOper(sql);

out.print("<script>alert('操作成功!!，您的数据库已成功备份于D:/jsptemp.dat');location.href='sy.jsp';</script>");

}

else

{

out.print("<script>alert('对不起,您没有该权限');location.href='sy.jsp';</script>");

}

第6章系统测试

6.1测试目的

在这个产品被投入使用前，首先需要进行试用，这是重要的环节。考虑到某个部分的开发没有缺陷情况下，把各种模块拼接，也有一定概率就存在矛盾。这就好比每个人都很独特，但聚在一起就显得杂乱无章，需要保证有默契的配合。对于测试，要看它的各项内容是否契合的原则。若与最初定下的标准有一定程度上的出入，那么就需要做出一些调整，让最终的大方向朝着目标前进。

6.2测试用例

6.2.1登录测试

登录测试用例如下表所示。

表6-1登录测试用例

输入		输出
用户名	密码	输出
空	空	用户名和密码不能为空
Kkk	aaa	用户名长度不允许，请重新输入！
2109402315	123456	用户名出错，请重新输入！
sssss	123456	用户名出错，请重新输入！

6.2.2 注册测试

注册测试用例如下表所示。

表6-2注册测试用例

输入				输出
用户名	密码	确认密码	邮箱	输出
空	空	空	空	用户名和密码不能为空
Kkk	aaa	aaa	23@qq.com	注册成功
210	aaa	abc	23@qq.com	注册失败，两次密码不一致
sssss	aaa	aaa		注册成功

6.2.3 食材管理测试

食材测试用例如下表所示。

表6-4添加食材测试用例

输入				输出
名称	类别	价格	备注	输出
空	空	空	空	添加失败
食材1	A	1		添加成功
空	A	1		添加失败，名称不能为空
食材2	空	1		添加失败，请选择类别

6.2.4 食材采购测试

食材采购测试用例如下表所示。

表6-5食材采购测试用例

输入				输出
名称	类别	价格	采购数量	输出
空	空	空	空	添加失败
食材1	A	1	10	添加成功
空	A	1	10	添加失败，名称不能为空
食材2	空	1	10	添加失败，请选择类别

6.3测试结果

经过测试，得到测试结果如下表所示。

表6-6测试结果

序号	测试项目	内容和目的	测试结果
	用户登录	输入正确用户名与密码	可以登录
	用户登录	输入错误用户名与密码	提示错误的信息
	食材管理（添加，修改，删除）	输入正确信息	成功完成
	食材管理（添加，修改，删除）	输入错误信息	操作失败
	修改登录密码	修改新的密码	成功完成
	采购管理（添加，修改，删除）	输入正确信息	成功完成
	采购管理（添加，修改，删除）	输入错误信息	操作失败
	菜谱管理（添加，修改，删除）	输入正确信息	成功完成
	菜谱管理（添加，修改，删除）	输入错误信息	操作失败
	餐厅管理（添加，修改，删除）	输入正确信息	成功完成
	餐厅管理（添加，修改，删除）	输入错误信息	操作失败
	订座管理（添加，修改，删除）	输入正确信息	成功完成
	订座管理（添加，修改，删除）	输入错误信息	操作失败

第7章总结与展望

本次毕业论文的主要是利用Javaweb+MySQL开发一个安全可靠，操作简易，同时具备业务可扩展的圆滚滚美食网站。本文详细的论述了圆滚滚美食网站的设计和开发，本系统的所有事务逻辑都是按照系统的需求分析进行设计的，系统有普通用户和系统管理员两种角色，本系统多处采用了AJAX的异步交互技术，同时它也叫异步交互技术，利用它我们可以让网页的局部进行数据刷新操作，AJAX和传统的数据更新技术大大增加了客户的体验程度，由于是对局部进行操作那么就减少了一些繁琐而又不必要的操作，减轻了服务器对页面解析的负担。

与其他系统相比，本系统有自身的优点，

例如：

（1）创新性强；

（2）业务逻辑性强，安全性高，在一些重要的功能模块需要通过审查之后才可使用；

（3）移植性高，在所有window平台都可使用。

当然也还有很多需要进一步改进的地方：

（1）系统大多数页面都是全局刷新，缺乏局部刷新，这将增加服务器的压力，如果有大量用户在同一时间段操作同一个功能模块，可能会导致查询缓慢；

（2）页面没有经过专业的UI设计，美观程度不及其他市场其他网站系统，有待改善。

参考文献

[1]ChristianBauer,GavinKing.Hibernate实战[M].北京:清华大学出版社,2016：1-32.

[2]DnanielBarrett.SSH,theSecureShell:TheDefinitiveGuide[M].O'ReillyMedia,Inc,USA.2015：209-315.

[3]方巍.JavaEE架构设计与开发实践[M].北京：清华大学出版社,2017：298-310.

[4]李庆云.高校图书馆管理系统的分析与设计[J].科技资讯,2017(09)：11-12.

[5]MarkMatthews,JimCole.MysqlAndJavaDeveloper’sGuide[M].JohnWiley&SonsInc,2016：48-57.

[6]刘增杰.MySQL5.7从入门到精通（视频教学版）[M].北京：清华大学出版社,2016：44-67.

[7]孙更新,宾晟.Java程序开发大全——基于MyEclipse平台+Struts+Hibernate+Spring主流框架开发[M].北京：中国铁道出版社.2015.

[8]缪勇,施俊,李新锋.Struts2+Spring3+Hibernate框架技术精讲与整合案例[M].北京：清华大学出版社.2015:1-780.

[9]程林芳.基于SSH的新闻发布系统的设计与实现[D].平顶山学院.2016：32-44.

[10]李峰,刘彦隆.基于SSH框架与jQuery技术的JavaWeb开发应用[J].科技情报开发与经济.2016：108-117

[11]demo等.ASP.NETMVC5网站开发之美[M].北京：清华大学出版社.2015：7-20.

[12]何一坚．基于Struts框架的MVC应用研究[J].电脑知识与技术.2015.4(13)：50-53．

[13]张长富.黄中敏．动态网页编程实例手册[M]．北京:海洋出版社.2015.200-239.

[14]KathySierraandBertBates.THETECHNIQUEDEVELOPMENTHISTORYOFJSP[M].美国：HachetteLivre.

[15]SchoeberlM,PuffitschW,PedersenRU,etal.Worst-caseExecutionTimeAnalysisforaJavaProcessor[J].Software:PracticeandExperience,2016,40(6):507-542.

[16]SchoeberlM.JOP:AJavaOptimizedProcessorforEmbeddedReal-timeSystems[EB/OL].[2015-08-26].http://www.jopdesign.com.

[17]ZoyaAli.DesigningObjectOrientedSoftwareApplicationswithintheContextofSoftwareFrameworks[D].OhioStateUniversity,2017.

[18]RachitMohanGarg,YaminiSood,BalajiKottana,PallaviTotlani.AFrameworkBasedApproachfortheDevelopmentofWebBasedApplicationsWaknaghat[J].JaypeeUniversityofInformationTechnology,2016,1(1):1-4.

[19]RamakrishnanJagdish．Adynamicprogrammingapproachtoadaptivefractionation[J].PhysicsinMedicineandBiology[J]．PhysicsinMedicineandBiology，2015，57(5)：29-33．

[20]AfzelNooreNikhilTungalaEmbeddingbiometricidentifiersin2Dbarcodesforimprovedsecurity[J]．Computers&Security，2016，23(20)：679-686

致谢

经过几个月时间的努力终于完成了这篇文章，在文章的写作与研究的过程中遇到了很多困难，都在同学和老师的帮助下解决了。尤其非常感谢我最敬爱的老师，他对我进行了无私的指导和帮助，不厌其烦的帮助进行文章的修改。老师严谨的治学态度、渊博的学术知识、诲人不倦的敬业精神以及宽容的待人风范使我获益颇丰。此外，在校图书馆查找资料的时候，图书馆的老师也给我提供了很多方面的支持与帮助。在此，向帮助和指导过我的老师表示最衷心的感谢！感谢这篇文章所涉及到的各位学者。本文引用了数位学者的文献，如果没有各位学者的研究成果的帮助和启发，我将很难完成本篇文章的写作。感谢我的同学、朋友以及所在单位的同事，在我写文章的过程中给与了我很多素材和帮助，还在文章的撰写和排版过程中提供热情的帮助。同时，感谢我的室友对我的热心指导和帮助，经常有不懂之处都是大家在帮助我，才使得我比较顺利的完成了这篇文章。由于我水平有限，所写文章难免有不足之处，恳请各位老师和学友批评和指正！