SSM智慧点餐系统微信小程序设计与实现 ---附源码60578

目  录

摘要

1 绪论

1.1研究背景及意义

1.2研究现状

1.3论文结构与章节安排

2 智慧点餐系统微信小程序系统分析

2.1 可行性分析

2.2 系统流程分析

2.2.1 数据流程

3.3.2 业务流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 智慧点餐系统微信小程序总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3 评论管理模块设计

3.2.4商城管理模块设计

3.2.5订单管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 智慧点餐系统微信小程序详细设计与实现

4.1用户功能模块

4.1.1 前台首页界面

4.1.2注册界面

4.1.3 登录界面

4.1.4基本信息界面

4.1.5 购物车界面

4.1.6 商品详情界面

4.1.7我的订单界面

4.2管理员功能模块

4.2.1用户管理界面

4.2.2轮播图管理界面

4.2.3商城管理界面

4.3 卖家功能模块

4.3.1商城管理界面

4.3.2订单列表界面

5系统测试

5.1系统测试的目的

5.2 系统测试用例

5.3 系统测试结果

结论

参考文献

  

摘要

随着移动互联网的迅猛发展,智慧点餐系统微信小程序成为餐饮行业数字化转型的重要趋势。本文基于SSM(Spring+Spring MVC+MyBatis)框架,设计并实现了一款基于微信小程序的智慧点餐系统。该系统通过微信小程序平台,提供用户浏览菜单、下单、支付和评价等功能,并为商家提供后台管理界面进行菜单管理、订单处理和数据统计分析。

该智慧点餐系统采用了前后端分离的架构,通过与微信支付接口的整合,实现了在线支付功能,方便用户进行便捷的支付操作。此外,系统结合用户评价与推荐算法,能够根据用户的喜好和历史消费记录,提供个性化的菜品推荐服务,提高用户的点餐体验。

经过实际使用测试,该系统在顾客点餐效率、餐厅运营管理和用户体验方面取得了良好的效果。用户可以通过微信小程序轻松查看菜单、下单付款,无需排队等候;商家则能够快速处理订单、掌握销售情况,并进行数据分析和经营决策。

关键词:Java技术;MYSQL;SSM框架;智慧点餐系统

Abstract

With the rapid development of mobile Internet, smart ordering system has become an important trend in the digital transformation of the catering industry. This article is based on the SSM (Spring+Spring MVC+MyBatis) framework, and designs and implements a smart ordering system based on WeChat mini programs. The system provides users with functions such as browsing menus, placing orders, paying, and commenting through the WeChat mini program platform, and provides merchants with a backend management interface for menu management, order processing, and data statistical analysis.

The smart ordering system adopts a front-end and back-end separation architecture, and integrates with the WeChat payment interface to achieve online payment function, making it convenient for users to perform convenient payment operations. In addition, the system combines user evaluation and recommendation algorithms to provide personalized dish recommendation services based on user preferences and historical consumption records, improving the ordering experience for users.

After practical use testing, the system has achieved good results in customer ordering efficiency, restaurant operation management, and user experience. Users can easily view menus, place orders and make payments through the WeChat mini program, without waiting in line; Merchants can quickly process orders, grasp sales situations, and conduct data analysis and business decisions.

Keywords:Java technology; MYSQL; SSM framework; Smart ordering system

1 绪论

1.1研究背景及意义

随着移动互联网的迅猛发展,智慧点餐系统成为了餐饮行业数字化转型的重要趋势。传统的点餐方式存在一些不便之处,如排队等候、人工服务效率低等。而基于微信小程序的智慧点餐系统则通过融合移动互联网技术和用户习惯,为顾客提供了更便捷、高效的点餐体验。这一系统的研究和应用,能够极大地提升餐厅的点餐效率和运营管理水平,同时提供更好的用户体验。通过微信小程序平台,顾客可以轻松浏览菜单、在线下单、实现线上支付,无需排队等候。餐厅可以通过系统进行订单处理和数据分析,提高运营效率。此外,智慧点餐系统微信小程序还可以结合用户的历史点餐记录和个人喜好,提供个性化的推荐服务,满足顾客不同口味偏好和需求。最终,这样的系统将有助于提升餐厅的品牌形象和竞争力,展示创新能力和服务水平,吸引更多顾客的关注和选择。综上所述,智慧点餐系统微信小程序在提高点餐效率、优化用户体验和促进餐饮行业的数字化转型方面具有重要意义。

