【《基于微信小程序的烤肉店菜单系统设计与实现》9200字】

XXXVII绪论1.1背景和研究意义使用互联网经营是二十一世纪近来才兴起的一种经济形式，这与传统的实体店经营形成了十分冲击和对立的比较，实体店的经营与发展的基础主要是直接设定了人与人、物之间的消费关系，而网络线上经营店交易是使人们不出家门就可以轻轻松松的完成消费互动。在线经营的方式是一种新颖的，与传统的经营方式截然不同的商业方式，它不仅打破了时间、空间和距离的阻碍，还节省了经营者大量的人力和材料费。随着我国的经济水平不断提高，国人的生活水平也随之提高，对此在各方面的要求也不断提高。在高效率快节奏的日常状态下，消费者与经营者之间的消费交易的效率也跟随着提高。而互联网技术可以有效快捷的达到这一目的，因此越来越多的经营者加入到了这一线上交易平台，也逐渐在改变传统的经营模式。此小程序的主要作用是将实体烤肉店搬到线上，脱离了时间和空间的束缚，同时也达到了顾客需求不停，经营者的服务不停。实现了餐饮店的二十四小时不停歇营业的目的。汉达山烤肉店小程序的设计与完成的意义是消费者可以实时选择菜品同时完成网络上的交易互动，此程序所面向的人群就是每一位网民，每一个在线冲浪的人民都是我们的潜在客户，为了使汉达山烤肉店在众多线上经营店里脱颖而出，同时为了让顾客在选择菜品是达到视觉与味觉的双重体验的快感。在小程序首页设置了具有视觉冲击感的菜品图片及与之相关的详细信息供顾客更加直观、自由的浏览。从另一个角度来讲，疫情时期，响应国家号召减少人与人之间的接触，做好自我防护。在这时，线上经营就体现出来巨大优势，完全符合现代人民的需求。所以说，网络交易平台是当今社会发展的趋势，它具备传统营销模式所无法完成的事情。1.2国内外现状就我国的网络发展和普及的过程来看，在二十一世纪初，人们有且只有选择能够在实体店内进行采购，这样传统的经营模式通常会浪费人们大量的时间，早起去早市买菜，为得到更加实惠的价格还要与人争论一番。但是随着科技的进步和发展，每家每户都拥有了电脑和移动手机。之前传统经营所面临的需求，现在网络平台可以轻松痛快的解决，例如，琳琅满目的菜系，商家推出的优惠政策等。足不出户达到人们的理想状态不再是梦想。由于微信的普及，国外的外卖系统也不再是由一些大型企业所创立的app来把握，一些小型的店铺也可以通过微信小程序这个平台来经营自家的店铺。同时要完善小程序平台上的经营还需要大量的调查和研究，并且需要大量资金的支持和开发团队的运行。所以在国内外的经营者一样都处于不断学习、发展和壮大自生的过程中。对此本系统主要着重于菜品的销售，各式各样的菜品可以让顾客直接了解自己的需求，自助完成交易。汉达山烤肉店在既有共性的同时也具备着自身独特的优势，可谓是前途一片光明。1.3论文研究的主要内容二十一世纪万事万物都在不断地更新进步，其中最重要的就是计算机技术的不断更新成熟，汉达山烤肉店类似的线上经营店的的设计与实施，在技术方面已经达到了一定的水准。在使用网上购物的多种方式中在微信小程序这样的一种购物方式为人们的日常引起了很大的骚动，这种给人不一样的体验感不仅来自于在购物时所处环境的变化，具有更大影响力的是改变了大多数人们传统的，老旧固执的购物理念及习惯。汉达山烤肉店系统每一功能都环环相扣，缺一不可。即使是一个细小的环节出现差错也会造成致命的错误，也会导致我们在不经意间流失顾客。此系统研究的焦点是完成一个网络在线的供消费者和经营者自由交易的平台。其中要包括经营者对菜品信息的管理，用户可以实时在线交易，通过让用户有极致的体验感来使之成为常驻嘉宾。汉达山烤肉店系统是互联网体现了现代餐饮行业的重要性。传统的营销手段具有很大的束缚，但是经由小程序的输出，它可以出现在任何你想象不到的地方。林林总总的菜系、菜品都会送达到你的面前，在经营者和顾客之间形成了双赢的局面。软件内简易的操作，丰富的设计感都是在为顾客提供一个最佳体验效果的交易平台。2.系统关键技术2.1微信开发者工具一个小的微信程序允许用户直接在已有应用程序中使用操纵，而不需要重新安装应用程序。它的出现简化了用户运行应用程序的步骤，并通过搜索或扫描二维码达到用户直接操作应用程序的理想状态。微信小程序的出现是为了保护用户免受各种各样的差异，比如尝试不同的应用程序的意愿，但同时是会太过顾虑安装应用程序会影响工作，并在移动设备上占据了有限的空间，又或许是认为未安装移动设备或应用程序是不会拥有完整的功能。小程序的开发工作是微信正式提供的软件的开发、集中进行开发、试验并调整、浏览、获取信息和其他功能。微信团队发布了微信开发者所使用的工具、开发所应用的文件档案，以及小程序设计运用指导行动的准则。这是一种新的开发工具，它包含调试、编码更改和软件开发出并执行的功能，有助于用户开发出简单有效的小程序。启动工具时，开发者必须使用注册的微信帐号从后台成功连接系统。此后的所有工作都建立在此账户上。调试器有模拟程序，调试工具和小程序操作3个主要功能区域。2.2JavaScriptJavaScript是一种基于现有对象的使用和对象的创建来解释的执行语言。C、C和C等语言是编译和执行的，当应用程序启动时，JavaScript会被逐行说明。JavaScript使用较低类型的变量，不会对基于脚本指令和脚本控制元素的数据类型提出严格要求，它的设计很简单。这个解释执行语言不会依靠系统的操作，而是注重于只依赖于自身已有的浏览器的能否支持。因此，JavaScript在电脑浏览器中支持JavaScript语言，并且JavaScript在大多数浏览器中都可以使用。JavaScript是一种不用Web服务器，可在用户输入中进行响应的活动驱动脚本语言。当你访问网页界面时，点击键盘或上下左右的操纵，在Web的页面种弹动窗口，JavaScript可以不需要借助外力来完成这些事件。2.3Vue.jsVue是Web页面的集合，一种浏览器脚本语言。js连接了多个Html和CSS，但没有正式的结构。例如，Web页面所提供的许多页面元素和大型结构数据视图，如果您使用任何HTML混合在一起，该网页的处理将是一个非常麻烦的问题，各种结构之间的断裂关系和代码将会出现更大的问题。js框架设计的目的和性能都很高，可进行保守测试。Vue的使用方法为首先新建三个文件夹,在demo文件夹内新建css、js、images三个文件夹，并将vue.js放到js文件夹内；其次在使用vue.js之前,首先导入vue.js的模块包,在<script>标签的src导入，然后在盒子模型里嵌套<p>标签，使用{{}}定义数据名字为message。最后在<script>脚本标签下,写vue的代码，使用newVue({})定义对象,第一个参数el为元素,第二个参数data为数据。2.4微信云开发数据库开发者开发小的程序，小的游戏不需要架设服务器，而是需要开发云容量整个云端服务支持、后端操作、服务器维护来为开发者提供帮助。所以可以通过点击使用API提供的小规模微信应用程序来开发其要进行的主要活动，并立即访问互联网，与此同时这样一种能力，与开发者已有的的云服务可以彼此相互包容，并不会出现排斥现象。在之前一直使用的的开发模式中，前端要在后台调用界面请求调制数据库，但在小程序的运行过程中，有且只有前端，它可以直接与数据库工作，仅使用前端可以完成一切操作。所以云开发提供了JSON数据库。如果标题被标记出来，你就应该考虑它的内容。

