【《微信点餐小程序的设计与实现》7700字（论文）】

III微信点餐小程序的设计与实现目录TOC\o"1-3"\h\u[摘要] 微信点餐小程序的设计与实现[摘要]随着国民生活节奏的加快，国民在餐饮消费领域追求更加便捷的点餐、就餐方式，线上餐饮受到大众的追捧。传统餐饮行业存在点单传菜效率低、服务人员有限、翻台率低等问题。而线上点餐系统可以很大程度避免以上问题的干扰，用户使用手机即可线上浏览餐厅菜单，选购喜欢的菜品，根据排队人数合理选择用餐时间。基于此，本人结合微信平台，利用WXML、WXSS编程技术实现微信点餐小程序。用户在微信界面即可访问系统，极大的增加了系统的可用性和便利性。同时，基于Spring框架、Java编程语言、MySQL数据库设计餐厅点餐后台管理系统，实现了对菜品信息、菜品订单等的管理，满足了餐厅对于餐品管理的需求。本系统的建设，旨在提升消费者用餐体验，提高餐厅整体营运能力。[关键词]自主点餐；微信小程序；Spring1前言项目背景当前大部分人们的外出就餐模式都是提前预定好，根据电话或者网络的形式了解就餐时间，并依此来安排行程，但是再这种就餐模式下会产生以下问题：首先，由于餐厅服务人员需要配合消费者进行点餐，不仅会浪费餐厅的成本，而且不能综合考虑消费者的年龄、体重和就餐需求。和餐厅服务员交流的人数有限导致没有结合每一个消费者去综合考虑，同时也没有办法去根据其他顾客的评价去选择。其次，由于餐厅席位有限，消费者可能需要长时间的等待才会有餐桌可以使用，用户体验性差[1]。最后，由于点餐之后，后厨还需要进行备餐准备，这就让即使有了餐桌的顾客也不能及时就餐。智能手机的普及与强大也是实现小程序点餐十分有利的条件。利用微信小程序点餐系统可以解决上述问题，消费者可以通过手机选择自己的就餐需求，还可以对餐品进行评价，也可以查看别的用户的评价来综合考虑，选择就餐时间，将订单通过网络发送给餐厅。餐厅在接收到用户订单后，可为用户提前安排好餐桌，根据订餐的顺序进行排好，后厨也可提前备餐，使顾客等餐时间减短[2]。目的和意义从当前的科学技术发展来看，利用微信小程序点餐能够有效的提升顾客点餐效率[3]。一方面，微信小程序使用方便、操作简单，能对顾客点餐方式、流程进行有效优化；另一方面，对于餐厅减少人员成本、提升管理水平也有明显的作用。传统点餐方式有着不足和不便。尤其是在节假日期间，由于餐厅服务人员的不足，顾客点餐、就餐等待时间较长，极大的影响了顾客就餐体验。因此，基于微信小程序设计和实现的微信点餐小程序有效的解决了这个问题，对于餐饮行业的信息化发展具有促进作用。论文结构本文基于对我国目前餐饮现状、大众点餐方式、技术应用等方面进行研究分析，结合微信开发平台，利用JAVA、wxml、Spring等技术，建设餐厅线上点餐的微信小程序。论文结构按顺序依次为：1.前言。阐述本文工作开展的内容，以及选题的实际意义。2.需求分析。对系统的各类设计需求进行概述。3.开发技术简介。介绍本次建设点餐系统应用到的主要技术。4.系统设计。介绍系统的功能、接口等方面的设计。5.系统的实现。展示小程序端、后台管理端各功能的实现，并概述核心功能。6.系统测试。查看系统各项功能实现是否符合设计需求，是否存在有能够影响用户使用的地方。7.总结。对本次系统开发工作进行了反思与总结。2需求分析2.1功能性需求1.扫一扫用户可通过扫描餐厅提供的二维码进入菜单浏览界面，管理员可通过后台管理系统确定用户的菜单和桌号。2.菜单浏览用户通过微信小程序登录系统后，能够在菜单浏览界面对餐厅的菜品类目以及对应的菜品信息进行查看和选购。3.我的用户在“我的模块”能够能够查看和修改个人信息，并对订单、排号等信息进行查看。4.在线客服用户与餐厅服务人员能够实时进行线上交流。5.排号等位用户在排号等位模块，进行餐厅就餐排号。6.轮播图管理对小程序首页轮播图界面的设计、展示进行管理。7.菜品类目管理管理员对餐厅的菜品类目进行管理，可进行添加、修改、删除等操作。8.菜品管理管理员对餐厅菜品可进行添加、下架、编辑等操作。9.菜品订单管理管理员查看顾客订单并进行确认订单完成或取消订单操作。可行性分析2.2.1技术可行性微信点餐小程序主要采用的技术有wxml技术、Spring框架、MYSQL数据库，这些技术使应用程序在开发过程中更完整、简单，且能让数据更加完整、安全稳定。开发人员掌握了这些开发技术使微信点餐小程序的建设具有很高的可行性，系统开发得以实现。2.2.2操作可行性系统采用常见的登录界面窗口，操作性要求不高，用户只要平时使用过电脑都能进行访问操作。本系统运用JAVA编程语言进行开发，可以让用户对系统的管理更加简单便捷，在操作上也是非常简单的。因此本系统可以进行开发。2.2.3经济可行性本次建设的微信点餐小程序主要运用Java、wxml等技术，在实现过程中将会使用到Mysql数据库、IDEA编译器等软件。这些软件对于学生用户来说，完全免费。2.3非功能性需求2.3.1质量特性要求表2-SEQ表2.\*ARABIC1系统质量特性需求序号非功能特性详细要求1易用性系统界面简洁，美观，主题突出，风格契合。系统交互友好，针对不同人员展示对应内容。系统常用的字段项应具备记忆功能，便于输入选择。提供完整的帮助文档，便于用户操作和学习。提供灵活的后台配置和管理模块，便于管理员的日常维护和设置。2可靠性系统需要具备一定的检修、恢复能力，支持7X24小时不间断运行，在瘫痪后需要能够在短时间内迅速恢复。在用户操作失误时需要能够及时提示。实现多种数据备份功能，能够便捷找回数据。3可扩展性系统能够随着工作发展需要进行升级，使工作速率提高。用户可自行定制、变更工作流程，并对流程的运行进行过程监控。4安全性物理安全：物理安全旨在庇护系统设备的安全。网络安全：网络安全是系统安全的核心，主要措施包括病毒检测、通信保密、入侵检测等。管理安全：对人为因素造成的风险进行防控，构建用户操作监控平台。同时，还要增加操作人员的安全防范意识。2.3.2用户界面要求（1）用户界面精美简洁，交互优化，突出重点、务实（2）系统充分考虑宽屏进行设计，屏幕利用率高（3）系统名称以按钮形式突出显示（4）字体大小、行间距适中

