数字媒体技术-基于微信小程序平台的点餐小程序.docx

《数字媒体技术-基于微信小程序平台的点餐小程序.docx》由会员分享，可在线阅读，更多相关《数字媒体技术-基于微信小程序平台的点餐小程序.docx（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、摘要随着计算机和互联网技术的成熟，手机的广泛应用，许多关于点餐的应用程序指数型爆炸增长。但由于使用时间和空间的限制，不同用户在不同情况下使用同种点餐程序会产生不同的效果，甚至部分用户可能无法正常使用小程序的功能。所以根据用户需求开发一款特定的点餐小程序，才能够有效地提高商家点餐效率。本炸物点餐小程序是针对炸物的点餐组合而开发，采用 MYSQL 数据库、微信开发者工具进行微信端开发，满足用户通过微信客户端进行炸物点餐的需求。本小程序具有快捷、轻便的特点，不占内存，不用下载、安装，且访问速度很快，同时帮助商家快速提高客流量。小程序是以微信为入口的，相当于自带接近 10 亿的流量人口帮助引流。整个系

2、统不仅操作简单、便捷，而且节约用户的时间及资源成本等，仅需通过一部手机和一个微信号即可满足用户们的需求。论文首先阐述了炸物点餐小程序的开发背景，并对开发炸物点餐小程序运用到的的所有的知识做了系统的描述，接着对该炸物点餐小程序的整体的需求与框架进行分析与设计然，最关键的步骤既对后台管理员系统与前台用户系统进行实例测试、bug 维护，确保后台与前台系统能够正常运行。关键词：微信开发者工具 炸物点餐 JavaMYSQLAbstractAs the maturity of computer and Internet technologies, many applications for orderin

3、g have exploded exponentially. Different users using the same ordering program in different situations will produce different effects. Some users even may not be able to use the functions of the applet normally. Therefore, according to user needs to develop a specific ordering applet, can effectivel

4、y improve the ordering efficiency of businesses. This fried food ordering applet is developed for the fried food ordering combination. It uses the MYSQL database and WeChat developer tools for WeChat terminal development to meet the needs of users to order fried food through the WeChat client. This

5、small program has the characteristics of fast and light, does not occupy memory. The small program is based on WeChat, which is equivalent to bringing in a flow. The entire system is not only simple and convenient to operate, but also saves the users time and resource costs. It only needs a mobile p

6、hone and a micro signal to meet the needs of users. The paper first expoundsthedevelopmentbackground,andintroducestherelated technologies used in the development of the fry-order mini-program in detail.Then, test and maintain to ensure the normal operation of the system.Keywords: WeChat developer to

7、olOrdering AppletsJavaMYSQL目录第一章 绪 论11.1 课题研究背景11.2 研究现状11.3 论文结构安排2第二章 系统关键技术32.1 微信小程序32.2 微信Web 开发者工具32.3 WXML 、WXSS、JS 小程序编写语言32.4 微信小程序API 接口42.5 MYSQL 数据库43 系统分析53.1 可行性分析53.1.1 技术可行性53.1.2 经济可行性53.1.3 操作可行性53.1.4 法律可行性63.2 系统性能分析63.3 系统功能分析63.4 业务流程分析73.5 用户体验需求分析8第四章 系统设计94.1 系统结构设计94.2 系统顺序

8、图设计94.2.1 登录模块顺序图94.2.2 添加信息模块顺序图104.3 系统数据库设计104.3.1 数据库E-R 图设计114.3.2 数据库表设计13第五章 系统的实现155.1 用户功能模块的实现155.1.1 微信授权登录界面155.1.2 首页界面155.1.3 店铺详情界面165.1.4 商品购买界面165.1.5 订单界面165.1.6 我界面175.2 管理员功能模块的实现175.2.1 管理员登录界面175.2.2 用户管理界面185.2.3 商品管理界面185.2.4 店铺管理界面195.2.5 订单管理界面20第六章 功能测试226.1 测试定义226.2 测试方法

