基于Android的寻味绍兴美食APP设计与实现

摘   要

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

本系统的前端界面涉及的技术主要有HBuilder X和Uniapp,通过这些技术可以实现前端页面的美观和动态效果使之符合广大群众的审美观,后台主要使用的技术主要有Java编程语言,Mysql数据库,Springboot和Ajax异步交互,根据Ajax异步模式的寻味绍兴美食APP解决了传统管理方式所带来的人力、物力和时间上的虚耗和交流深度的限定,这让交流的过程更快捷、准确、便利,同时完成寻味绍兴美食APP的基本功能:用户管理、商家管理、美食管理、活动管理、店铺评论、点赞收藏、店铺打卡等。

关键词:寻味绍兴美食APP;Android系统;Java编程语言;MySQL数据库

Design and Implementation of Shaoxing Cuisine APP Based on Android

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, using the Internet to serve other industries and promote production has become an unstoppable trend. In order to meet the requirements of savoring Shaoxing cuisine, we will develop a holistic structure of the Shaoxing cuisine app, which will break down complex systems and achieve rapid response to changes in demand, ensuring system stability, and meeting the requirements of sustainable and large-scale development of the platform.

The front-end interface of this system mainly involves technologies such as HBuilder X and Uniapp. Through these technologies, the aesthetics and dynamic effects of the front-end page can be achieved to meet the aesthetic standards of the general public. The main technologies used in the backend include Java programming language, MySQL database, Springboot, and Ajax asynchronous interaction. Based on the Ajax asynchronous mode, the Shaoxing Food APP solves the manpower and challenges brought by traditional management methods The depletion of resources and time, as well as the limitation of communication depth, make the communication process faster, more accurate, and convenient. At the same time, it completes the basic functions of the Shaoxing Cuisine APP: user management, merchant management, food management, event management, store comments, likes and favorites, store check-in, etc.

Key words:Shaoxing Delicious Food APP; Android system; Java programming language; MySQL database

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

1.3 论文组成结构

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

2.1 HBuilderX开发软件

2.2 Ajax 介绍

2.3 Springboot框架

2.4 Java语言与JDK开发环境

2.5 MySQL数据库

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 需求分析

3.3 系统业务流程分析

3.4 系统数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构

4.3 功能模块设计

4.4 数据库设计

4.4.1 概念模型设计

4.4.2 逻辑结构设计

第5章 系统实现

5.1 用户前台功能(前端)

5.1.1 用户注册模块

5.1.2 用户登录模块

5.1.3 用户首页模块

5.1.4 美食信息模块

5.1.5 我的评论管理模块

5.1.6 我的打卡模块

5.1.7 我的收藏模块

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

5.2.1 后台登录首页界面模块

5.2.2 系统用户管理模块

5.2.3 商家信息管理模块

5.2.4 美食管理模块

5.2.5 活动信息管理模块

第6章 系统测试

6.1 测试目的

6.2 测试用例

6.2.1 登录测试 

6.2.2 注册测试 

6.2.3 评论测试

6.2.4 美食信息管理测试 

6.3 测试结果

第7章 总结与展望

参考文献

致谢

第1章 绪论

1.1 研究背景与意义

在生活中,我们每时每刻都需要充电,比如吃一顿美味的烧烤,或者喝一杯奶茶等等,这些都能满足用户对美食的追求。毕竟,人们对食物的观念是中国饮食文化中最基本的核心观念之一从中国古代的农业社会到今天的信息社会,无论社会如何变化,饮食都是人们的第一种生存需求。通信和信息技术的快速发展加速了美食APP市场的繁荣,也使消费者逐渐增加了对线上手机消费带来的便利的依赖,从而导致了美食APP市场的激烈竞争。餐饮服务企业发展要想最大限度地占有市场经济份额,就要以消费者为导向,尽可能充分了解我国消费者的感知体验和购买行为意向,从而产生影响研究消费者的购买决策。食物应用程序开发结合了当代人对食物的需求,提供个性化的特征盘。

