微信小程序点餐系统的设计与实现
Posted weixin_40228600
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序点餐系统的设计与实现相关的知识,希望对你有一定的参考价值。
目录
1 绪论 2
1.1 项目开发背景 2
1.2 项目开发意义 2
1.3 项目主要的内容 2
2 相关技术介绍及系统环境开发条件 3
2.1相关技术介绍 3
2.2系统环境开发条件 4
3 系统的需求分析与设计 4
3.1可行性分析 4
3.2功能需求分析 5
3.2.3非功能性需求 9
3.2.4流程图设计 10
3.2.5系统ER图设计 11
3.3 数据库设计 12
3.3.1数据库设计的原则 12
3.3.3数据库表的设计 12
4系统功能模块实现 14
4.1 前端页面功能实现 16
4.1.1登陆模块实现 16
4.1.2首页模块实现 17
4.1.3商品模块实现 19
4.1.4订单模块实现 21
4.1.5排号模块实现 23
4.2 后端页面功能实现 25
4.2.1登陆页面的实现 25
4.2.2排号页面的实现 25
4.2.3商品页面的实现 26
4.2.4订单页面的实现 27
5 系统测试 28
5.1系统调试的目的和意义 28
5.2功能测试用例 28
6总结 30
参考文献: 31
致 谢 32
摘要:随着互联网的技术的不断更新发展,人们生活水平的也在不断的提高,对于网络的依赖也越来越紧密,尤其是网上购物更是习以为常。微信点餐小程序全新打造一款线上点餐平台,它的开发与制作,是基于官方腾讯的微信小程序平台开发的,它的优势不需要安装,通过访问网页的方式就可以直接浏览、对于手机的配置也不需要太高,打开的速度也比较流畅。
本系统主要采用spring开发框架制。使用的技术有mysql数据库、mybatis驱动框架以及tomcat服务端部署,用到的集成开发工具主要是IDEA和jdk1.8。
该小程序点餐系统分为前台和后台,前台主要是给购买的用户使用,是用户的操作界面,它的功能包括在首页有售卖的点餐列表,在分类里面可以根据点餐分类进行查找想要购买的商品,也可以在首页上方直接对想要的商品搜索,如果余额不足还可以进行充值。在购买后还可以对已经购买的商品进行评价。而后台主要给管理者使用,管理者可以对商品进行上架或者下架操作,同时可以对商品价格进行更改。并且还能查看用户信息,例如用户余额剩多少。最后可以对用户购买的订单进行相应处理。
关键词: 微信小程序开发 spring 点餐系统 MySQL数据库
1 绪论
1.1项目开发背景
互联网点餐系统,是一种全新的体验,让客户更加方便的了解,该餐饮店的全貌,以及服务的特色,在交易付账时,也更加的准确,减少手工计算的繁琐。
1.2项目开发意义
点餐微信小程序的设计与实现基于微信平台的大量用户,小程序占用的资源比较少,相较于下载各种各样的app,人们更倾向于使用微信小程序。随着生活品质的提高,人们对于商品的需求也越来越大,然而对于用户而言,去线下点餐挑选商品是件很麻烦的事,通过微信小程序便捷了人们的需求
本课题研究点餐系统微信小程序的开发的设计与实现,主要有以下几点意义:
1、对于用户。它是一种不需要下载安装即可使用的应用,用户只需在手机上浏览商品,就直接在网上订购,实现点餐的全过程。
2、对于商家。商品的保鲜时间相较于别的产品比较短,有了商品订购后,商家也能根据客户的需求提前准备好充足的材料。
3、开发难度低。对于开发者,开发一个app与开发一个微信小程序来说,微信小程序的门槛相对于比较低,人力花费少。商家可以将更多的资金花在别的方面。同时微信小程序的使用难度会比app小很多。
4、用户基数大。微信有着大量的用户,因为微信小程序不需要推广,对于用户而言,下载一个app可能会使得用户直接放弃这个产品,而微信小程序即用即丢,注册一个微信小程序对于用户来言无关痛痒。
5、丰富日常生活,随着经济突飞猛进的发展,人们整体生活水平的大幅提升,全面带动了点餐市场的繁荣。商品作为绿色健康的新型消费品在人们的生活交往中日益凸显出其重要性。而点餐系统微信小程序的设计与实现使得用户购买更加便捷,使得这一产业更容易被接受。
除此以外,小程序安全稳定、保密性强,因为它需要审核才能发布,同时它功能场景丰富,可以调用比H5更多的手机系统来进行开发。
现在,市场的点餐系统层出不穷,琳琅满目,参差不齐,让购买者经常看的天花乱坠,在用餐地点转了一圈,也不知道买什么,只听店主说来说去,反正就是被忽悠来忽悠去,让人找不到头,尤其是消耗了大量的时间成本。而线上平台的出现,不仅可以更加了解点餐的商品,也可以帮我们节省不少的时间,尤其是在大城市堵车的情况下。
1.3项目主要的内容
本文根据该软件的特性需求进行研究分析主要内容:首先介绍项目的开发的背景和研究的意义;二是介绍了对项目开发过程中所用到的相关技术的理论知识,及开发环境的介绍;三是对系统开发进行了必要的分析,为系统设计环节提供了相应的理论基础。四是实现系统开发的主要环节和前提条件,对项目系统的主要模块进行了详细的分析和设计,为后续的具体实现奠定基础。五是简要介绍了测试用例,让我们在顺利地完成程序的开发工作后,通过这些测试,快速有效地找出了系统存在的不足之处并及时对其进行改动和完善。
2 相关技术介绍及系统环境开发条件
2.1相关技术介绍
微信开发者工具是由腾讯官方专门为微信小程序量身打造的开发者工具,它不仅轻巧、方便,主要是的对于电脑要求不是很高,所以在一般的电脑上都可以完成相应的开发,在系统调试测试过程中,也不要下载第三方插件,就可以完成系统测试环节,通过制定好的debug调试器就可以完成。
该系统基于浏览器的方式进行访问,采用springboot集成快速开发框架CMS系统,前端使用vue方式,基于es5的语法,开发工具IntelliJ IDEA 2020.1.1 x64,因为该开发工具,内嵌了Tomcat服务运行机制,可不用单独下载Tomcat server服务器。
Java作为面向对象的开发开言,它不仅吸收了很多语言的各种优点,而且它的整个生态在所有语言中开放性是最好的,在学习上,可以找到很多类似的功能代码,供以后参考学习,像目前asp.net开发语言在很大程度上都在模仿java的思维,如果学会java编程,在去掌握另一门语言,学起来就非常的快,因为它的简单性、面向结构性,减少了代码管理的复杂度,让编程过程更加的清晰、逻辑解耦性也更加分层化。
Vue的语法底层实现了双向数据绑定的原理,在重新更细或发布项目时候,不需要额外的重启项目,代码功能模块的实现,就可以在浏览器上反映出来,实现快速响应,不像有些可编译的语言,需要加载很多的插件,才能启动。
Spring封装了很多的java类库文件,在开发过程中,不需要写太多复杂的类文件,只需要引用spring这个框架,就可以完成快速开发的需要,所以Java编程的逻辑代码就变得比较清晰,各层之间的解耦性也比较强,可重用性也得到了很好的发挥,使得开发难度也更加轻松容易,它的主要两个特性就是依赖注入、面向接口思想;(AOP)切面思想;
2.2系统环境开发条件
该系统采用B/S架构,前端框架使用微信开发者工具开发,后台数据实现使用云数据库存储
序号 软件环境 版本 备注
1 windows操作系统 10
2 微信开发者工具 1.05
3 系统的需求分析与设计
作为软件前期开发过程中,需要对项目进行需求分析,首先要了解业务具体做什么,实现什么样的功能,在功能模块中细分每个功能模块的使用背景,只有这样在软件开发中,才不会重复出现因为架构设计的缺陷,导致在次设计底层数据结构的发生,此外,有些非功能的特细,比如数据库性能、安全性的考虑、网速的反映时间都是作为需求分析的约束条件,也是项目开发完成后,在运行时需要分析的目标。
3.1可行性分析
在系统开发的过程中系统的可行性分析是必不可少的,可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点,还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性,操作的可行性,经济的可行性对我们的系统进行可行性的研究。
3.1.1技术性:本项目设计的系统主要采用springboot集成开发性框架CMS系统,采用云端数据库,根据自身所学专业,结合网上查阅案列及图书馆资料,开发实现是没有太大问题的。
3.1.2经济性:开发一套成熟的软件,都需要经过一段漫长的过程,这里设计到软件的需求分析、制定计划,开发人员、测试环节、调试过程,都需要资金及人力的投入。而这套软件的开发,可以通过网上开源源码及相关资料的学习,在硬件及电脑使用上,都是自己所用,所以在开发成本上可以忽略不计。
3.1.3操作性:本系统设计到的功能主要有商品分类管理模块、购物车管理模块、订单管理模块、用户管理模块、商品管理功能模块,这些功能模块的相关知识,都是平常所设计到的常用功能,在操作上都是可以实现的。
3.2功能需求分析
微信小程序点餐系统主要由前台用户点餐模块和后台管理员模块组成。
用户点餐模块
(1)网站首页
采用前端UI框架设计美观、商品展示一目了然的首页。网站首页主要显示滑动图片、扫码点餐、浏览商品、联系方式等基本信息,为浏览网页的用户提供直观的界面需求。一般游客可以对页面商品进行浏览,但是,不可以对商品进行任何操作,需要注册或登录后才可以对商品进行操作。
(2)用户注册
一般游客可以访问网站首页,浏览商品的分类情况,但不能进行其他操作。只有自动登陆的用户可以实现浏览商品功能的同时,还可以把喜欢的商品加入购物车、购买商品等。
(5)商品分类信息
用户在浏览商品过程中,若想了解某样商品的分类信息,可以通过点击商品分类信息在商品左侧显示分类的全部信息。该页面显示商品的名字、销售量、价格等详细信息,用户可在本页面把商品添加到购物车,点击“加入购物车”即可跳转至购物车页面。
(6)购物车管理
用户把商品加入购物车,系统会跳转至购物车页面,用户可以勾选想购买的商品,系统自动生产订单,计算商品总金额,用户填写完正确的收获信息、支付信息,则商品购买完成。
后台管理员模块
(1)管理员登录
管理员可以实现订单管理、商品管理等后台管理系统的所有操作,进入后台管理页面需要先登录,管理员登录信息经过数据库检验后,跳转至后台管理页面。
(3)订单管理
订单交易状态可以分为四类:待上桌、待评价、已完成、已取消,管理员可以在后台管理系统查询订单交易状态或者修改订单交易状态。
(5)商品管理
管理员可以对显示在前端网页的商品进行修改,进行增加新商品、下架商品、修改商品信息等操作,给予消费者更好的购物体验,并且可以帮助商家及时更新商品信息。
系统安全性
一个功能完善的零食销售网站,有三种类型的用户,分别是一般游客、用户、管理员。每一类用户的权限也不同,游客和用户只能在前端页面进行操作。其中,游客只能进行商品的浏览,没有其他操作权限。用户注册或验证后,才能进行浏览、查看商品详细、购买、评价等操作。则管理员拥有权限在后台管理系统中操作,管理员又分三个类别,分别是小角色、普通管理员、超级管理员,小角色对管理系统无任何权限,普通管理员可以对商品和订单进行操作,超级管理员对用户、商品、订单等所有操作均有权限。不同身份的角色拥有的权限逐层增多,保密性也越来越强。这种层层加密的设计,既保证了工作效率,又保证了消费者信息的安全,让消费者可以放心地在本网站购物。
系统数据完整性
系统数据连接数据库,数据完整才能使得系统可以完成各种操作,所有为了保证各项操作有序进行,数据信息记录要完整且不能为空,同时,同一位用户的数据必须保持一致,以保证数据的准确性。
本系统对客户端和服务器的配置要求如下:
客户端配置
CPU:赛扬1.8以上
内存:512MB以上
网络:接入Internet
显示器:17in以上显示器
浏览器:IE 8.0或者更高版本
分别率:1024×768像素以上
服务器配置
开发工具:Ecilpse IDE for Java EE
CPU:P4 3.2GHz
内存:1GB以上
硬盘空间:40GB
操作系统:Windows7、Windows XP或者Windows 2003
网络支持:因特网或校园网
数据库:MySQL 5.5
Java开发包:JDK 1.7以上
Web服务器:Tomcat 7.0
结合网上商城系统平台的做法,以及研究,大致有几个相同的开发参数在里面,基本上所有的开发都少不了这几个模块功能,购物车模块、会员管理模块、订单业务模块、商品列表模块,这也是商品展示的核心功能模块,下面着重介绍几个功能模块的需求分析:
(1)商品展示模块:当顾客进入首页浏览时,商品列表这块商品时首次展现的页面,里面主要展现了该店商品信息,包括价格、商品名、分类,以及相关的介绍。如图1所示:
图1 商品展示模块图
(2)购物车模块;当用户登陆后,选定指定的商品后 ,加入到订单系统中,该商品会自动的加入到购物车中,便于在结账时,一起记录在结算中。如图2所示:
图2 购物车模块图
(3)会员管理模块:游客只能浏览网页信息,不能下单购买,系统会提示用户注册等消息,所以会员管理功能,能记录所有注册用户的信息,便于购买时留下记录如图3所示:;
图3 会员管理模块图
(4) 订单业务模块:记录用户购买时,每笔订单的流水号,便于后端发货。如图4所示:
图4 订单业务模块图
针对 商城微信小程序系统的用户需求,在用户登录小程序后可以在列表里购买商品,也能查看商品的分类,还可以直接搜索想要的商品,在收到商品后还可以进行相关评价。用户的需求用例图如图5所示:
针对管理员的使用需求,管理员在登录后台后可以对相关商品商品进行上下架,还可以修改售卖金额,同时也可以管理用户信息和订单信息。管理员的需求用例图如图6所示:
3.2.4流程图设计
用户登陆系统工作流程为:分为前端用户登陆和管理员用户登陆,前端注册用户可在商品中浏览商品,购买商品,等支付完成后即可生成排号等待状态;管理员登陆系统后可对系统中的会员用户管理、商品管理及订单管理。以下是总体的流程图设计如图3-2:
3.2.5系统ER图设计
部分截图:
论文下载地址:请点击》》》
以上是关于微信小程序点餐系统的设计与实现的主要内容,如果未能解决你的问题,请参考以下文章
基于JavaScript的餐厅点餐系统微信小程序的设计与实现