9、226.3 测试方案226.4 测试实例23结论27参 考 文 献28致谢错误!未定义书签。第一章 绪 论1.1 课题研究背景当今的社会，信息互联、网络互联的技术已经完全融入每个人的生活，引领着一场科技爆发的巨大变革。网络系统体系逐渐完善，趋于成熟发展，代表者高速网络时代的到来，且影响着人们的生活方式。近年来 4G 网络的普及，手机已经融入到了人们快节奏的生活当中去。现今各类智能手机不断更新，智能手机的普遍使用让各种基于手机移动端的 APP 迅猛增长。其中，微信作为时下国内最火的聊天交流APP，受众群体大、可操作性强，给人们的生活带来了许多便捷，俨然成为日常生活必不可少的社交软件。根据去年公布

10、的一组数据中可知，2019 年微信的最高用户量达到 10 亿多，而建立在微信平台基础上的小程序凭着它不用安装、不占内存、使用便捷等众多优点备受各大企业关注。微信官方推出的公众号以及微信开发者工具， 给社会带来了质一样的改变，给许许多多的商家带来了更好的推广机会，也方便了商家进行门店管理与客流分析。微信小程序以其独有的特点：如依靠着微信这个超级大平台，可以带来极大的访问量，并且一个小程序的成本较低，但消息的时效却非常的快，能给商家带来可观的盈利。同时基于微信支付，商家们对于收入与支出的管理显得极为方便。基于以上微信的优势和手机的普及，在开发本炸物点餐小程序时，本文选择基于微信小程序进行开发设计。

11、此系统与传统炸物点餐方式相比有着足够的优点，传统实体店进行点餐，有时间和地点和人力成本的限制。如今智能手机的普及，微信支付平台的成熟，在微信营销的助攻中下，开发了的炸物点餐小程序不仅可以满足用户足不出户就能进行炸物点餐，给用户带来便利，同时也促进了炸物店发展，提高营业额。1.2 研究现状当今移动互联网的不断发展，且手机的使用频率越来越高，意识着移动互联网时代已经融入我们的生活。2019 年，官方数据提到我国使用移动电话的人数有 13 亿左右，而以此媒体连接互联网的人数在9 亿左右，同时使用4G 的用户日益增长， 越来越多。4G 网络为移动互联网注入了新的活力，越累越多企业将眼光聚焦在 4G 网

12、络的世界，希望能够在其中抢占先机，挖掘属于自己的地盘。随着现代信息技术的快速崛起和发展，智能手机几乎已覆盖全国，微信公众平台在微信中的应用频率日益增加，首当其冲的就是 Internet 与智能手机的融合了， 为微信的发展提供了丰富有力的条件。目前国内的炸物点餐小程序还不成熟，大多5数的炸物点餐系统都出现在传统的 WEB 应用上，在这个环境下，炸物点餐小程序会赶着新潮的趋势，抢占先机。目前，绝大部分的应用程序都还是停留在传统的WEB 应用的朝代，但在微信已经是每个智能手机必备应用的今天，人们不能通过传统 WEB 的应用满足人们随时随地体验各种应用的作法，在此条件下，手机微信客户端的小程序将会越来

13、越多且其发展的速度也会越来越快的趋势中，炸物点餐系统作为传统 WEB 应用，也必将转战到手机微信平台上的小程序中。1.3 论文结构安排本炸物点餐小程序在开发技术的选择上，使用WXML 、WXS、JS 小程序编写语言和 MYSQL 数据库开发。本论文的框架结构如下：第 1 章绪论。阐述本文的研究背景和研究现状，描述在互联网高速发展和移动手机普遍存在的趋势下，炸物系统从 WEB 应用转战到微信小程序中。第 2 章系统关键技术介绍。介绍构建炸物点餐小程序进的相关技术，有第 3 章系统分析。分析炸物点餐小程序的需求，包括系统性能分析、系统功能分析以及系统流程分析等。第 4 章系统设计。根据需求分析对系

14、统进行功能模块划分和数据库设计，并构建系统结构图以及数据库 E-R 图等。第 5 章系统的实现。对系统主要功能模块进行界面展示。第 6 章系统测试。对系统进行测试工作，发现系统 bug，进行修改，确保系统正常稳定的运行。第 7 章结论。总结论文的主要工作，提出进一步完善炸物点餐小程序的目标和明确方向。第二章 系统关键技术2.1 微信小程序也被称为小程序，英文名为 Mini Program ，是一种通过微信媒介连接用户与服务的全新方式，客体可以快速访问页面、主体可以快速传播信息，为双方提高良好的使用体验。小程序的主要开发语言是 JavaScript，它与普通 web 的开发有很多相似之处。虽然如