3.系统需求分析3.1可行性分析切实可行的分析基于需求分析，系统开发从技术、经济、运营及其他方面进行，系统开发工作可实现、不可能实现、不应修改，继续投资、中止开发、阶段性实现及其他项目及结论确认可实现的分析。现实可行性分析是指，对所提出的项目进行全面、全面的技术和经济力量研究，并为了决定是否可行而进行的事前建设项目调查及识别类型。3.1.1经济可行性分析在互联网经济时代和在网络上购物的理念兴起的大环境下，随着京东、淘宝一些购物软件登陆微信小程序平台，人们已经把小程序融入了自己的生活，现代人尤其是年轻人更多的是在手机上完成消费的整个操作过程。所以各大线下实体餐饮店则是通过使用手机自助点单来紧跟科技发展的潮流，同时减少人力财力，从中实现经济适用性与实用性，由此达到经济效率最大化。时代在发展，社会在进步，随着近年国内外人们更加频繁的使用微信，从而对于微信小程序的依赖性增强，小程序在日常生活中所占比重越来越大。3.1.2技术可行性分析在技术实现可能性的分析中，系统开发人员、硬件、软件和其他应用技术等的数量和水平根据新系统的目标来决定必要的技术。各种各样的网站和众多的网站结构可以看出,目前基于微信小程序汉达山烤肉店这类自助式下单点餐开发技术正在趋于完全成熟，相信伴随着互联科学技术的进一步发展，基于微信小程序汉达山烤肉店这一类型程序的设计和开发将有更加光明的的前景和想法。3.1.3操作可行性就当前资源的使用及有效性，可根据有关要求直接操作数据库中的相关表格数据，并不会导致系统不该有的其他压力，因而可以确保系统正常运行。该系统运行方便，用户要求事项较低，但对微信小程序必须熟练操作，该系统的某些指南文件和正常使用系统的可视性非常良好。综上所述，该系统的开发可以通过技术现实、经济现实、安全现实和运营现实的分析来完成。3.2系统功能分析汉达山烤肉店系统第一任务是用户必须能够买到自己心仪的菜品，下一步是管理者方面可以及时发布和管理菜品的信息。软件在大的轮廓上分为两部分的设计，首先最开始的设计为软件的前端，网上冲浪者可以在程序的首页界面就能够查看菜品的详细信息以及消费过的顾客留下的留言建议，游客需要在程序的首页实行线上实时注册，填写个人信息完成注册，登录后即可查看并且购买自己喜欢的食品的这一功能。已有自己账号的顾客可以直接加入购物车，在消费过后可以对店铺进行留言。其次的部分的着重于管理者可以操作的后台，后端的管理主要有助于满足软件新闻管理、用户订阅管理等软件管理人员的管理要求。以下是通过UML中的用例图进行描述：如图3.1是管理员的用例图，通过这个图可了解到，管理员在软件的功能主要包括系统用户的管理、优惠咨询的管、菜系的管理、桌号的管理、购物车的管理。图3.1管理员用例图如图3.2是注册用户用例图，通过此图可了解到，注册用户在软件的功能主要是为了购买菜品以及对菜品的购买。图3.2注册用户用例图系统设计4.1程序概要设计随着网络消费观念的兴起，传统的消费观念依旧有着坚实的基础但不再成为主流。一些实体餐饮店铺纷纷采用小程序自助式下单完成交易，在一定程度上降低了成本，更加的方便快捷。软件工程和技术更新的开发,开发人员已从双层架构的开发中无法获得满足感并且无法满足开发技术所需要的开发环境。但三层架构的出现可以应对双阶层架构中复杂的、使其难以解决的、没有安全性能保障的网络中出现的问题。它的架构中没有其更高级别的业务逻辑层，三层构架中的中间层为组件层，它可以降低问题的难度，使之可以相对轻松的管理和访问。所以这次的系统设计采用的就是三层架构。此总体结构主要包括用户和管理者两种结构。首先，用户方面主要包括用户的登录和注册功能，进入主界面后，有购物、查看菜系、留言等功能。系统后台功能模块的设计重点使管理者可以操作的后台，后端的管理主要有助于满足软件新闻管理、用户订阅管理等软件管理人员的管理要求不同的管理界面其显示的各种各样的权限也是不一样的。作为系统持有特权的管理者，他所要面临的管理的功能也是最广泛的。除了执行上述的管理任务之外，还可以自己确认。注册用户信息只有通过了管理员查看过的用户，才能像往常一样登录系统。4.2功能详细设计经过查看系统的各种各样的条件,首先分析软件的功能设计,前端的主要是使用者是用户，因此针对前端的主用户所设计的内容,主要是为了满足其购物的功能以及注册的功能。首页具体功能如下图所示：注册功能：访问者进入小程序的第一个界面之后可以点击注册的按钮，填写个人必要信息后即可完成在线实名注册。登录功能：用户进入第一个界面后选择登录，输入自己正确的账号和密码之后界面提示登录成功。购物功能：登录后，用户浏览菜品并选择心仪的菜品，用户可以查看菜品的详细信息后根据自己的需求将菜品加入到购物车中，提前填写购买者信息，即可提交订单，完成线上的交易。浏览优惠咨询功能：登录之后用户可在首页看到优惠咨询，即可点击查看。评论功能：登录之后可以点击留言导航，在软件的留言区内进行在线评论。图4.1前端功能设计对于管理员来说用户的界面的管理功能是较为简单明了的，其侧重于的管理的模块是采购之后的记录，具体的功能如下图4.2所示：系统用户的管理功能:只会出现在管理员权限管理界面中，用来管理一些个人信息。优惠咨询的管理功能：点出首页界面会显示出来的的优惠内容。菜品类别的管理模块：管理员登录后查看菜品的类别，及时增添菜系。菜品信息的管理模块：后台管理系统中最重要的模块，只有管理员才可以进行的增加菜品的操作。优惠券的管理模块：管理员登录后点击优惠券管理，对优惠卷的数量进行增减。桌号的管理模块：管理员登录后点击桌号管理，可以任意修改桌号的信息。订单信息的管理模块：用户在下单后产生的订单信息，管理员可根据不同需求进行修改。购物车管理模块:用户在菜品详情页，可以点击添加到购物车，输入用户的购买信息，最后提交。图4.2后台管理员功能设计4.3系统流程设计汉达山烤肉店是一个在线购物的平台，所以每一位想要购物的游客都必须有属于自己的账号，因此第一步要完成的任务就是注册。图4.3为注册流程图。图4.3用户注册流程注册完成之后，用户要选择登录进入此平台。图4.4为用户登录的流程图。图4.4用户登录流程用户登录后便可以选择菜品进而点击购买，提交订单之前需要输入购买信息最后才可以完成交易。图4.5是菜品购买流程。图4.5菜品购买流程管理者首先登录后台，之后就可以对菜品的信息进行查看、删除、添加、修改。其中后两项的操作需要输入相应的信息才能完成，进而就可以进行其他的操作。图4.6是管理员对菜品信息的管理流程。图4.6菜品管理流程4.4系统数据流程设计图4.7为顶层的数据流图：图4.7数据流程图（顶层）在这个系统之中最重要的功能就是菜品信息的管理，可想而知，菜品就成为了关键数据。它的流向完全可以反映系统功能的明确性。图4.8为所画出的数据流图：图4.8数据流程图由于本系统最终的目标是用户实现菜品的购买，就着重分析菜品购买的数据流，所以对数据流一层的数据流图以及其余层级的数据流图没在文中展示，下图4.9为系统订单数据流图：图4.9订单数据流程图4.5数据库设计这个系统在设计过程中至关重要的就是数据库的建立，它需要一个非常明确的想法。设置模块间的连接就必须自设计之初开始实施，以便在模块之间设置必要的内容间的连接，并且需要非常清晰的设置。数据库设计的另一个要点是减少表中一些复杂的操作。所以，联系是非常重要的。这样可以大大减少重复的数据表格。这样就不会发生数据完整性丢失和数据一贯性的数据错误及重复，从而可以保护数据。4.5.1概念模型设计经过上述的需求分析总结出来的实体有：管理员、用户、菜品、菜品类别、购物车、订单等。图4.10为类别的E-R图。图4.10类别E-R图图4.11为菜品的E-R图。图4.11菜品E-R图图4.12为系统的E-R图。图4.12系统E-R图4.5.2数据库表设计本系统将建立的数据模型都存放在数据库中来存放数据，根据需求和分析罗列出几个具有代表性的表，如下所示：wct_address表:该题库表主要记录了顾客在定外卖状态下所需要的信息，包括地址ID、地址标题、地址编号、地址类型。wct_bill表:该题库表主要记录了顾客订单中的信息，主要包括订单ID、付款界面、账单价格、点餐中心、账单及用户唯一标识符等。wct_posts表:该题库表主要记录了顾客留言建议中信息，主要包括留言标题、用户编号、用户名称等。wct_user表:该题库表主要记录了用户表中的信息，包括用户的ID、用户的名称、用户的密码、用户的权限、用户的电话。5.系统实现5.1系统前端主要功能实现5.1.1首页实现用户刚进入小程序即可看到首页内展示的导航栏，在这其中包括餐厅列表、烤肉店的具体信息、我的订单和购物车等，用户可以通过点击导航栏中的信息来获得自己想要了解的东西，如下图所示。图5.1首页页面图5.1.2菜品展示实现用户点击进入汉达山烤肉店就可以看到各式各样的菜品信息，如下图所示。图5.2菜品分类展示页面图5.1.3菜品详情实现用户进入点餐界面后可以清楚看的对菜品的分类，从而更加详细了解菜品信息，如下图所示。图5.3菜品详情页面图5.1.4购物车实现用户在点餐界面中选择菜品及其数量，随后就可以在购物车内看到其想获得的菜品，如下图所示。图5.4购物车页面图5.2系统后台主要功能实现 5.2.1管理员登陆实现管理员在可以将用户的账户信息与数据库的进行比对，如果数据显示一致才可以顺利登陆，否则将弹出重新输入的界面管理员的页面，如下图所示。图5.5管理员页面图5.2.2菜品管理实现菜品管理是可以在列表中进行添加、修改、删除菜品等操作。菜品管理页面，如下图所示。图5.6菜品管理页面图5.2.3分类管理实现管理员在列表中对菜品进行修改、增添、删除分类等操作这就是分类管理。分类管理的页面，如下图所示。图5.7分类管理页面5.2.4优惠咨询管理实现管理员是在列表中对优惠咨询进行增、删、查、改等操作。优惠咨询管理的页面，如下图所示。图5.8优惠咨询管理页面5.2.5桌号管理实现管理员在列表中可以对桌号进行增、删、查、改等操作。桌号管理页面，如下图所示。图5.9桌号管理页面图5.2.6优惠券管理实现管理员在列表中对优惠券进行增、删、查、改等操作。优惠券管理页面，如下图所示。图5.10优惠券管理页面图5.2.7订单管理实现管理员可以在列表中对用户的订单的进行相关的操作。订单管理页面，如下图所示。图5.11订单管理页面图系统测试6.1测试的目的系统测试的目的和关键在于是在操作程序的过程中纠正错误已达到在最后的结果中呈现完美的结果。真正成功的测试是在测试的过程中没有发现任何错误和缺陷。如果达不到完美状态那就要尽量缩短时间以达到提高效率的目的。根据系统的需求分析，结合用户的需求分析在双重条件下进行测试修改，最终达到双赢的目的。测试应该包括软件的测试、硬件的测试及网络的测试，常常使用到的方法有黑盒测试和白盒测试。测试是设计开发和实现环节中必不可少的一环，也是最后的一次评估，它可以保证系统的质量和可信度，根据测试的准则来完成测试的基本要求。6.2测试用例这个模块主要罗列出来几个部分功能的用例说明并主要分为两个部分进行阐述，首先是对小程序界面功能和用户的登录功能进行的测试，其次是对软件后台菜品的信息管理功能进行了测试，编写了用例说明。在整个编写过程中对操作进行了描述，提出了预期效果并与最终的实际效果做了对比。6.1.1界面测试下面展示的表主要是使用了黑盒测试的测试方法，以达到检测系统中的缺陷的目的。表6.1为界面测试。表6.1界面测试6.1.2软件前端功能测试用户的登录功能的测试，如表6.2所示。表6.2登录测试用例6.1.3软件后端功能测试菜品信息的管理功能的测试，如表6.3所示。表6.3菜品信息管理测试用例优惠咨询的管理测试的用例如下表所示。表6.4优惠咨询管理测试用例6.3测试结果分析在小程序设计完以后，开发者首先要做的事情就是进行一系列的测试工作，这样才能及时发现程序之中的问题然后才能弃旧图新。测试是系统能否正常运转的至关重要的一步，如若在这个过程中出来一点点差错，那么整个系统就是随之奔溃，正所谓千里之堤溃于蚁穴。第一步先测试了程序中的每一个功能，其次才从整体出发进行了整体功能的测试。程序前端功能测试主要以登陆测试为例。程序的后端功能测试是以后台中最重要的菜品信息的管理模块测试为例的。测试过程中主要使用的是黑盒测试和白盒测试，经过多次的测试，精益求精，软件的每一个功能都达到了期望的阶段。系统可以正常的运转，基本可以准确无误的完成每一次的功能操作。但是在美观程度上还是欠缺一些这个方面也会继续改进。由于该程序需要强大的基础所以在后期的操作中还需要不断的维护系统的正常运参考文献刘玉佳.微信“小程序”开发的系统实现及前景分析[J].信息通信,2017(01):260-261.李哲,周灵.微信小程序的架构与开发浅析[J].福建电脑,2019,35(12):66-69.王维,沈长娇,高伊腾.微信点餐小程序的设计与实现[J].电脑编程技巧与维护,2019(09):70-72.王艳辉.基于微信小程序订餐系统的设计与研究[J].信息与电脑(理论版),2019,31(21):97-98.王赞生.基于Android平台无线点餐系统的开发与研究[D].中国地质大学（北京）,2014.范国婷,任乐琦,周灵辉,王妮.基于微信小程序的二维码点餐系统设计研究[J].赤峰学院学报(自然科学版),2019,35(12):59-62.蒋智慧,童莲.基于微信小程序的食堂点餐系统的设计与实现[J].现代信息科技,2019,3(24):14-16.韦娟,张瑞娟,孙兆丰.基于微信小程序的食堂点餐系统的设计[J].电子世界,2019(22):147-148.宋丹丹.基于微信小程序的美食点餐推荐系统的设计与实现[J].信息通信,2017(12):89-90.杭莉,聂莉娟.基于微信小程序的点餐系统[J].电子制作,2019(23):54-58.李新锦,鲁志萍,刘苑如.基于微信小程序的校园点餐系统的设计[J].电脑知识与技术,2020,16(07):50-51+56.