3开发技术简介3.1开发语言与技术3.1.1Java编程语言Java编程语言在软件开发行业一直占据重要地位，且已成为软件项目开发的首选语言。Java编程语言面向对象，同时也具有面向过程类如C、C++等开发语言的优点。相比之下，面向对象编程语言在代码简洁性和可维护性方面更具有明显优势[4]。总的来说，Java编程语言能够简化系统流程，使代码的简洁优化，电脑只要安装Jvm虚拟机，就能够在任何平台运行[5]。另外，Java程序只需编译一次，就能够多次运行，这对系统的开发也是较为明显的优势。3.1.2Spring框架Spring框架是一个能有效解决系统进行开发和完善的过程中各式棘手的问题的开源框架，以反转控制和面向切面编程为内核，代码简洁易理解。Spring框架同时为企业相应的工作设计了各式的功能，让系统开发的过程中不再只局限于服务器端。而且最为便利的方面是Spring框架能够支持各种Java应用软件对其进行更加便捷、智能的操作。3.1.3微信小程序框架小程序的框架应用经典的MVC开发思想，系统结构包括逻辑层、视图层、基础层。一般来说，微信小程序主要包含逻辑实现、公共设置以及公共样式三个类型文件[7]。微信小程序的界面由JS、WXML、WXSS、Json共4个文件组成[7]。这4个文件，代表了小程序界面的基本组成，也对应了每个页面的页面逻辑、结构、样式以及页面配置[8]。3.2开发工具和环境开发工具:微信开发者工具，IDEA代码编辑器;系统环境:Windows10;编写语言:wxml/Css/Javascript/java;数据库:Mysql;服务器:Tomcat;开发框架:wxml、CSS;小程序:小程序开发框架;后台:Spring框架