15、此，小程序和普通网页开发并不是相同的东西，是存在一定的差异。主要是， 小程序开发的渲染线程和脚本线程是分开存在的，它们可在不同的线程之中运行， 而在传统的 WEB 应用是互斥的，不能同时运行。小程序不能依靠完整的浏览器应用，缺失 DOM API 和 BOM API ，而传统的 WEB 应用可以依靠各种浏览器暴露出来的 DOM API，进行选中和操作。综合以上的差别使得一些经常用到的前端开发的一些库是无法在小程序中运行的。另外，网页开发的工作者在开发网页时所要面对的环境比较负责，需要在各式各样系统上运行的各式各样的浏览器，而小程序只需面对 iOS 或 Android 这两道操作系统下的微信就足够

16、了。小程序与传统的 APP 相比，有着开发成本更少，获客成本更低，发展空间更大等的优点。不过，为了体现“用完即走”、“无需安装”等理念，小程序的功能、性能都会受到制约，不能完美展现，可以说是有利有弊。2.2 微信 Web 开发者工具为了实现和方便微信小程序编写，腾讯公司推出微信 web 开发者工具2，用来调试编写微信小程序和微信小游戏及微信公众号。该软件支持微信小程序官方 API 和相应的辅助工具和插件，也支持微信端的代码编辑，查看，预览，发布。其拥有自己的前端代码文件，.其中.wxml 为视图文件、.wxss 为样式文件、JS 为交互文件8。当然它也支持相应的网络框架，通过接口 wx.req

17、uest 和后台进行数据传输，通过配置 https 域名配置跟服务器对接并发布项目这是一款集开发、预览、发布等功能的微信产品的开发工具，目前还在不断地更新。2.3 WXML 、WXSS、JS 编写语言WXML 和 WXSS 和 JS 语言是开发微信小程序的必备语言，首先通过 WXML 语言构建出微信小程序的基础页面，包含一些基础组件和程序的系统的页面布局， 其次通过 WXSS 修饰小程序页面整体样式的语言。它与搭建 WEB 网页的 HTML 与CSS 相类似，同样在制作微信小程序的前台时与搭建 WEB 页面一样，都需要用到JavaScirpt 来使页面更具多样化和丰富的功能，提高用户在使用时与

18、小程序的交互感与便捷程度。2.4 微信小程序 API 接口API 接口是微信小程序和微信公众号的接口文档，为腾讯公司提供，里面包含了各种需要使用的接口技术， 例如本项目用到的获取微信用户信息功能(wx.getUserInfo)、蓝牙通讯传输功能、网络请求功能(wx.request)、定位功能等，总的来说，小程序 API 是能够满足一个程序开发的大部分接口。2.5 MYSQL 数据库数据库其可以被比作一个水杯，数据是水杯里的水。MYSQL 在运行时，按照数据结构对其组织、存储和管理。，其作用就是管理大量的信息并提供高效的解决方案。MySQL 是典型的关系数据库系统，拥有开源免费、稳定、高效等特点

19、，一直是中小型 web 项目的最佳数据库选择。MySQL 作为当今 IT 领域使用人数最多的开源关系型数据库软件之一，在 2018 年的数据库使用率排名中位居第二，仅次于目前为止最成功的商业版数据库 Orcle5。MySQL 最大的优势之一就是无偿使用，这也是它成功的关键。MySQL 支持标准化数据库查询语言 SQL。MySQL 是一款非常适合个人开发者或小型企业或开发团体的数据库管理系统，因为它是开源系统并且费用为 0，具有多种特点，比如占的内存体积小、运行速度快、使用成本低以及开放源码等等，同时提供了多种开发的连接 API，使得其深受程序设计人员的喜爱，成为了许许多多中小型开发网站数据库的

20、首选。MySQL 将数据的存放按照记录之间的关系存放到了不同的表中，减少了数据的冗余并且提高了开发的工作效率。 MySQL 支持开发中需要用的大型数据库，并能处理数以万计的记录。因为 MySQL 是开源的软件， 所以在项目的预算中的时候不用花费额外的资金，大大降低了开发的总体成本，这也是 MySQL 数据库在中小型企业和独立的开发者中广泛流行的原因1。3 系统分析3.1 可行性分析可行性分析存在的目的是为了让系统的设计者对其开发设计的小程序系统有更加深入的了解，通过系统的可行性分析可以使设计者确定研究方向，明确研究目标， 找到可行的方法，明确可行的的设计开发方案，协助设计者对设计做出更加合理和