1.2研究现状

近年来,智慧点餐系统在微信小程序领域得到了广泛的研究和应用。国内外的许多学者和开发团队都致力于设计和实现基于微信小程序的智慧点餐系统。这些系统通过利用微信小程序平台提供的功能和接口,使顾客能够便捷地进行菜单浏览、下单、支付以及评价等操作。同时,系统还为商家提供了管理后台,方便菜单管理、订单处理和数据统计分析。通过前后端分离架构和与微信支付接口的整合,智慧点餐系统实现了线上支付功能,提高了用户体验。另外,系统结合用户评价与推荐算法,能够根据用户喜好和历史消费记录,提供个性化的菜品推荐服务,进一步提升用户满意度。总体而言,国内外的研究人员已经在智慧点餐系统方面取得了丰富的研究成果,并将其应用于餐饮行业,有效提升了点餐效率、用户体验和餐厅运营管理水平。

1.3论文结构与章节安排

论文将分层次经行编排,除去论文摘要致谢文献参考部分,正文部分还会对网站需求做出分析,以及阐述大体的设计和实现的功能,最后罗列部分调测记录,论文主要架构如下:

第一章:引言。第一章主要介绍了课题研究的背景,研究现状和本文的主要工作。

第二章:系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章:系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章:系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

第六章:总结。

2 智慧点餐系统微信小程序系统分析

系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

2.1 可行性分析

(1)经济可行性:

经济可行性在此仅代表网站的运维成本,开发成本不在此考虑。

目前该模式下的智慧点餐系统微信小程序的数量日益增多,网购变得平民化普及化用户人数呈上升趋势,当用户人数庞大了,运维成本可以由广告费进行填补,包括开发成本。

所以经济可行性没有问题。

(2)操作可行性:

此次项目设计参考了几个该模式下网站的开发案例,对他们的操作界面分析,将众多案例结合在一起,突出以人为本简化操作,所以具有基本计算机知识的人都会操作本项目。

因此操作可行性也没有问题。

(3)技术可行性:

技术可行性指的是对于搭建框架的可行性,以及有更优秀的技术出现时系统的技术更新换代的纳新性如何,开发时间成本费用比如何。

现有的Java技术能够迎合所有电子商务系统的搭建。开发这个智慧点餐系统微信小程序的时候我采用了Java+MYSQL用以运行整体程序。

综上所述技术可行性也没有问题。

(4)法律可行性:

从开发者角度来看,Java和MYSQL是网上开源且免费的,在知识产权方面不会产生任何法律纠纷。

从用户使用角度来看,只要不再系统上贩卖违禁品,对系统做出条约协议,杜绝非法支付即可。

综上所述法律可行性也没有问题。

2.2 系统流程分析

2.2.1 数据流程

智慧点餐系统微信小程序主要的目的就是实现对商品的在线选购,图2-1就是系统的数据流图。

图2-1商品购买操作展开图

3.3.2 业务流程

分析完系统的数据流,接下来我们来看系统的业务流程,图2-2就是业务流程图:

图2-2业务流程图

2.3 系统功能分析

2.3.1 功能性分析

按照智慧点餐系统微信小程序的角色,我划分为了普通用户模块、卖家模块和管理员管理模块这三大部分。

用户管理模块:

(1)用户注册登录:用户注册为会员并登录智慧点餐系统微信小程序;用户对个人信息的增删改查,比如个人资料,密码修改。