4系统设计4.1系统功能模块图4.1.1用户功能模块用户功能模块如图1所示：图1用户功能模块图由图1可知，用户功能模块主要包括扫一扫、菜单浏览、我的、在线客服和排号等位。其中,在“我的”模块，包含修改个人信息、我的订单、我的评价、我的排号、餐厅电话等子功能。4.1.2管理员功能模块管理员功能模块如图2所示：图2管理员功能模块由图2可知，管理员功能模块包括了统计信息、轮播图管理、菜品类目管理、菜品管理、菜品订单和排号管理共六项功能权限。4.2系统核心功能设计4.2.1小程序核心功能设计（1）菜单浏览小程序模块，菜单浏览功能数据流程如下：图3菜单浏览数据流程由图3可知，用户登录之后进入菜单浏览界面，此时，微信小程序将调用菜单浏览的接口，找到对应的后台程序。通过SQL语句，查找数据库中菜单表中的数据并返回。最后，菜单表中的数据在菜品浏览界面呈现。（2）我的订单小程序模块，我的订单功能数据流程如下所示： 图4我的订单功能数据流程由图4可知，用户登录系统后，进入“我的”模块。在“我的”模块进入“我的订单”。此时，点餐小程序将调用订单查询的接口，找到对应的后台程序。后台程序通过SQL语句，根据用户ID在订单列表中查找数据。之后，返回查询结果。最终展示在“我的订单”界面。4.2.2后台管理程序核心功能设计（1）菜品类目管理菜品类目管理实现流程如下：图5菜品类目管理由图5可知，管理员在这一模块亦可对菜品类目信息执行查找、添加、编辑等。以添加菜品类目为例，管理员用户首先在添加菜品类目界面输入相应的菜品类目名称。之后，系统判断该类目是否存在。如果存在，重新输入菜品类目名称；如果不存在则将添加的菜品类目名称更新到菜品类目表，展示在菜品类目界面。（2）菜品信息管理菜品信息管理实现流程如下：图6菜品信息管理由图6可知，管理员在这一模块能够对菜品信息进行添加、下架、编辑等操作。以去除菜品信息为例，管理员首先在菜品信息界面找到需要去除的菜品信息，选择删除后系统会弹出是否确认删除的提示。点击确认之后，属于该菜品在数据库中的信息将被剔除。4.3系统主要功能接口设计4.3.1用户登录接口接口名称：login功能：用户登陆请求方式：POST参数及结果如表4-1、表4-2所示表4-1用户登陆参数参数名称类型是否必须描述UserStringY登录账号PwdStringY密码表4-2返回结果结果名称类型是否必须描述codeintY错误编码msgstringY信息描述4.3.2添加菜品信息接口接口名称：addFood功能：添加菜品信息请求方式：POST参数及结果如表4-3、表4-4所示表4-3添加菜品信息参数参数名称类型是否必须描述nameStringY名称StyleStringY菜品类型ImagesStringY图片ContextStringY内容表4-4返回结果结果名称类型是否必须描述codeintY错误编码msgstringY信息描述4.3.3查看菜品信息接口接口名称：selectFood功能：查看菜品信息请求方式：POST参数及结果如表4-5、表4-6、表4-7所示表4-5查看菜品信息参数参数名称类型是否必须描述nameStringY名称StyleStringY菜品类型ImagesStringY图片ContextStringY内容表4-6返回结果结果名称类型是否必须描述codeintY错误编码msgstringY信息描述表4-7查询成功返回结果结果名称类型是否必须描述codeintY正确编码msgstringY菜品信息4.3.4点餐接口接口名称：orderFood功能：点餐请求方式：POST参数及结果如表4-8、表4-9、表4-10所示表4-8查看菜品信息参数参数名称类型是否必须描述nameStringY名称StyleStringY菜品类型ImagesStringY图片ContextStringY内容priceStringY价格stockStringY库存表4-9点餐失败返回结果结果名称类型是否必须描述codeintY错误编码msgstringY信息描述表4-10点餐成功返回结果结果名称类型是否必须描述codeintY正确编码msgstringY订单信息4.4数据库设计MySQL数据库具有很高的可操作性、经济性、安全性，能很好地确保数据库的安全，防止个人信息的而泄露。从建设系统的各方面考量，MySQL数据库都符合本次设计的要求。本次建设的数据库设计展示如下：表1admin_info表列名数据类型长度主键允许空说明admin_idint4是否idusernamevarchar50否否用户名passwordvarchar50否否密码phonevarchar50否否电话admin_typeint50否否类别create_timetimestamp否否创建时间update_timetimestamp否否更新时间表2comment表列名数据类型长度主键允许空说明comment_idint4是否idavatar_urlvarchar50否否地址contentvarchar50否否内容create_timetimestamp否否创建时间namevarchar50否否名字openidint50否否表3food表列名数据类型长度主键允许空说明food_idint4是否餐品idadmin_idvarchar50否否管理员idcreate_timetimestamp否否创建时间food_descvarcha50否否菜品描述food_iconvarcha50否否菜品图片food_namevarcha50否否菜品名称food_pricevarcha50否否价格food_statusint11否否状态leimu_typeint11否否类型表4leimu表列名数据类型长度主键允许空说明leimu_idint4是否类目IDadmin_idint4否否管理员IDleimu_namevarchar50否否类名名称leimu_typevarchar50否否类目类型表5paihao表列名数据类型长度主键允许空说明idint4是否Iddayvarchar50否否日期numvarchar50否否人数ruzuovarchar50否否座位号typevarchar50否否类型表6user_info表列名数据类型长度主键允许空说明openidint4是否phonevarchar50否否电话renshuint4否否人数usernamevarchar50否否用户名zhuohaovarchar50否否桌号avatar_urlvarchar50否否表7wx_order_root表列名数据类型长度主键允许空说明order_idint4是否订单IDbuyer_addressvarchar50否否地址buyer_nameint4否否姓名buyer_openidvarchar50否否buyer_phonevarchar50否否电话create_timedatetime6否否创建时间cuidanint6否否催单order_amountdecimal（19,2）否否订单账户order_statusint11否否订单状态pay_statusint11否否支付状态update_timedatetime6否否更新时间5系统实现5.1系统首页的实现系统搭建完成后，在微信开发者平台，运行程序，进入小程序主页面，如图5-1所示：图5-1系统主页面由上图可知，用户在系统主页面包含菜品搜索，扫一扫、菜单浏览、排号等位、在线客服等模块。5.2菜单浏览的实现菜单浏览界面实现效果如下：图5-2菜单浏览如图5-2所示，菜单类型包括主食、小炒、小吃、烧烤四种。在对应的菜单类目界面，显示该菜单栏下的菜品信息，包括名称、库存、价格等信息。菜单浏览界面实现代码如下：5.3我的模块实现我的模块界面实现效果如下：图5-3我的界面由图5-3可知，在我的模块，用户能够修改个人信息、查看我的订单、我的评价、我的排号以及饭店电话等信息。我的界面实现代码如下：5.4菜品类目的实现菜品类目管理界面实现效果如下：图5-4菜品类目管理如图5-4所示，在菜品类目管理界面，管理员用户能够添加单个或者多个菜品类型。同时也能够对已经存在的菜品类目信息执行修改菜品类目信息、删除菜品类目两种操作。5.5菜品信息的实现餐厅菜品管理界面实现效果如下：图5-5菜品信息管理如图5-5所示，管理员能够在该界面执行添加菜品，批量导入菜品、导出菜品信息到excel等操作。同时，也能够对已经存在的菜品信息进行修改、下架、编辑等操作。菜品信息管理实现代码如下：5.6订单管理的实现菜品订单管理界面实现效果如下：图5-6菜品订单管理订单列表实现代码如下所示，管理员后台界面订单列表界面利用“list”找到后台程序的订单列表，之后在数据库中查找数据。找到的数据按照“updateTime”字段进行降序排列，最后把结果返回管理员后台界面。订单详情实现代码如下所示，管理员在后台界面发出查看订单详情请求，该请求进入“detail”方法。该方法根据订单id在数据库中查询相应的数据，数据库查询结果封装在map集合，返回给管理员页面。