21、科学的抉择。3.1.1 技术可行性技术可行性是指学习的技术是否能够完成本项目，缺乏点餐系统相应的开发技术本文的设计是不可行的。本炸物点餐小程序按照腾讯公司规定的微信小程序规则进行开发，本文系统采用 WXTML、JS、WXSS 微信的标准语言、使用 MYSQL 数据库等技术进行开发设计。由于论文作者作为计算机专业学生，在学校期间接触到大量关于编程方面的内容，包括学习各种编程软件，掌握编程语言，对编程有较为系统的了解，同时后期本人也学习了微信小程序的开发知识，所以技术开发上面还是有一定把握，能够驾驭炸物点餐系统的设计开发。3.1.2 经济可行性项目需要考虑花费问题，具体为系统开发中所有的花费，是否

22、涉及到大额或者设计者不能承受金额。二是系统开发后期维护相关的费用是否过多。由于本文作者身份为学生，没有大量的钱财去支撑该小程序的开发运行，所以在经济成本方面会比较紧缩，尽量在能力范围之内。因此在开发程序过程中，前期是不会花太多经济成本在上面的，可以在后期被客户选中后进行升级。同时该系统在技术上不是很复杂，需要开发者的开发周期缩短，所以投入较小，经济成本很低，因此具有一定的经济可行性。3.1.3 操作可行性操作可行性主要是针对系统用户的体验，一个系统不能仅仅以开发的功能、页面完美为考察，还更应该考察用户会不会和愿不愿意使用，只有存在一定的用户且用户长久使用，该系统存在的价值也是不大的。本文设计开

23、发炸物点餐微信小程序， 主要是在 windows 端完成前期开发，使用的工具为微信开发者工具，目的时为了脱离的一些系统平台设下的限制，只要在微信开发者工具完成整个程序的手机客户端开发，用户即可在 Android 端和 IOS 端登录访问。由于本文作者是初学者，程序开发经验不足，在界面设计上面不要求复杂奢华的风格，尽量追究简洁大方的风格， 实现操作上方便便捷模式，尽可能让用户使用小程序的时候流畅快速。用户一旦登录进入本文设计的程序的操作界面，界面上就会有相应的操作提示，用户跟着操作提示就可以快速找到对应的功能操作模块，实现傻瓜式操作，方便用户快速下单、加单等。总体来说，本文的系统具有操作快速、管

24、理容易和交互性良好的特点。总体来说，本文设计的小程序在操作上是非常简单的。适合大众需求，可以对其进行开发。3.1.4 法律可行性在法律可行性方面，本文主要分析系统的开发是否涉及到了签订合同条例、侵犯他人权益、违背所负责任以及各种与法律相抵触的问题。我国已经颁布了中华人共和国著作权法和计算机软件保护条例，这两个法律是我们开发软件系统是否违法的依据。通过分析，我们发现此系统并不存在知识产权问题，同时也没有存在侵犯版权问题，这就证明我们的系统是没有违法违规，故符合法律可行性原则。综合以上各个方面的可行性分析，本文所涉及的炸物点餐微信小程序在现实生活中存在价值，适宜开发。3.2 系统性能分析（1） 响

25、应效率需求：用户的每个操作响应时间不得超过 2 秒。（2） 简单性需求：系统设计的风格简单，各种功能应该简单操作，不需要经过特定培训，可以缩短用户熟悉系统的进程。（3） 稳定性需求：不会因为用户操作错误的原因等而导致整个系统奔溃，同时保证系统在各个状态下不会存在字体、图片模糊的现象。（4） 安全性需求：防止横向越权和纵向越权，保证用户的个人信息安全。3.3 系统功能分析本炸物点餐小程序主要满足 2 种使用对象的需求，这 2 种使用对象分别为管理员和用户，使用对象间的静态结构图如图 3-1 所示。图 3-1 使用对象间静态结构图管理员可登录系统后台，对系统进行全面管理，管理员登录主要功能模块包括