寻味绍兴美食APP利用动态网页设计技术数据库实现了美食信息储存和传输的电子化、无纸化。电子化的信息系统与传统的纸质媒介相比,有多方面的优势。首先,可以省去纸质印刷的工序和费用,节省资源和时间,加快数据传输进程;其二,可以充分发挥计算机在信息处理方面的优势,建立海量的数据库供随时查询调用,对各种美食的情况作分析统计,提供有价值的信息等。其三,如今的网络通信技术飞速发展,浏览网站也是轻而易举的事情,在网上分享或查询美食等信息也是十分方便快捷。最后,由于中国人口基数大,所以网民这个群体也是非常庞大,从垂髫之命到古稀之年都有所分布,如此广泛的分布对绍兴的美食信息的分享和传播起到的作用是极好的。

1.2 开发现状

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

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

1.3 论文组成结构

根据市场调研得到的信息数据,结合国内外前沿研究,利用相关系统开发和设计方法,最终设计出寻味绍兴美食APP。

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

第一章概述了寻味绍兴美食APP的研究目的和意义;精炼地总结了国内外在仓储领域的研究情况和未来的研究趋势,最后给出了论文的组成结构。

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

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

第四章对寻味绍兴美食APP进行设计。

第五章对寻味绍兴美食APP进行实现,并贴出相关页面截图,语言描述出具体功能实现的操作方法。

第六章对寻味绍兴美食APP采用测试用例的方式来对一些主要功能模块测试,最后得出测试结果。

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

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

2.1 HBuilderX开发软件

1.最快的开发工具

由于我们的极客特质,HBuilder同时被我们打造成了最快的前端开发工具,代码输入法的创新、代码块的优化、emmet的集成、快捷键语法设计、无鼠标操作。。。这些可能低端程序员不感兴趣,但我们乐于其中。HBuilder有句口号:为极客、为懒人、为你。

2 .环保健康的主题设计由于我们天天面对屏幕眼睛很受伤,所以设计了绿柔主题以保护开发者的视力健康。

3.App开发及部署

当然移动App开发也是HBuilder的优势,Run in device真机调试、打包发行这些功能并非普通的HTML4开发工具会涉及的。我们认为,如果只是做个网站,HTML4就够了,搞HTML5而不做App,太糟蹋这个技术了。以及云打包还能使得没有mac电脑的程序员可以开发iOS应用。

4.能力 - HTML5plus Runtime说完性工能里的工具,再说说能力。HTML5plus Runtime,简称5+ Runtime,是运行于手机端的强化web引擎,除了支持标准HTML5外,还支持更多扩展的js api,使得js的能力不输于原生。5+ Runtime内置于HBuilder,在真机运行、打包时自动挂载。

5.业内之前有phonegap/Cordova方案,但是他们自带js api太少了,扩展api需要用原生语言开发,更致命的是这类方案的性能不足。

6.  5+ Runtime分3个层次解决了HTML5与原生的能力差距。

7.常用的API – HTML5plus封装成跨平台的HTML5plus规范,并将规范公开于www.HTML5plus.org,不做厂商私有API。

8.包括二维码、摇一摇、语音输入、地图、支付、分享、文件系统、通讯录等常用API,可以方便简单的编写,并且可跨平台。

2.2 Ajax 介绍

Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括:HTMLXHTML,CSS,JavaScript,DOM,XML,XSLT, 以及最重要的XMLHttpRequest使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。

2.3 Springboot框架

Spring框架是Java平台上的一种开源应用框架,提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制,但其在Java应用中的频繁使用让它备受青睐,以至于后来让它作为EJB(EnterpriseJavaBeans)模型的补充,甚至是替补。Spring框架为开发提供了一系列的解决方案,比如利用控制反转的核心特性,并通过依赖注入实现控制反转来实现管理对象生命周期容器化,利用面向切面编程进行声明式的事务管理,整合多种持久化技术管理数据访问,提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转(IOC)特性,IOC旨在方便项目维护和测试,它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期,容器可以通过扫描XML文件或类上特定Java注解来配置对象,开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程(AOP)框架,SpringAOP框架基于代理模式,同时运行时可配置;AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性,虽无法与AspectJ框架相比,但通过与AspectJ的集成,也可以满足基本需求。

2.4 Java语言与JDK开发环境