6系统测试6.1测试环境根据系统运行环境的要求，系统在测试的时候将系统前端部署在微信开发者平台，具体的测试环境如下：1.数据库：Mysql2.客户端：微信开发者平台3.应用服务器：Windows10、Tomcat6.2测试要求6.2.1功能性系统的功能性测试须满足：（1）功能操作不能出现错误页面或脚本错误；（2）所有输入的数据都必须经过合法性判断；（3）提供的测试数据要和用户使用要求要一致；（4）测试功能结果符合系统需求、设计。6.2.2易用性系统的易用性测试须满足：页面元素命名及页面信息展示要有意义，对用户理解功能有帮助；信息出错要及时提醒用户出错的原因；界面的输入输出的格式、含义容易被理解和操作；界面、交互、输出设计要简洁实用。6.2.3可靠性本项检测包括以下四点：对错误操作有正确的提示；操作执行失效后，能较快回复操作界面；数据不会因删除或反复的更新而被破坏；系统在执行操作时，始终保持稳定。6.3功能测试6.3.1系统登录表6-1系统登录功能检测测试项目系统登录测试条件项目部署完成，系统用户登录测试过程用户输入账号与密码测试结果（1）输入正确的账号密码，成功进入系统，显示用户昵称，测试成功。（2）反之，登录界面弹出提示框，显示“账号/密码错误！”6.3.2添加菜品信息表6-2添加菜品功能检测测试项目添加菜品信息测试条件项目部署完成，系统用户登录测试过程管理员在添加新的菜品信息后，进入微信小程序，在相应的菜品类目下查看菜品信息。测试结果菜品列表界面显示新的菜品信息，微信小程序相应的菜品类目下出现该菜品信息。测试成功6.3.3修改菜品信息表6-3修改菜品功能检测测试项目修改菜品信息测试条件项目部署完成，系统用户登录测试过程管理员修改菜品后，进入微信小程序，在相应的菜品类目下查看菜品信息。测试结果菜品列表界面显示新的菜品信息，微信小程序相应的菜品类目下出现该菜品信息。测试成功6.3.4删除菜品信息表6-4删除菜品功能检测测试项目删除菜品信息测试条件项目部署完成，系统用户登录测试过程管理员在删除菜品信息后，进入微信小程序，在相应的菜品类目下查看菜品信息。测试结果菜品列表界面不显示该菜品信息，微信小程序相应的菜品类目不显示该菜品信息。测试成功7总结结合专业课的学习，本次论文运用学习过的Java技术和开发微信小程序知识，对一个实际应用系统——微信点餐小程序，尽心探究与钻研。经过这类研究、实践活动，让我对开发过程有了实际体会，便于今后的学习及发展。针对本次的实践活动，将得