26、用户管理、店铺管理、商品管理以及订单管理。管理员用例如图 3-2 所示。6管理员登录用户管理店铺管理管理员商品管理订单管理图 3-2 管理员用例图用户通过微信客户端进入本炸物点餐小程序，授权登录后可进入系统可查看店铺信息、商品信息，同时也能完成商品购买、管理个人订单以及修改个人信息等操作。用户用例图如图 3-3 所示。微信授权登录炸物点餐订单用户修改个人信息图 3-3 用户用例图3.4 业务流程分析结合实际用户炸物点餐进行详细调查，进而作出本炸物点餐小程序业务流程的具体分析。在用户查询商品、点餐流程的基础上，进行改进，做出了详细系统的业务流程图，如图 3-4 所示。8用户信息表用户未授权用户授

27、权授权登录登录查看店铺商品信息表查看商品信息支付点餐商品管理生成订单订单信息表用户管理管理员订单管理店铺管理店铺信息表图 3-4 业务流程图3.5 用户体验需求分析本炸物点餐小程序要求在微信平台上流畅运行，主要实现在微信小程序查看商品信息、点餐、付款等功能，一个好的应用程序应具备以下两方面用户体验：（1） 界面友好用户使用的界面要尽量符合简洁直观、操作方便的特点。（2） 响应快速对用户的请求即在小程序上的操作，一定能能快速响应，对于一些耗时的应用程序的操作，操作时候界面需要以进度条的形式显示，让用户随时了解程序执行情况11。第四章 系统设计4.1 系统结构设计系统结构设计就像一幅流程图的运作，

28、首先执行号总目标分割的各个小任务， 完成后搭建起来，组合形成一个完整的大任务。在这个完成任务的设计过程，要确定各个小任务完成后是否达到预期的目标和结果，在这实现小目标的过程中，设计者也需要了解相关的需求分析信息。把每一个小任务按照目标构建完成，系统也就完成了初步设计，后续对其进行升级优化，设计一个实际意义高符合市场价值的系统结构。本炸物点餐小程序系统结构主要包括两大部分，分别为用户功能模块和管理员功能模块，系统结构图如图 4-1 所示。图 4-1 系统功能结构图4.2 系统顺序图设计4.2.1 登录模块顺序图管理员要想进入系统后台对系统进行管理操作，必须进行登录操作，登录模块10的顺序图如图

29、4-2 所示。图 4-2 登录顺序图4.2.2 添加信息模块顺序图管理员根据自身需求，可以登录程序后台后，对电偶各类信息的进行添加操作， 例如商品信息（炸串、炸香肠）添加、店铺信息（本店荣获美团九月份销售冠军） 添加等，添加信息顺序图如图 4-3 所示。图 4-3 添加信息顺序图4.3 系统数据库设计数据库是系统开发的关键因素之一，可以决定程序开发的好坏优劣。数据库的设计其实是按照表结构为标准的，主要包括表和表的关系或者联系，还有系统开发所需要的一些表或数据表内容的关联和信息。本文在数据库的执行或运行中，十分关注和考虑数据库结构是否符合本文设计开发的需求，以保证配套的点餐的小程序可以达到设计的

30、目标或者要求，符合市场价值。4.3.1 数据库 E-R 图设计E-R 图表示数据库模型的构建过程，由于数据库模型主要有数据实体、实体属性、实体间包含关系组成的，所以 E-R 图也有这三个重要元素组成。E-R 图能够帮助设计者在开发设计的时，清楚明白地使用数据库达到设计要求，方便高效便于设计者总结。实体：E-R 图时构建数据库模型需要的数据的实体，一般在 E-R 图中用矩形呈现，呈现规则实体名在上，而其实体属性在下，实体包含主外键等关系。属性：E-R 图中的属性，是指数据库中需要的实体属性，属性可以构成实体，但是需要众多的实体去构成。一般来说，模型的属性会拥有其特定的数据类型还有不同的数据大小。

31、属性十分重要，它好的与坏便决定了 E-R 图中实体的完整健全。关系：E-R 图中的关系是指数据库模型中需要的实体之间的关系，一般用菱形来呈现，由于这些实体存在关系，该图所设置的菱形就有着多种数据联系，比如一对多和多对多的实体关系，这些便构成了 E-R 图的关系。E-R 图的关系关联着实体， 与实体有紧密的关系，图的展现能够使关联性更加的显著、使得设计者易懂。本炸物点餐小程序的 E-R 图如下所示：（1） 商品实体属性图如图 4-4 所示添加时间图片价位是否有效名称店铺编号编号简介商品图 4-4 商品实体属性图（2） 订单实体属性图如图 4-5 所示14店铺编号价位用户编号订单编号店铺名称编号用

