数字媒体技术基于微信小程序平台的点餐小程序.docx
《数字媒体技术基于微信小程序平台的点餐小程序.docx》由会员分享，可在线阅读，更多相关《数字媒体技术基于微信小程序平台的点餐小程序.docx（33页珍藏版）》请在冰豆网上搜索。
数字媒体技术基于微信小程序平台的点餐小程序
摘要
随着计算机和互联网技术的成熟，手机的广泛应用，许多关于点餐的应用程序指数型爆炸增长。
但由于使用时间和空间的限制，不同用户在不同情况下使用同种点餐程序会产生不同的效果，甚至部分用户可能无法正常使用小程序的功能。
所以根据用户需求开发一款特定的点餐小程序，才能够有效地提高商家点餐效率。
本炸物点餐小程序是针对炸物的点餐组合而开发，采用MYSQL数据库、微信开发者工具进行微信端开发，满足用户通过微信客户端进行炸物点餐的需求。
本小程序具有快捷、轻便的特点，不占内存，不用下载、安装，且访问速度很快，同时帮助商家快速提高客流量。
小程序是以微信为入口的，相当于自带接近10亿的流量人口帮助引流。
整个系统不仅操作简单、便捷，而且节约用户的时间及资源成本等，仅需通过一部手机和一个微信号即可满足用户们的需求。
论文首先阐述了炸物点餐小程序的开发背景，并对开发炸物点餐小程序运用到的的所有的知识做了系统的描述，接着对该炸物点餐小程序的整体的需求与框架进行分析与设计然，最关键的步骤既对后台管理员系统与前台用户系统进行实例测试、bug维护，确保后台与前台系统能够正常运行。
关键词：
微信开发者工具炸物点餐JavaMYSQL
Abstract
AsthematurityofcomputerandInternettechnologies,manyapplicationsfororderinghaveexplodedexponentially.Differentusersusingthesameorderingprogramindifferentsituationswillproducedifferenteffects.Someusersevenmaynotbeabletousethefunctionsoftheappletnormally.Therefore,accordingtouserneedstodevelopaspecificorderingapplet,caneffectivelyimprovetheorderingefficiencyofbusinesses.Thisfriedfoodorderingappletisdevelopedforthefriedfoodorderingcombination.ItusestheMYSQLdatabaseandWeChatdevelopertoolsforWeChatterminaldevelopmenttomeettheneedsofuserstoorderfriedfoodthroughtheWeChatclient.Thissmallprogramhasthecharacteristicsoffastandlight,doesnotoccupymemory.ThesmallprogramisbasedonWeChat,whichisequivalenttobringinginaflow.Theentiresystemisnotonlysimpleandconvenienttooperate,butalsosavestheuser'stimeandresourcecosts.Itonlyneedsamobilephoneandamicrosignaltomeettheneedsofusers.Thepaperfirstexpoundsthedevelopmentbackground,andintroducestherelatedtechnologiesusedinthedevelopmentofthefry-ordermini-programindetail.Then,testandmaintaintoensurethenormaloperationofthesystem.
Keywords:
WeChatdevelopertoolOrderingAppletsJavaMYSQL
第一章绪论
1.1课题研究背景
当今的社会，信息互联、网络互联的技术已经完全融入每个人的生活，引领着一场科技爆发的巨大变革。
网络系统体系逐渐完善，趋于成熟发展，代表者高速网络时代的到来，且影响着人们的生活方式。
近年来4G网络的普及，手机已经融入到了人们快节奏的生活当中去。
现今各类智能手机不断更新，智能手机的普遍使用让各种基于手机移动端的APP迅猛增长。
其中，微信作为时下国内最火的聊天交流APP，受众群体大、可操作性强，给人们的生活带来了许多便捷，俨然成为日常生活必不可少的社交软件。
根据去年公布的一组数据中可知，2019年微信的最高用户量达到10亿多，而建立在微信平台基础上的小程序凭着它不用安装、不占内存、使用便捷等众多优点备受各大企业关注。
微信官方推出的公众号以及微信开发者工具，给社会带来了质一样的改变，给许许多多的商家带来了更好的推广机会，也方便了商家进行门店管理与客流分析。
微信小程序以其独有的特点：
如依靠着微信这个超级大平台，可以带来极大的访问量，并且一个小程序的成本较低，但消息的时效却非常的快，能给商家带来可观的盈利。
同时基于微信支付，商家们对于收入与支出的管理显得极为方便。
基于以上微信的优势和手机的普及，在开发本炸物点餐小程序时，本文选择基于微信小程序进行开发设计。
此系统与传统炸物点餐方式相比有着足够的优点，传统实体店进行点餐，有时间和地点和人力成本的限制。
如今智能手机的普及，微信支付平台的成熟，在微信营销的助攻中下，开发了的炸物点餐小程序不仅可以满足用户足不出户就能进行炸物点餐，给用户带来便利，同时也促进了炸物店发展，提高营业额。
1.2研究现状
当今移动互联网的不断发展，且手机的使用频率越来越高，意识着移动互联网时代已经融入我们的生活。
2019年，官方数据提到我国使用移动电话的人数有13亿左右，而以此媒体连接互联网的人数在9亿左右，同时使用4G的用户日益增长，越来越多。
4G网络为移动互联网注入了新的活力，越累越多企业将眼光聚焦在4G网络的世界，希望能够在其中抢占先机，挖掘属于自己的地盘。
随着现代信息技术的快速崛起和发展，智能手机几乎已覆盖全国，微信公众平台在微信中的应用频率日益增加，首当其冲的就是Internet与智能手机的融合了，为微信的发展提供了丰富有力的条件。
目前国内的炸物点餐小程序还不成熟，大多数的炸物点餐系统都出现在传统的WEB应用上，在这个环境下，炸物点餐小程序会赶着新潮的趋势，抢占先机。
目前，绝大部分的应用程序都还是停留在传统的WEB应用的朝代，但在微信已经是每个智能手机必备应用的今天，人们不能通过传统WEB的应用满足人们随时随地体验各种应用的作法，在此条件下，手机微信客户端的小程序将会越来越多且其发展的速度也会越来越快的趋势中，炸物点餐系统作为传统WEB应用，也必将转战到手机微信平台上的小程序中。
1.3论文结构安排
本炸物点餐小程序在开发技术的选择上，使用WXML、WXS、JS小程序编写语言和MYSQL数据库开发。
本论文的框架结构如下：
第1章绪论。
阐述本文的研究背景和研究现状，描述在互联网高速发展和移动手机普遍存在的趋势下，炸物系统从WEB应用转战到微信小程序中。
第2章系统关键技术介绍。
介绍构建炸物点餐小程序进的相关技术，有
第3章系统分析。
分析炸物点餐小程序的需求，包括系统性能分析、系统功能分析以及系统流程分析等。
第4章系统设计。
根据需求分析对系统进行功能模块划分和数据库设计，并构建系统结构图以及数据库E-R图等。
第5章系统的实现。
对系统主要功能模块进行界面展示。
第6章系统测试。
对系统进行测试工作，发现系统bug，进行修改，确保系统正常稳定的运行。
第7章结论。
总结论文的主要工作，提出进一步完善炸物点餐小程序的目标和明确方向。
第二章系统关键技术
2.1微信小程序
也被称为小程序，英文名为MiniProgram，是一种通过微信媒介连接用户与服务的全新方式，客体可以快速访问页面、主体可以快速传播信息，为双方提高良好的使用体验。
小程序的主要开发语言是JavaScript，它与普通web的开发有很多相似之处。
虽然如此，小程序和普通网页开发并不是相同的东西，是存在一定的差异。
主要是，小程序开发的渲染线程和脚本线程是分开存在的，它们可在不同的线程之中运行，而在传统的WEB应用是互斥的，不能同时运行。
小程序不能依靠完整的浏览器应用，缺失DOMAPI和BOMAPI，而传统的WEB应用可以依靠各种浏览器暴露出来的DOMAPI，进行选中和操作。
综合以上的差别使得一些经常用到的前端开发的一些库是无法在小程序中运行的。
另外，网页开发的工作者在开发网页时所要面对的环境比较负责，需要在各式各样系统上运行的各式各样的浏览器，而小程序只需面对iOS或Android这两道操作系统下的微信就足够了。
小程序与传统的APP相比，有着开发成本更少，获客成本更低，发展空间更大等的优点。
不过，为了体现“用完即走”、“无需安装”等理念，小程序的功能、性能都会受到制约，不能完美展现，可以说是有利有弊。
2.2微信Web开发者工具
为了实现和方便微信小程序编写，腾讯公司推出微信web开发者工具[2]，用来调试编写微信小程序和微信小游戏及微信公众号。
该软件支持微信小程序官方API和相应的辅助工具和插件，也支持微信端的代码编辑，查看，预览，发布。
其拥有自己的前端代码文件，.其中.wxml为视图文件、.wxss为样式文件、JS为交互文件[8]。
当然它也支持相应的网络框架，通过接口wx.request和后台进行数据传输，通过配置https域名配置跟服务器对接并发布项目这是一款集开发、预览、发布等功能的微信产品的开发工具，目前还在不断地更新。
2.3WXML、WXSS、JS编写语言
WXML和WXSS和JS语言是开发微信小程序的必备语言，首先通过WXML语言构建出微信小程序的基础页面，包含一些基础组件和程序的系统的页面布局，其次通过WXSS修饰小程序页面整体样式的语言。
它与搭建WEB网页的HTML与CSS相类似，同样在制作微信小程序的前台时与搭建WEB页面一样，都需要用到JavaScirpt来使页面更具多样化和丰富的功能，提高用户在使用时与小程序的交互感与便捷程度。
2.4微信小程序API接口
API接口是微信小程序和微信公众号的接口文档，为腾讯公司提供，里面包含了各种需要使用的接口技术，例如本项目用到的获取微信用户信息功能（wx.getUserInfo）、蓝牙通讯传输功能、网络请求功能（wx.request）、定位功能等，总的来说，小程序API是能够满足一个程序开发的大部分接口。
2.5MYSQL数据库
数据库其可以被比作一个水杯，数据是水杯里的水。
MYSQL在运行时，按照数据结构对其组织、存储和管理。
，其作用就是管理大量的信息并提供高效的解决方案。
MySQL是典型的关系数据库系统，拥有开源免费、稳定、高效等特点，一直是中小型web项目的最佳数据库选择。
MySQL作为当今IT领域使用人数最多的开源关系型数据库软件之一，在2018年的数据库使用率排名中位居第二，仅次于目前为止最成功的商业版数据库Orcle[5]。
MySQL最大的优势之一就是无偿使用，这也是它成功的关键。
MySQL支持标准化数据库查询语言SQL。
MySQL是一款非常适合个人开发者或小型企业或开发团体的数据库管理系统，因为它是开源系统并且费用为0，具有多种特点，比如占的内存体积小、运行速度快、使用成本低以及开放源码等等，同时提供了多种开发的连接API，使得其深受程序设计人员的喜爱，成为了许许多多中小型开发网站数据库的首选。
MySQL将数据的存放按照记录之间的关系存放到了不同的表中，减少了数据的冗余并且提高了开发的工作效率。
MySQL支持开发中需要用的大型数据库，并能处理数以万计的记录。
因为MySQL是开源的软件，所以在项目的预算中的时候不用花费额外的资金，大大降低了开发的总体成本，这也是MySQL数据库在中小型企业和独立的开发者中广泛流行的原因[1]。
3系统分析
3.1可行性分析
可行性分析存在的目的是为了让系统的设计者对其开发设计的小程序系统有更加深入的了解，通过系统的可行性分析可以使设计者确定研究方向，明确研究目标，找到可行的方法，明确可行的的设计开发方案，协助设计者对设计做出更加合理和科学的抉择。
3.1.1技术可行性
技术可行性是指学习的技术是否能够完成本项目，缺乏点餐系统相应的开发技术本文的设计是不可行的。
本炸物点餐小程序按照腾讯公司规定的微信小程序规则进行开发，本文系统采用WXTML、JS、WXSS微信的标准语言、使用MYSQL数据库等技术进行开发设计。
由于论文作者作为计算机专业学生，在学校期间接触到大量关于编程方面的内容，包括学习各种编程软件，掌握编程语言，对编程有较为系统的了解，同时后期本人也学习了微信小程序的开发知识，所以技术开发上面还是有一定把握，能够驾驭炸物点餐系统的设计开发。
3.1.2经济可行性
项目需要考虑花费问题，具体为系统开发中所有的花费，是否涉及到大额或者设计者不能承受金额。
二是系统开发后期维护相关的费用是否过多。
由于本文作者身份为学生，没有大量的钱财去支撑该小程序的开发运行，所以在经济成本方面会比较紧缩，尽量在能力范围之内。
因此在开发程序过程中，前期是不会花太多经济成本在上面的，可以在后期被客户选中后进行升级。
同时该系统在技术上不是很复杂，需要开发者的开发周期缩短，所以投入较小，经济成本很低，因此具有一定的经济可行性。
3.1.3操作可行性
操作可行性主要是针对系统用户的体验，一个系统不能仅仅以开发的功能、页面完美为考察，还更应该考察用户会不会和愿不愿意使用，只有存在一定的用户且用户长久使用，该系统存在的价值也是不大的。
本文设计开发炸物点餐微信小程序，主要是在windows端完成前期开发，使用的工具为微信开发者工具，目的时为了脱离的一些系统平台设下的限制，只要在微信开发者工具完成整个程序的手机客户端开发，用户即可在Android端和IOS端登录访问。
由于本文作者是初学者，程序开发经验不足，在界面设计上面不要求复杂奢华的风格，尽量追究简洁大方的风格，实现操作上方便便捷模式，尽可能让用户使用小程序的时候流畅快速。
用户一旦登录进入本文设计的程序的操作界面，界面上就会有相应的操作提示，用户跟着操作提示就可以快速找到对应的功能操作模块，实现傻瓜式操作，方便用户快速下单、加单等。
总体来说，本文的系统具有操作快速、管理容易和交互性良好的特点。
总体来说，本文设计的小程序在操作上是非常简单的。
适合大众需求，可以对其进行开发。
3.1.4法律可行性
在法律可行性方面，本文主要分析系统的开发是否涉及到了签订合同条例、侵犯他人权益、违背所负责任以及各种与法律相抵触的问题。
我国已经颁布了《中华人共和国著作权法》和《计算机软件保护条例》，这两个法律是我们开发软件系统是否违法的依据。
通过分析，我们发现此系统并不存在知识产权问题，同时也没有存在侵犯版权问题，这就证明我们的系统是没有违法违规，故符合法律可行性原则。
综合以上各个方面的可行性分析，本文所涉及的炸物点餐微信小程序在现实生活中存在价值，适宜开发。
3.2系统性能分析
（1）响应效率需求：
用户的每个操作响应时间不得超过2秒。
（2）简单性需求：
系统设计的风格简单，各种功能应该简单操作，不需要经过特定培训，可以缩短用户熟悉系统的进程。
（3）稳定性需求：
不会因为用户操作错误的原因等而导致整个系统奔溃，同时保证系统在各个状态下不会存在字体、图片模糊的现象。
（4）安全性需求：
防止横向越权和纵向越权，保证用户的个人信息安全。
3.3系统功能分析
本炸物点餐小程序主要满足2种使用对象的需求，这2种使用对象分别为管理员和用户，使用对象间的静态结构图如图3-1所示。
图31使用对象间静态结构图
管理员可登录系统后台，对系统进行全面管理，管理员登录主要功能模块包括用户管理、店铺管理、商品管理以及订单管理。
管理员用例如图3-2所示。
图32管理员用例图
用户通过微信客户端进入本炸物点餐小程序，授权登录后可进入系统可查看店铺信息、商品信息，同时也能完成商品购买、管理个人订单以及修改个人信息等操作。
用户用例图如图3-3所示。
图33用户用例图
3.4业务流程分析
结合实际用户炸物点餐进行详细调查，进而作出本炸物点餐小程序业务流程的具体分析。
在用户查询商品、点餐流程的基础上，进行改进，做出了详细系统的业务流程图，如图3-4所示。
图34业务流程图
3.5用户体验需求分析
本炸物点餐小程序要求在微信平台上流畅运行，主要实现在微信小程序查看商品信息、点餐、付款等功能，一个好的应用程序应具备以下两方面用户体验：
（1）界面友好
用户使用的界面要尽量符合简洁直观、操作方便的特点。
（2）响应快速
对用户的请求即在小程序上的操作，一定能能快速响应，对于一些耗时的应用程序的操作，操作时候界面需要以进度条的形式显示，让用户随时了解程序执行情况[11]。
第四章系统设计
4.1系统结构设计
系统结构设计就像一幅流程图的运作，首先执行号总目标分割的各个小任务，完成后搭建起来，组合形成一个完整的大任务。
在这个完成任务的设计过程，要确定各个小任务完成后是否达到预期的目标和结果，在这实现小目标的过程中，设计者也需要了解相关的需求分析信息。
把每一个小任务按照目标构建完成，系统也就完成了初步设计，后续对其进行升级优化，设计一个实际意义高符合市场价值的系统结构。
本炸物点餐小程序系统结构主要包括两大部分，分别为用户功能模块和管理员功能模块，系统结构图如图4-1所示。
图41系统功能结构图
4.2系统顺序图设计
4.2.1登录模块顺序图
管理员要想进入系统后台对系统进行管理操作，必须进行登录操作，登录模块的顺序图如图4-2所示。
图42登录顺序图
4.2.2添加信息模块顺序图
管理员根据自身需求，可以登录程序后台后，对电偶各类信息的进行添加操作，例如商品信息（炸串、炸香肠）添加、店铺信息（本店荣获美团九月份销售冠军）添加等，添加信息顺序图如图4-3所示。
图43添加信息顺序图
4.3系统数据库设计
数据库是系统开发的关键因素之一，可以决定程序开发的好坏优劣。
数据库的设计其实是按照表结构为标准的，主要包括表和表的关系或者联系，还有系统开发所需要的一些表或数据表内容的关联和信息。
本文在数据库的执行或运行中，十分关注和考虑数据库结构是否符合本文设计开发的需求，以保证配套的点餐的小程序可以达到设计的目标或者要求，符合市场价值。
4.3.1数据库E-R图设计
E-R图表示数据库模型的构建过程，由于数据库模型主要有数据实体、实体属性、实体间包含关系组成的，所以E-R图也有这三个重要元素组成。
E-R图能够帮助设计者在开发设计的时，清楚明白地使用数据库达到设计要求，方便高效便于设计者总结。
实体：
E-R图时构建数据库模型需要的数据的实体，一般在E-R图中用矩形呈现，呈现规则实体名在上，而其实体属性在下，实体包含主外键等关系。
属性：
E-R图中的属性，是指数据库中需要的实体属性，属性可以构成实体，但是需要众多的实体去构成。
一般来说，模型的属性会拥有其特定的数据类型还有不同的数据大小。
属性十分重要，它好的与坏便决定了E-R图中实体的完整健全。
关系：
E-R图中的关系是指数据库模型中需要的实体之间的关系，一般用菱形来呈现，由于这些实体存在关系，该图所设置的菱形就有着多种数据联系，比如一对多和多对多的实体关系，这些便构成了E-R图的关系。
E-R图的关系关联着实体，与实体有紧密的关系，图的展现能够使关联性更加的显著、使得设计者易懂。
本炸物点餐小程序的E-R图如下所示：
（1）商品实体属性图如图4-4所示
图44商品实体属性图
（2）订单实体属性图如图4-5所示
图45订单实体属性图
（3）店铺实体属性图如图4-6所示
图46店铺实体属性图
（4）用户实体属性图如图4-7所示
图47用户实体属性图
4.3.2数据库表设计
本炸物点餐小程序采用MYSQL数据库，数据库的功能主要被用来存放储蓄小程序应用中的所有数据，以便后续设计进行。
本文开发设计的点餐小程序的数据库中的数据表如下：
表4-1为本文小程序后台管理系统中管理员自行添加的商品信息的数据表，其中包含信息有商品的编号、名字、价钱、添加的时间、图片、当前是否可用、商品在店铺中的编号以及商品介绍等信息。
表41goods商品信息表
列名
数据类型
长度
允许空
说明
id
int
11
否
编号
name
varchar
50
是
名称
money
varchar
50
是
价位
createTime
bigint
20
是
添加时间
photo
varchar
255
是
图片
isActive
int
11
是
是否有效
storeId
int
11
是
店铺编号
remark`
varchar
255
是
简介
表4-2为本文小程序后台管理系统中订单信息数据表。
表42ordermain订单信息表
列名
数据类型
长度
允许空
说明
id
int
11
否
编号
code
varchar
50
是
订单编号
money
varchar
50
是
价位
storeId
int
11
是
店铺编号
userId
int
11
是
用户编号
storeName
varchar
50
是
店铺名称
userName
varchar
50
是
用户名称
address
varchar
255
是
送货地址
content
text
是
备注
isActive
int
11
是
是否有效
createTime
bigint
20
是
下单时间
state
tinyint
4
是
状态
goodsId
int
11
是
商品编号
amount
varchar
20
是
商品数量
订单信息数据表主要用来获取前台用户下单的信息。
其中包含商家在该程序上所有的订单对应编号和金额、使用该系统的用户所属的编号和其名称及送货地址、备注信息等数据。
表4-3为本文小程序中后台的商家管理系统中关于店铺信息数据表，主要用来描述店铺的主要公布的信息数据表。
其中包含店铺名称（xx炸物店）、店铺简介（何时开业）、商家店面效果图等信息。
表43store店铺信息表
列名
数据类型
长度
允许空
说明
id
int
11
否
编号
name
varchar
50
是
店铺名称
remark
varchar
200
是
描述
createTime
bigint
20
是
添加时间
photo
varchar
255
是
图片
isActive
int
11
是
是否有效
address
varchar
255
是
地址
latitude
varchar
255
是
经度
升级会员 