(2)用户查看商品:用户进行商品信息的阅览,通过发现喜欢的商品后可以购买+评论+收藏。

(3)商品购买:用户对喜欢的商品可以加购,在购物车里面,当用户确定提交完毕后,将其提交给服务器后台系统,并生成订单。

(4)购物车:用户对喜欢的商品可以加购,在购物车里面,可以查看到所有加购的商品,支持对商品数量的更改、删除商品,可以进行选择购买。

(5)我的订单:用户在提交订单后,可以对提交的订单进行管理。

管理员管理模块:

(1)登录:管理员在后台可以输入用户名+密码进行登录,管理员的用户名和密码是在数据库中直接设定好的。

(2)系统管理:管理员点击“系统管理”菜单可以对首页展示的轮播图进行增删改查。

(3)系统用户:管理员可以对前台上注册过的用户信息进行管控,也可以对管理员信息进行管控。

(4)分类管理:管理员对智慧点餐系统微信小程序中商品的分类进行管控。

(5)商城管理:管理员对卖家提交的商品订单进行管控。

卖家管理模块:

(1)商城管理:管理员可以对智慧点餐系统微信小程序中现有的商品进行增删改查。

(2)订单列表:查看购买的我的商品订单,对提交的订单进行管理。

2.3.2 非功能性分析

智慧点餐系统微信小程序的非功能性需求比如智慧点餐系统微信小程序的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:

3-1智慧点餐系统微信小程序非功能需求表

安全性

主要指智慧点餐系统微信小程序数据库的安装,数据库的使用和密码的设定必须合乎规范。

可靠性

可靠性是指智慧点餐系统微信小程序能够安装用户的指示进行操作,经过测试,可靠性90%以上。

性能

性能是影响智慧点餐系统微信小程序占据市场的必要条件,所以性能最好要佳才好。

可扩展性

比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。

易用性

用户只要跟着智慧点餐系统微信小程序的页面展示内容进行操作,就可以了。

可维护性

智慧点餐系统微信小程序开发的可维护性是非常重要的,经过测试,可维护性没有问题

2.4 系统用例分析

通过2.3功能的分析,得出了本智慧点餐系统微信小程序的用例图:

用户角色用例如图2-3所示。

图2-3 智慧点餐系统微信小程序用户角色用例图

web后台管理上的管理员是维护整个智慧点餐系统微信小程序中所有数据信息的。管理员角色用例如图2-4所示。

图2-5 智慧点餐系统微信小程序管理员角色用例图

web后台管理上的管理员是维护整个智慧点餐系统微信小程序中所有数据信息的。卖家角色用例如图2-5所示。

图2-5 智慧点餐系统微信小程序卖家角色用例图

2.5本章小结

本章主要通过对智慧点餐系统微信小程序的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个智慧点餐系统微信小程序要实现的功能。同时也为智慧点餐系统微信小程序的代码实现和测试提供了标准。

3 智慧点餐系统微信小程序总体设计

本章主要讨论的内容包括智慧点餐系统微信小程序的功能模块设计、数据库系统设计。

3.1 系统架构设计

本智慧点餐系统微信小程序从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。

图3-1智慧点餐系统微信小程序系统架构设计图

表现层(UI):又称UI层,主要完成本智慧点餐系统微信小程序的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本智慧点餐系统微信小程序时的舒适度。UI的界面设计也要适应不同版本的智慧点餐系统微信小程序以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层(BLL):主要完成本智慧点餐系统微信小程序的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层(DL):由于本智慧点餐系统微信小程序的数据是放在服务端的mysql数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本智慧点餐系统微信小程序的数据存储和管理功能。

3.2 系统功能模块设计

3.2.1整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本智慧点餐系统微信小程序中的用例。那么接下来就要开始对本智慧点餐系统微信小程序的架构、主要功能和数据库开始进行设计。智慧点餐系统微信小程序根据前面章节的需求分析得出,其总体设计模块图如图3-2所示。