32、户名称订单商品数量送货地址商品编号备注状态是否有效下单时间图 4-5 订单实体属性图（3） 店铺实体属性图如图 4-6 所示图片是否有效添加时间地址描述经度店铺名称纬度编号手机号码店铺图 4-6 店铺实体属性图（4） 用户实体属性图如图 4-7 所示添加时间微信授权编号年龄用户名性别密码头像姓名是否有效编号地址用户图 4-7 用户实体属性图4.3.2 数据库表设计本炸物点餐小程序采用 MYSQL 数据库，数据库的功能主要被用来存放储蓄小程序应用中的所有数据，以便后续设计进行。本文开发设计的点餐小程序的数据库中的数据表如下：表 4-1 为本文小程序后台管理系统中管理员自行添加的商品信息的数据表，

33、其中包含信息有商品的编号、名字、价钱、添加的时间、图片、当前是否可用、商品在店铺中的编号以及商品介绍等信息。表4-1 goods 商品信息表列名数据类型长度允许空说明idint11否编号namevarchar50是名称moneyvarchar50是价位createTimebigint20是添加时间photovarchar255是图片isActiveint11是是否有效storeIdint11是店铺编号remarkvarchar255是简介表 4-2 为本文小程序后台管理系统中订单信息数据表。表 4-2ordermain 订单信息表列名数据类型长度允许空说明idint11否编号codevarch

34、ar50是订单编号moneyvarchar50是价位storeIdint11是店铺编号userIdint11是用户编号storeNamevarchar50是店铺名称userNamevarchar50是用户名称addressvarchar255是送货地址contenttext是备注isActiveint11是是否有效createTimebigint20是下单时间statetinyint4是状态goodsIdint11是商品编号amountvarchar20是商品数量订单信息数据表主要用来获取前台用户下单的信息。其中包含商家在该程序上所有的订单对应编号和金额、使用该系统的用户所属的编号和其名称及送

35、货地址、备注信息等数据。表 4-3 为本文小程序中后台的商家管理系统中关于店铺信息数据表，主要用来描述店铺的主要公布的信息数据表。其中包含店铺名称(xx 炸物店)、店铺简介（何时开业）、商家店面效果图等信息。表4-3store 店铺信息表列名数据类型长度允许空说明idint11否编号namevarchar50是店铺名称remarkvarchar200是描述createTimebigint20是添加时间photovarchar255是图片isActiveint11是是否有效addressvarchar255是地址latitudevarchar255是经度longitudevarchar255是纬

36、度phonevarchar255是手机号码表 4-4 为本文小程序后台管理系统中用户信息数据表，用来收集本文小程序访问过的用户数据表。其中包含用户登陆时候姓名、授权的头像、性别和地址等信息。表4-4user 用户信息表列名数据类型长度允许空说明idint11否编号namevarchar50是姓名passwordvarchar20是密码loginNamebigint20是用户名codevarchar50是微信授权编号createTimebigint20是添加时间agevarchar50是年龄sexvarchar20是性别photovarchar255是头像isAtiveint11是是否有效add

37、ressvarchar255是地址第五章 系统的实现5.1 用户功能模块的实现5.1.1 微信授权登录界面用户通过一定方式获取系统登陆界面，后进入本文设计的系统可选择进行微信授权登录操作，登录界面展示如图 5-1 所示。215.1.2 首页界面图 5-1 微信授权登录界面图用户通过微信平台打开本炸物点餐小程序，即进入了系统的首页，用户可在首页查看所有店铺信息，首页界面展示如图 5-2 所示。图 5-2 首页界面图5.1.3 店铺详情界面用户可选择店铺查看店铺商品信息，并可选择商品购买操作，店铺详情界面展示如图 5-3 所示。5.1.4 商品购买界面图 5-3 店铺详情界面图用户在商品购买的时候