Java是美国sun公司所推出的一款程序设计语言,其能够在多个平台内应用,具有良好兼容性,进而其凭借自身优势在数据中心、个人PC与科技超级计算机等平台内广泛应用,具有目前最为庞大的开发者专业社群。

JDK为美国sun公司为java开发员所推出的一款全新产品,要是没有JDK的情况下,所安装的java程序也就无法运行。

2.5 MySQL数据库

数据库是系统开发过程中不可或缺的一部分。 在WEB应用方面,MySQL AB开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中,这非常灵活,并且还可以提高系统在实际应用中的速度。 数据库访问最常用于标准SQL语言,MySQL用于SQL语言,因此它具有高度兼容性。数据库的操作是必不可少的,包括对数据库表的增加、删除、修改、查询等功能。现如今,数据库可以分为关系型数据库和非关系型数据库,Mysql属于关系性数据库,Mysql数据库是一款小型的关系型数据库,它以其自身特点:体积小、速度快、成本低等,Mysql数据库是目前最受欢迎的开源数据库。

在WEB应用技术中, Mysql数据库支持不同的操作系统平台,虽然在不同平台下的安装和配置都不相同,但是差别也不是很大,Mysql在Windows平台下两种安装方式,二进制版和免安装版。安装完Mysql数据库之后,需要启动服务进程,相应的客户端就可以连接数据库,客户端可通过命令行或者图形界面工具登录数据库。

数据库管理系统的总体结构图如下图所示。

图2-1 数据库组成结构

第3章 系统分析

3.1 可行性分析

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

3.1.1 技术可行性

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

3.1.2 经济可行性

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

3.1.3 操作可行性

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

3.2 需求分析

根据用户对系统的需求,要求系统简单操作,能够准确,完整的对信息进行管理。寻味绍兴美食APP在对需求做解析后,整个系统主要分为三个部分:管理员、普通用户和商家,每个模块下的分支功能不一样。对功能做出如下说明:

管理员模块:用户管理、商家管理、美食管理、活动管理。

用户模块:首页、附近、活动、打卡、个人信息、我的消息、我的收藏、我的点赞、我的打卡、我的预约、意见反馈。

商家模块:美食管理、活动管理、店铺评论。

用户用例图如下所示。

图3-1 用户用例图

商家用例图如下所示。

图3-2 商家用例图

管理员用例图如下所示。

图3-3 管理员用例图

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

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

表3-1 注册用例描述

用例名称

注册

参与者

用户

描述

用户填写相关注册数据完成注册成为系统的用户

前置条件

后置条件

用户填写相关注册数据并且要注册的账号不存在与系统中

事件流

  1. 用户点击注册按钮
  2. 用户填写相关注册数据
  3. 用户确认并提交注册数据
  4. 系统提示注册成功

补充说明

  1. 系统检测用户所输注册数据如不符合要求则提示并返回注册界面
  2. 系统检测用户所输账号不可用或已存在与系统中则提示并返回注册界面

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

表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. 商家只能对已存在的活动信息进行修改和删除

后置条件

事件流

(1)商家查看修改活动信息

(2)商家添加活动信息

(3)商家删除活动信息

补充说明

(a)新添加的活动信息不符合要求时会添加失败

(b)修改的活动信息不符合要求时会修改失败

3.3 系统业务流程分析

寻味绍兴美食APP的业务流程如下图所示。

图3-3 系统业务流程图

管理员拥有最高权限,在对各项信息进行增加、删除、修改后会更新后台数据库的内容,用户在登录进行美食点评、美食浏览、参与活动、美食打卡等指令动作同样会更新后台数据。

3.4 系统数据流程分析

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

寻味绍兴美食APP的顶层数据流如下图所示。

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

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

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

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

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

第4章 系统设计

4.1 系统架构设计

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

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 查询商家基本信息;

用户根据个人信息导航栏查询商家信息;

4.4 数据库设计

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

4.4.1 概念模型设计

本系统在数据库中存放了多张表,分别是用户表、评论表、打卡表、美食表、活动信息表。

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

图4-7系统E-R图

4.4.2 逻辑结构设计

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

activity

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

img

varchar

255

cur_num

int

11

当前人数

total_num

int

11

运行总人数

s_time

varchar

20

活动起始时间