图3-2 智慧点餐系统微信小程序功能模块图

3.2.2用户模块设计

后台管理者能够实现对前台注册的用户增删改查操作,用户模块结构图如下图:

图3-3用户模块结构图

3.2.3 评论管理模块设计

智慧点餐系统微信小程序是一个交流性质的公开平台,用户可以在平台上交流,增加用户之间的互动性。但是同时也为了更好的规范留言的内容,给予管理员删除不合适的言论的功能,所以需要专门设计一个评论管理模块,具体的结构图如下:

图3-4评论模块结构图

3.2.4商城管理模块设计

智慧点餐系统微信小程序是中需要存储不少商品信息,其模块功能结构,具体的结构图如下:

图3-5商城模块结构图

3.2.5订单管理模块设计

智慧点餐系统微信小程序最重要的一个功能就是购买,其模块功能结构,具体的结构图如下:

图3-5订单模块结构图

3.3 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。

3.3.1 数据库概念结构设计

下面是整个智慧点餐系统微信小程序中主要的数据库表总E-R实体关系图。

图3-6 智慧点餐系统微信小程序总E-R关系图

下面根据智慧点餐系统微信小程序的数据库总E-R关系图可以得出智慧点餐系统微信小程序需要很多E-R图,在此罗列出来一些主要的数据库E-R模型图。

图3-7普通用户信息E-R关系图

图3-8 在线点餐E-R关系图

图3-9 订单信息E-R关系图

3.3.2 数据库逻辑结构设计

通过上一小节中智慧点餐系统微信小程序中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表cart (购物车)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

cart_id

int

10

0

N

Y

购物车ID:

2

title

varchar

64

0

Y

N

标题:

3

img

varchar

255

0

N

N

0

图片:

4

user_id

int

10

0

N

N

0

用户ID:

5

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

6

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

7

state

int

10

0

N

N

0

状态:使用中,已失效

8

price

double

9

2

N

N

0.00

单价:

9

price_ago

double

9

2

N

N

0.00

原价:

10

price_count

double

11

2

N

N

0.00

总价:

11

num

int

10

0

N

N

1

数量:

12

goods_id

mediumint

8

0

N

N

商品id:[0,8388607]

13

type

varchar

64

0

N

N

未分类

商品分类:

14

description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

表collect (收藏)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

collect_id

int

10

0

N

Y

收藏ID:

2

user_id

int

10

0

N

N

0

收藏人ID:

3

source_table

varchar

255

0

Y

N

来源表:

4

source_field

varchar

255

0

Y

N

来源字段:

5

source_id

int

10

0

N

N

0

来源ID:

6

title

varchar

255

0

Y

N

标题:

7

img

varchar

255

0

Y

N

封面:

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表comment (评论)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

comment_id

int

10

0

N

Y

评论ID:

2

user_id

int

10

0

N

N

0

评论人ID:

3

reply_to_id

int

10

0

N

N

0

回复评论ID:空为0

4

content

longtext

2147483647

0

Y

N

内容:

5

nickname

varchar

255

0

Y

N

昵称:

6

avatar

varchar

255

0

Y

N

头像地址:[0,255]

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

9

source_table

varchar

255

0

Y

N

来源表:

10

source_field

varchar

255

0

Y

N

来源字段:

11

source_id

int

10

0

N

N

0

来源ID:

表goods (商品信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

goods_id

mediumint

8

0

N

Y

产品id:[0,8388607]

2

title

varchar

125

0

Y

N

标题:[0,125]用于产品和html的<title>标签中

3

img

text

65535

0

Y

N

封面图:用于显示于产品列表页

4

description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

5

price_ago

double

8

2

N

N

0.00

原价:[1]

6

price

double

8

2

N

N

0.00

卖价:[1]

7

sales

int

10

0

N

N

0

销量:[0,1000000000]

8

inventory

int

10

0

N

N

0

商品库存

9

type

varchar

64

0

N

N

商品分类:

10

hits

int

10

0

N

N

0

点击量:[0,1000000000]访问这篇产品的人次

11

content

longtext

2147483647

0

Y

N

正文:产品的主体内容

12

img_1

text

65535

0

Y

N

主图1:

13

img_2

text

65535

0

Y

N

主图2:

14

img_3

text

65535

0

Y

N

主图3:

15

img_4

text

65535

0

Y

N

主图4:

16

img_5

text

65535

0

Y

N

主图5:

17

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

18

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

19

customize_field

text

65535

0

Y

N

自定义字段

20

source_table

varchar

255

0

Y

N

来源表:

21

source_field

varchar

255

0

Y

N

来源字段:

22

source_id

int

10

0

N

N

0

来源ID:

23

user_id

int

10

0

Y

N

0

添加人

表goods_type (商品类型)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

int

10

0

N

Y

商品分类ID:

2

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

3

name

varchar

255

0

Y

N

商品名称:

4

desc

varchar

255

0

Y

N

描述:

5

icon

varchar

255

0

Y

N

图标:

6

source_table

varchar

255

0

Y

N

来源表:

7

source_field

varchar

255

0

Y

N

来源字段:

8

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

表online_ordering (在线点餐)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

online_ordering_id

int

10

0

N

Y

在线点餐ID

2

item_number

varchar

64

0

Y

N

餐品编号

3

seller

int

10

0

Y

N

0

卖家

4

merchant_name

varchar

64

0

Y

N

商家名称

5

hits

int

10

0

N

N

0

点击数

6

praise_len

int

10

0

N

N

0

点赞数

7

cart_title

varchar

125

0

Y

N

标题:[0,125]用于产品html的标签中

8

cart_img

text

65535

0

Y

N

封面图:用于显示于产品列表页

9

cart_description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

10

cart_price_ago

double

8

2

N

N

0.00

原价:[1]

11

cart_price

double

8

2

N

N

0.00

卖价:[1]

12

cart_inventory

int

10

0

N

N

0

商品库存

13

cart_type

varchar

64

0

N

N

未分类

商品分类:

14

cart_content

longtext

2147483647

0

Y

N

正文:产品的主体内容

15

cart_img_1

text

65535

0

Y

N

主图1:

16

cart_img_2

text

65535

0

Y

N

主图2:

17

cart_img_3

text

65535

0

Y

N

主图3:

18

cart_img_4

text

65535

0

Y

N

主图4:

19

cart_img_5

text

65535

0

Y

N

主图5:

20

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

21

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表order (订单)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

order_id

int

10

0

N

Y

订单ID:

2

order_number

varchar

64

0

Y

N

订单号:

3

goods_id

mediumint

8

0

N

N

商品id:[0,8388607]

4

title

varchar

32

0

Y

N

商品标题:

5

img

varchar

255

0

Y

N

商品图片:

6

price

double

10

2

N

N

0.00

价格:

7

price_ago

double

10

2

N

N

0.00

原价:

8

num

int

10

0

N

N

1

数量:

9

price_count

double

8

2

N

N

0.00

总价:

10

norms

varchar

255

0

Y

N

规格:

11

type

varchar

64

0

N

N

未分类

商品分类:

12

contact_name

varchar

32

0

Y

N

联系人姓名:

13

contact_email

varchar

125

0

Y

N

联系人邮箱:

14

contact_phone

varchar

11

0

Y

N

联系人手机:

15

contact_address

varchar

255

0

Y

N

收件地址:

16

postal_code

varchar

9

0

Y

N

邮政编码:

17

user_id

int

10

0

N

N

0

买家ID:

18

merchant_id

mediumint

8

0

N

N

0

商家ID:

19

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

20

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

21

description

varchar

255

0

Y

N

描述:[0,255]用于产品规格描述

22

state

varchar

16

0

N

N

待付款

订单状态:待付款,待发货,待签收,已签收,待退款,已退款,已拒绝,已完成

23

remark

text

65535

0

Y

N

订单备注

24

delivery_state

varchar

16

0

Y

N

未配送

发货状态:未配送,已配送

25

vip_discount

double

11

2

Y

N

0.00

折扣

表praise (点赞)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

praise_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

status

bit

1

0

N

N

1

点赞状态:1为点赞,0已取消

表regular_users (普通用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

regular_users_id

int

10

0

N

Y

普通用户ID

2

user_name

varchar

64

0

Y

N

用户姓名

3

user_gender

varchar

64

0

Y

N

用户性别

4

user_phone_number

varchar

64

0

Y

N

用户电话

5

examine_state

varchar

16

0

N

N

已通过

审核状态

6

user_id

int

10

0

N

N

0

用户ID

7

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表seller (卖家)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

seller_id

int

10

0

N

Y

卖家ID

2

merchant_name

varchar

64

0

Y

N

商家名称

3

examine_state

varchar

16

0

N

N

已通过

审核状态

4

user_id

int

10

0

N

N

0

用户ID

5

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

6

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

3.4本章小结

整个智慧点餐系统微信小程序的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4 智慧点餐系统微信小程序详细设计与实现

智慧点餐系统微信小程序的详细设计与实现主要是根据前面的智慧点餐系统微信小程序的需求分析和智慧点餐系统微信小程序的总体设计来设计页面并实现业务逻辑。主要从智慧点餐系统微信小程序界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入智慧点餐系统微信小程序的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2注册界面

不是智慧点餐系统微信小程序中正式用户的是可以在线进行注册的,如果你没有本智慧点餐系统微信小程序的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。

图4-2 前台注册界面图

注册逻辑代码如下:

/**

     * 注册

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = service.readBody(request.getReader());

        query.put("username",String.valueOf(map.get("username")));

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

    }

    public void insert(Map<String,Object> body){

        E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

        baseMapper.insert(entity);

        log.info("[{}] - 插入操作:{}",entity);

}

4.1.3 登录界面

智慧点餐系统微信小程序中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到智慧点餐系统微信小程序的首页中;否则将会提示相应错误信息,用户登录界面如下图4-3所示。

图4-3登录界面图

登录的逻辑代码如下所示:

 /**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态,不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

    public String select(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

        }

        log.info("[{}] - 查询操作,sql: {}",table,sql);

        return sql.toString();

}

    public List selectBaseList(String select) {

        List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String,Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

        }

        return list;

}

4.1.4基本信息界面

当用户点击右下角“我的”这个按钮,会出现子菜单,点击“基本信息”可以对头像、昵称、修改密码、修改资料进行设置管理,基本信息界面如下图4-4所示。

图4-4基本信息界面图

4.1.5 购物车界面

当用户点击导航栏上的“购物车”菜单后,会出现自己加入购物车的商品列表,在购物管理页面可以对商品删除、修改商品的数量,选择部分或者全选进行购买。界面如下图4-5所示。

图4-5购物车界面图

4.1.6 商品详情界面

当访客点击了任意商品后将会进入该款商品的详情界面,可以了解到该商品的图片信息、商品信息、价钱信息等,同时可以对该商品进行立即购买+收藏+点赞+评论,商品详情展示页面如图4-6所示。

                          

图4-6 商品详情界面图

4.1.7我的订单界面

当用户点击“我的订单”链接后就进入自己购买的订单的界面展示,界面如下图4-7所示。

图4-7 我的订单界面图

4.2管理员功能模块

4.2.1用户管理界面

智慧点餐系统微信小程序中的管理人员是可以对前台注册的用户进行管理的,也可以对管理员进行管控。界面如下图4-8所示。

图4-8用户管理界面图

用户管理关键代码如下:

public List selectBaseList(String select) {

        List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String,Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

        }

        return list;

}

4.2.2轮播图管理界面

管理员点击“轮播图管理”菜单可以查看到系统中的所有轮播图信息,对已经存在的轮播图,管理员可以修改,也可以添加新的轮播图或者删除轮播图,界面如下图4-9所示。

图4-9轮播图管理界面图

系统管理关键代码如下:

 @RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

    }

4.2.3商城管理界面

智慧点餐系统微信小程序中的管理人员是可以对智慧点餐系统微信小程序内的卖家发布的商品进行维护和管理的,支持增删改查操作。界面如下图4-10所示。

图4-10商城管理界面图

商城管理关键代码如下:

 @PostMapping("/set")

@Transactional

    public Map<String, Object> set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

}

4.3 卖家功能模块

4.3.1商城管理界面

卖家进入后台后点击“商城管理”,能够看到自己发布的商品信息,对商品进行管控。界面如下图4-11所示。

图4-11商城管理界面图

商城管理关键代码如下:

   @PostMapping("/set")

@Transactional

    public Map<String, Object> set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

}

4.3.2订单列表界面

卖家进入后台后点击“订单列表”,能够看到用户购买自己商品的时候提交的订单。界面如下图4-12所示。

图4-12 订单列表界面图

5系统测试

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些bug,为后期系统的维护性提供很好的支持。通过系统测试,开发人员也可以建立自己对系统的信心,为后期的系统版本的跟新提供支持。

5.2 系统测试用例

系统测试包括:用户登录功能测试、商品展示功能测试、商品添加、商品搜索、密码修改功能测试,如表5-1、5-2、5-3、5-4、5-5所示:

用户登录功能测试:

表5-1 用户登录功能测试表

用例名称

用户登录系统

目的

测试用户通过正确的用户名和密码可否登录功能

前提

未登录的情况下

测试流程

1) 进入登录页面

2) 输入正确的用户名和密码

预期结果

用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入

实际结果

实际结果与预期结果一致

商品查看功能测试:

表5-2 商品查看功能测试表

用例名称

商品查看

目的

测试商品查看功能

前提

用户登录

测试流程

点击商品列表

预期结果

可以查看到所有商品信息

实际结果

实际结果与预期结果一致

管理员添加商品界面测试:

表5-3 管理员添加商品界面测试表

用例名称

商品发布测试用例

目的

测试商品发布功能

前提

用户正常登录情况下

测试流程

1)点击商品信息管理就,然后点击添加后并填写信息。

2)点击进行提交。

预期结果

提交以后,页面首页会显示新的商品信息 

实际结果

实际结果与预期结果一致

商品搜索功能测试:

表5-4商品搜索功能测试表

用例名称

商品搜索测试

目的

测试商品搜索功能

前提

测试流程

1)在搜索框填入搜索关键字。

2)点击搜索按钮。

预期结果

页面显示包含有搜索关键字的商品信息

实际结果

实际结果与预期结果一致

密码修改功能测试:

表5-5 密码修改功能测试表

用例名称

密码修改测试用例

目的

测试管理员密码修改功能

前提

管理员用户正常登录情况下

测试流程

1)管理员密码修改并完成填写。

2)点击进行提交。

预期结果

使用新的密码可以登录

实际结果

实际结果与预期结果一致

5.3 系统测试结果

通过编写智慧点餐系统微信小程序的测试用例,已经检测完毕用户登录模块、商品查看模块、商品添加模块、商品搜索模块、密码修改功能测试,通过这5大模块为智慧点餐系统微信小程序的后期推广运营提供了强力的技术支撑。

结论

在智慧点餐系统微信小程序开发之前,需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中,对系统实现的技术性、经济性以及管理等方面进行了分析。总体上证明了系统实施的可行性。

本文总结了智慧点餐系统微信小程序实现背景与现状,然后阐述了系统的具体业务需求,并根据系统需求对系统结构以及功能模块等进行了详细地设计,将整个系统划分为多个不同的功能模块。在分析系统功能需求时,对整个系统的总体架构以及功能模块等进行了分析,并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署,同时进行了系统的测试过程,通过测试证明了系统在功能以及性能等方面都达到了预期的要求,具有较高的稳定性与可靠性。

参考文献

[1]袁爱平,陈畅,孙士兵等. 基于SSM框架的高校学生信息管理系统设计与实现 [J]. 工业控制计算机, 2023, 36 (12): 127-129.

[2]刘方磊. 基于SSM框架的旅游大数据分析系统设计与实现 [J]. 中国新技术新产品, 2023, (21): 22-25.

[3]赵进步,袁慧. 基于SSM框架的“云节”系统设计与实现 [J]. 电脑编程技巧与维护, 2023, (10): 90-92.

[4]张祎萌,顾丹彤,刘少杰等. 基于校园“智慧点餐”系统的膳食大数据准确性评价[C]// 亚洲营养学会联合会,中国营养学会. Abstract Book of the 14th Asian Congress of Nutrition--Food & Nutrition. 复旦大学公共卫生学院;复旦大学健康传播研究所;复旦大学附属眼耳鼻喉科医院;, 2023: 1.

[5]曾慧群. 基于Android的智慧点餐系统设计与实现 [J]. 现代信息科技, 2023, 7 (14): 15-19.

[6]徐豪. 基于随机森林模型的推荐点餐系统设计与实现[D]. 兰州大学, 2023.

[7]Yanyan L ,Danyu L ,Haishan R , et al. Development and usability test of a symptom management WeChat Mini Program for parents of children with cancer [J]. Asia-Pacific Journal of Oncology Nursing, 2022, 9 (12): 100166-100166.

[8]Guangmin L ,Wenjing C ,Xiaowei Y , et al. Modeling and Analysis of Group User Portrait through WeChat Mini Program [J]. Wireless Communications and Mobile Computing, 2022, 2022

[9]Qiong Y ,Yuting Y ,Miao Y , et al. Effects of teach-back health education (TBHE) based on WeChat mini-programs in preventing falls at home for urban older adults in China: a randomized controlled trial [J]. BMC Geriatrics, 2022, 22 (1): 611-611.

[10]Xilu H ,Jie Z ,Nan Z , et al. Experience of using a smartphone WeChat applet for dental anxiety assessment and preoperative evaluation: A nationwide multicenter study [J]. Frontiers in Public Health, 2022, 10 900899-900899.

[11]宫意惟,何逸仙,马佳芸等. 基于Android平台的双模式点餐系统设计 [J]. 工业控制计算机, 2019, 32 (07): 104-106.

[12]田申,王雪琴,卢祥瑞等. 一种学生食堂智慧点餐系统[P]. 四川: CN208110670U, 2018-11-16.

[13]李淑娟,周伟强,宓詠. 高校智慧点餐系统的探索与实践 [J]. 华中师范大学学报(自然科学版), 2019, (S1): 59-62.

[14]张静,李娜,刘从立. 基于新媒体技术的智慧点餐项目模型研究 [J]. 太原城市职业技术学院学报, 2019, (09): 164-165.

致  谢

  大学的学习生活总是感觉短暂的,总感到知识还没有学够,但大学毕业就在我们面前,即毕业设计即将的结束,意味着我们的大社区用户涯即将结束。毕业设计是我们在大学所学知识的一次总结,更是对我们过去所学知识的提炼和升华,通过毕业设计,我们认识到大学学习过程中还有那些知识没有掌握,那些知识需要我们进入深入研究。这次毕业设计让我学到了很多新的知识,研究了一些新的以前自己不熟悉的领域,使我处理问题的能力得到了一定的提升,同时也为今后的继续深造或踏入社会大门提供了很好的锻炼机会。
我也曾经沮丧过,失落过,想放弃过,可是因为你们这不厌其烦的鼓励和支持才使得我坚持了下来,这里我要对我的老师和同学们说句“谢谢你们”。因为我们的知识是有限的,所以本文将不可避免的会出现一些错误和不足之处,还请老师指正。

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

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值