38、首先需要填写收货地址，填写后可进行确认支付操作， 商品购买界面展示如图 5-4 所示。5.1.5 订单界面图 5-4 商品购买界面图用户可进入订单界面查看个人所有订单信息，并可进行申请退款或者收货等操作，收货后还可进行评价，订单界面如图 5-5 所示。5.1.6 我界面图 5-5 订单界面图用户在我界面可进行修改个人信息或者退出系统操作，我界面如图 5-6 所示。图 5-6 我界面图5.2 管理员功能模块的实现5.2.1 管理员登录界面管理员希望完善某信息、得知数据时候需要进入系统设置的特定的后台，首先进行登录操作，本文小程序的管理员登录界面展示如图 5-7 所示。5.2.2 用户管理界面图

39、5-7 管理员登录界面图管理员可对用户的信息进行查看和操作，主要是对其进行添加、修改和删除用户信息，用户管理界面展示如图 5-8 所示。5.2.3 商品管理界面图 5-8 用户管理界面图管理员可进行具体商品的信息进行管理和符合店铺运营的操作，比如可添加新品、修改存在的产品和删除淘汰的商品信息，本文小程序商品的具体管理界面展示如图 5-9 所示。添加商品信息的具体界面展示如图 5-10 所示。图 5-9 商品管理界面图5.2.4 店铺管理界面图 5-10 添加商品信息界面图为了达到运营高效的目标，使用本文小程序的管理员可以在店铺后台的相应的管理界面查看自己经营的店铺的所有上传信息，同时对已有店铺

40、可进行改动和删除操作，管理和新增信息的界面展示如图 5-11，图 5-12 所示。图 5-11 店铺管理界面图5.2.5 订单管理界面图 5-12 新增店铺界面图本文小程序开发了订单管理功能，通过该功能进入相应界面，管理员可查看每日的各个时段相应的用户订单信息，同时可按需删除某些用户，订单管理界面展示如图 5-13 所示。图 5-13 订单管理界面图第六章 功能测试6.1 测试定义本文将通过一定的测试，判断本文的点餐小程序的具体功能、页面的版式、操作的运行速度是否达到本文的预期目标。测试是为了在后续的实际运用中减少商家和用户遇到的问题，尽量达到人人夸赞的程度。测试程序是整个测试过程的重中之重，

41、因为程序可以改变整个点餐小程序的功能、界面、运行速度等基本情况，程序代码是贯穿整个开发点餐小程序的核心，系统的开发与结束都与之密切相关，在接下来的运营和维护也与之相关。本文的测试首先是对程序的代码进行测试，代码的正确与错误影响程序的操作是否能够实现。其次是对阶段设计中的摘要和小细节的评估，设计的目标出错，会导致整个程度像拉链上的一个齿环脱离，这个拉链无法拉紧，程序无法达到预期目的，不断地偏离正确的道路，误差越来越大。完成两者的测试能够考察本文所设计的点餐小程序功能是否达到用户的具体需求，接口是否符合腾讯的标准，页面是否简洁等等信息。最后测试不一定要在运行的最后实施， 越早的测试能够帮助挖掘小程

42、序设计过程中的错误，及时订正，减少开发成本。6.2 测试方法小程序的总体程序代码测试主要有两种测试方式，包括白盒的测试和黑盒的测试。白盒测试：主要是以程序的设计开发所阐述逻辑结构及产生的内部形式为依据完成测试，此程序可以被作为玻璃盒测试。主要是以程序中的具体使用的语句、判定、条件和路径为依据的覆盖式测试方法。黑盒测试方式：主要方法有等价类划分法，即输入符合目标的相应值，对功能进行相关检验，而输入一些点餐小程序的无效等价类的值，就可以帮助程序找出相应的错误的地方；边界值分析法，即对测试中的一些的边界值进行测试；因果图法， 即通过运用对应的功能场景测试，从测试结果对系统的功能点或业务流程的描述， 进而提升功能效果。整个论文的系统测试包括了两种重点方式，从而符合“保障了系统测试的用例完全性和效果性”的原则。进行测试总体而言就是要检查是否功能齐全、是否能够接收信息或输送信息、数据的结构和性能需求是否到位、是否能够正确的初始化和终止。6.3 测试方案23对测试计划的把握是测试方案的重中之重。所有的技术难点应该都被包含在这个测试计划之中。要保证测试计划能与目标形成一致性，以至于能够测试出一些主要存在的错误和漏洞。只有白盒测试或者黑盒测试的测试方法能够达到本文的测试目标。构造测试：是了解与分析程序的结构以及性能功，通过此方法开发则可以得到最终想要的结果并且观察出是不是每一条程序都达