e_time

varchar

20

活动结束时间

info

varchar

500

活动描述

u_id

int

11

info_img

varchar

255

status

int

255

daka

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

u_id

int

11

用户id

m_id

int

11

商家id

imgs

varchar

255

content

varchar

255

add_time

varchar

20

food

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

name

varchar

255

美食名称

icon

varchar

255

美食图片

info

varchar

255

美食介绍

derstory

varchar

255

美食故事

add_time

varchar

20

status

int

255

0 审核中 1已审核

dz_num

int

20

点赞数

sc_num

int

20

收藏数

price

double

10

u_id

int

11

商家id

food_collect

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

u_id

int

11

f_id

int

11

food_comment

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

u_id

int

11

商家id

f_id

int

11

食物id

content

varchar

255

评论内容

star

varchar

255

评论星级

add_time

varchar

20

food_dz

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

u_id

int

11

f_id

int

11

m_comment

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

u_id

int

11

用户id

m_id

int

11

商户id

content

varchar

255

评论内容

star

varchar

255

评论星级

add_time

varchar

20

user

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

account

varchar

255

password

varchar

255

nick

varchar

255

add_time

varchar

20

type

int

10

0 管理员 1 商家  2用户

icon

varchar

255

zizhi

字段名称

类型

长度

不是null

主键

字段说明

id

int

11

主键

u_id

int

11

icon

varchar

2000

店铺图片

yyzz

varchar

255

营业执照

field

varchar

255

所属领域

status

int

10

0 审核中 1已审核

name

varchar

255

店铺名称

address

varchar

255

店铺所处位置

latlng

varchar

255

店铺经纬度

phone

varchar

255

联系号码

第5章 系统实现

5.1 用户前台功能(前端)

5.1.1 用户注册模块

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败,注册页面的表单验证是通过JavaScript进行验证的,用户名的长度必须在6到18之间,邮箱必须带有@符号,密码和密码确认必须相同,你输入的密码,系统会根据你输入密码的强度给出指定的值,电话号码和身份证号码必须要求输入格式与生活相符合,当你前台验证通过的时候你点击注册,表单会将你输入的值通过name值传递给后台并保存到数据库中。

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

图5-1用户注册流程图

注册,通过填写用户名、密码、姓名、手机等信息,输入完成后选择提交即可注册成功,如下图所示。

                    

图5-2注册界面图

5.1.2 用户登录模块

系统的登录窗口是用户的入口,用户只有在登录成功后才可以进入访问。通过在登录提交表单,后台处理判断是否为合法用户,进行页面跳转,进入系统中去。

登录合法性判断过程:用户输入账号和密码后,系统首先确定输入输入数据合法性,然后在login.jsp页面发送登录请求,调用src下的mainctrl类的dopost方法来验证。

用户登录模块的IPO如下所示:

输入:用户名和密码。

处理:

1)检测用户输入的账号、密码是否正确及在数据库已对应存在。

2)从数据库中提取记录,并储存在本地的session中(timeout默认=30min)。

3)根据用户名,将其显示在系统首页上。

输出:是否成功的信息。

登录流程图如下所示。

图5-3登录流程图

系统登录界面如下所示。

图5-4系统登录界面

5.1.3 用户首页模块

用户登录进入首页,可以进行考研资料分享、考研资讯查看等功能模块的查看与操作,如下图所示。

                        

图5-5系统首页界面图

5.1.4 美食信息模块

商家发布美食后,美食在系统前台显示,用户浏览美食信息,包括美食名称、图片、推荐店铺、地址,选择相应的美食检索,通过id传参,找到该美食,在select.jsp提交检索表单,生成检索记录。

美食检索流程如下图所示。

图5-6美食检索流程

美食信息界面如下图所示。

图5-7美食信息界面

5.1.5 我的评论管理模块

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

评论流程图如下所示。

5-8信息评论流程

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

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

图5-9评论添加界面

5.1.6 我的打卡模块

用户浏览美食信息和商家信息,点击打卡,填写相应的内容,上传照片,发布打卡动态,通过id传参,找到该个人账户,在add.jsp提交打卡表单,生成打卡记录。

打卡记录添加流程如下图所示。

图5-10打卡记录添加流程

打卡记录添加界面如下图所示。

图5-11打卡记录添加界面

我的打卡管理界面如下图所示。

图5-12我的打卡管理界面

5.1.7 我的收藏模块

用户提交收藏操作后后台会自动生成收藏列表。从session中取出该用户信息,前台发起请求,将对应的用户信息、ShoucangpId参数信息从前台传递ShoucangController类里,匹配到create()方法,create()方法调用ShoucangServiceImpl类的createShoucang()方法获取数据,调用本类的getCartShoucangItem()方法得到收藏列表。

我的收藏界面如下所示。

图5-13我的收藏界面

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

5.2.1 后台登录首页界面模块

管理员在后台登录界面,输入账号密码后页面跳转至首页,main.jsp,首页是由2个页面组成的,包括top、left和center等页面,通过@ include引入,系统首页主要介绍系统的基本信息,包括当前用户、当前日期、当前访问浏览器的版本、服务器的端口数、当前用户的权限、当前电脑的ip、当前电脑的操作系统名称、本系统的开发日期、系统作者、开发日期等。其中left部分是系统菜单,本系统菜单包括1级菜单和2级菜单,使用jquery实现1级菜单展开为2级菜单。

后台登录界面如下图所示。

图5-14后台登录界面

5.2.2系统用户管理模块

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

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

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

5.2.3 商家信息管理模块

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

商家信息管理的流程如所示。

图5-16商家信息管理流程

商家信息审核界面如所示。

图5-17商家信息审核界面

商家信息管理的界面如所示。

图5-18商家信息管理界面

5.2.4 美食管理模块

商家在meishi_add.jsp发布美食,跳转至美食添加表单,提交美食信息,包括美食名称、图片、推荐店铺、地址等,美食提交后,数据库的美食信息表刷新数据,系统将美食信息展示出来。美食信息商家发布后由管理员审核通过方可展示在前台。

美食管理的流程如所示。

图5-19美食管理流程

美食添加的界面如所示。

图5-20美食添加界面

美食管理的界面如所示。

图5-21美食管理界面

5.2.5 活动信息管理模块

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

活动信息管理的流程如所示。

图5-22活动信息管理流程

活动信息添加的界面如所示。

图5-23活动信息添加界面

活动信息管理的界面如所示。

图5-24活动信息管理界面

第6章 系统测试

6.1 测试目的

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

6.2 测试目的

6.2.1 登录测试 

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

表6-1登录测试用例

输入

输出

用户名

密码

用户名或密码不能为空

蔡徐坤

123

用户名不能为汉字,请重新输入

789

789

用户名或密码错误

678

123456

登录成功

6.2.2 注册测试 

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

表6-2注册测试用例

输入

输出

用户名

密码

确认密码

邮箱

请输入完整

001

001

001

001@qq.com

注册成功

002

002

003

002@qq.com

注册失败,两次密码不一致

003

003

003

003.com

注册失败,邮箱格式不正确

6.2.3 评论测试

评论测试用例如下表所示。

表6-3评论测试用例

功能

测试数据

预期结果

测试结果

评论反馈

评论内容:好吃123

在评论列表中显示评论内容,评论显示为未回复

和预期一致

回复评论

评论回复内容:谢谢123

评论列表中的评论“好吃123”显示已回复

和预期一致

删除评论

删除评论“好吃123”

评论成功删除

和预期一致

6.2.4 美食信息管理测试 

美食信息测试用例如下表所示。

表6-4添加美食信息测试用例

输入

输出

标题

类别

内容

备注

添加失败

美食1

A

1

添加成功

A

1

添加失败,标题不能为空

美食2

1

添加失败,请选择类别

6.3 测试结果

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

表6-6测试结果

测试项目

内容和目的

测试结果

用户登录

输入正确用户名与密码

可以登录

输入错误用户名与密码

提示错误的信息

美食管理(添加,修改,删除)

输入正确信息

成功完成

输入错误信息

操作失败

修改登录密码

修改新的密码

成功完成

用户管理(添加,修改,删除)

输入正确信息

成功完成

输入错误信息

操作失败

评论管理(添加,修改,删除)

输入正确信息

成功完成

输入错误信息

操作失败

第7章 总结与展望

随着计算机互联网技术的迅猛发展,各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是寻味绍兴美食APP为核心展开的,主要是为了实现美食信息阅览、美食打卡、商家活动的需求。

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

目前完成的寻味绍兴美食APP,还有许多有待改进的地方。一个是功能上的改进,第二个是技术上的改进。另外,系统如果能提供更多的功能就会使得系统更加丰富和多样化,比如个人财务数据分析和可视化等。另外就是对前端UI的使用还不够熟练,视觉效果和界面观感有待提升,希望日后能对这个系统有所改进。

参考文献

[1]Naser Muawya,Abu AlHaija Qasem. Spyware Identification for Android Systems Using Fine Trees[J]. Information,2023,14(2).

[2]李润雨,黄文山.基于地域文化体验的美食类App视觉设计研究[J].包装与设计,2023(01):166-167.

[3]HUANG Lu,XUE Jingfeng,WANG Yong,QU Dacheng,CHEN Junbao,ZHANG Nan,ZHANG Li.EAODroid: Android Malware Detection Based on Enhanced API Order[J/OL].Chinese Journal of Electronics,2023(04):1-10[2023-04-13].http://kns.cnki.net/kcms/detail/10.1284.TN.20221225.1517.025.html

[4]Yadav Chandra Shekhar,Gupta Sangeeta. A Review on Malware Analysis for IoT and Android System[J]. SN Computer Science,2022,4(2).

[5]刘民娟.美食类APP界面UI设计创新与创意研究——《移动UI设计实战》评述[J].食品与机械,2022,38(06):250.

[6]刘勇,陆小慧.一种基于Android系统的大数据计算和存储平台[J].广东通信技术,2021,41(09):53-59.

[7]周元林,张常泉,邓国印.面向Android系统的APP安全加固技术研究[J].南方农机,2021,52(11):164-165+175.

[8]鲜易洲,杨蕊,吴蓉,巩培桢,吴丽丽.时食美食分享系统的设计与分析[J].电脑知识与技术,2021,17(09):85-87.DOI:10.14004/j.cnki.ckt.2021.0845.

[9]雷安思,王寰平,孙欣如,胡韬,欧琦.享食APP的功能需求分析研究[J].科技与创新,2021(03):150-151.DOI:10.15913/j.cnki.kjycx.2021.03.056.

[10].资深吃货必备美食App,总有一款适合你[J].现代商业银行,2020(20):17-19.

[11]张茜. 用户体验下的山西面食APP交互设计与研究[D].大连工业大学,2020.DOI:10.26992/d.cnki.gdlqc.2020.000035.

[12]韩尚坤.运用XD与HBuilderX在Android平台的智能手机App设计及应用[J].电子测试,2020(07):85-86+94.DOI:10.16520/j.cnki.1000-8519.2020.07.032.

[13]徐刘欢,虞杰,周川峰.四川小众美食APP的开发与设计[J].内江科技,2020,41(02):46-47.

[14]施金凤,胡婷.移动互联网背景下美食类APP用户体验与购买意向研究[J].美食研究,2019,36(03):31-35.

[15]张梦婷. 交互式理念下扬州美食形象设计研究[D].扬州大学,2019.DOI:10.27441/d.cnki.gyzdu.2019.001400.

[16]夏菁. 移动互联网时代青年的美食社交[D].安徽大学,2019.

[17]万楚,张菊兰.美食对区域形象建构的作用探究——以抖音APP传播新疆为例[J].采写编,2019(02):141-143.

[18]朱明秀.基于Android的美食APP设计与实现——以桂林美食APP为例[J].信息与电脑(理论版),2019(05):135-137.

[19]周显春,邓雨,吴世雄,杨宇鑫,王晗.基于改进协同过滤算法的个性化美食推荐APP开发[J].软件导刊,2019,18(02):88-90+95.

[20]. A NEW FOOD WEBSITE THAT HELPS KEEP THE CITIZENS OF KOLKATA HEALTHY AND SATISFIED IS NOW ACCESSIBLE[J]. M2 Presswire,2018.

致  谢

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

点赞+收藏+关注  →私信领取本源代码、数据库

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值