网上订餐微信小程序开发 (2).docx

《网上订餐微信小程序开发 (2).docx》由会员分享，可在线阅读，更多相关《网上订餐微信小程序开发 (2).docx（39页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、3.2性能需求分析对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高会员的工作效率，进行开发一套基于计算机和网络技术的网上订餐。网上订餐微信小程序的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现小程序-网上订餐的会员角色及相对应的功能模块，让小程序-网上订餐的管理不会存在管理差异、低效率，而是跟传

2、统的管理信息恰好相反，小程序-网上订餐的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。3.3 可行性分析3.3.1 技术可行性小程序-网上订餐采用了JAVA技术，开发了功能完备、使用简单的前端应用程序，并建立、维护了一个数据完整、安全、稳定性强的后台数据库系统。系统使用JAVA技术和MySQL数据库作为设计工具，可简单易行地学习操作。会员角色之间的相结合开发一套小程序-网上订餐是值得尝试的，数据完整性和许多品质为数据的功能分配和管理提供了依据。它也是数据库安全平台的重要组成部分，是提高和增强数据安全性的重要手段。此外，为了提供更平滑，更智能和更有效的基本控制方法，

3、定义了同时构建对安全计算环境的支持所需的步骤，并帮助维护安全性。因为在这两种开发工具中，功能强大且免费且界面良好，所以小程序-网上订餐在技术方面是可行的。3.3.2 经济可行性桌面小程序-网上订餐管理的开发是由开发者自己开发，不需要购买其他软件或者端口之类的，而且在小程序-网上订餐管理的开发之前所做的市场调研及其他的小程序-网上订餐，都是没有任何费用的，通过开发者自己的努力，所有的工作的都是自己亲力亲为，在碰到自己比较难以解决的问题，大多是通过同学和指导老师的帮助进行相关信息的解决，所以对于小程序-网上订餐的开发在经济上是完全可行的，没有任何费用支出的。使用JAVA技术是比较成熟的技术，所以小

4、程序-网上订餐的开发在经济上是没有问题的。3.3.3 操作可行性：可操作性主要是对小程序-网上订餐系统设计完成后，会员的使用体验度，对于管理员可以通过系统随时管理相关的数据信息，并且对于管理员、会员二个用户角色，都可以简单明了的进入到自己的系统界面，通过界面导航菜单可以简单明了地操作功能模块，方便会员信息需求和订单信息管理数据信息，对于系统的操作，不需要专业人员都可以直接进行功能模块的操作管理，所以在系统的可操作性是完全可以的。本系统的操作使用的也是界面窗口进行登录，所以操作人员只要会简单的电脑操作就完全可以的。3.4 本章小结本章节对微信订餐小程序进行了系统需求分析的介绍，首先对系统的可行性

5、分为经济可行性、技术可行性和操作可行性三个方面进行了分析，总结出开支少、技术要求可行和操作简单的结论，然后简单明确了功能需求部分的功能划分和描述，为开发搭建了大体框架，最后分析了该小程序在运行方面的需求，系统在运行上有什么最低配置要求，微信订餐小程序是大众化形式的应用，如果开发出来的小程序功能上或者硬件、软件上不能满足用户常规使用，会极大的流失用户数量。而微信小程序是大众化应用平台，对软硬件的要求并不高，这也正是本文选择基于微信小程序开发的主要原因之一。4 系统设计4.1系统架构设计网上订餐微信小程序的系统项目的概述设计分析，主要内容有学习平台的具体分析，进行数据库的是设计，数据采用mysql

6、数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。基于小程序-网上订餐的设计基于现有的手机，可以实现首页、个人中心、会员管理，菜品分类管理、菜品信息管理、订单信息管理、订单配送管理、用户评价管理、系统公告管理、系统管理，等功能。方便会员对菜品信息、订单信息、系统公告、我的等详细的了解及统计分析。根据系统功能需求建立的功能结构图如图4.1： 图4.1总体功能结构图总体功能模块主要分为管理员模块与会员前端模块。管理员模块主要包括首页、个人中心、会员管理、菜品信息管理、订单信息管理、订单配送管理、用户评价管理、系统公告管理与系统管理。（1）首页：管理员

7、进入后台端的首页面。（2）个人中心：对管理员个人信息的查看与修改。（3）会员管理：对会员个人信息的查看与修改。（4）菜品分类管理：对菜品进行查看与分类。（5）菜品信息管理：对菜品的基本信息进行查看与管理。（6）订单信息管理：对订单信息进行查看与管理。（7）订单配送管理：对订单配送的信息进行查看与管理。（8）用户评价管理：对用户评价进行查看与管理。（9）系统公告管理：对系统公告进行查看与管理。（10）系统管理会员模块主要包括菜品信息、订单信息、系统公告与我的。（1）菜品信息：对菜品的基本信息进行查看。（2）订单信息：对订单的基本信息进行查看。（3）系统公告：对系统公告进行查看。（4）我的：对个人

8、信息进行查看与修改。4.2开发流程设计小程序-网上订餐的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。4.3 系统业务流程4.3.1 会员登录流程对于系统的安全性的第一关，就是会员想要进入系统，必须通过登录窗口，输入自己的登录信息才可以进行登录，会员输入的信息准确无误后才可以进入到操作

9、系统界面，进行功能模块的相对应操作，如果会员输入的信息不正确，则窗口出现提示框，会员登录失败，返回到第一步进行重新输入，如图4.2所示。系统登录界面开始输入账号密码选择登陆类型信息错误验证信息是否正确数据库功能界面功处理面结束图4.2登录操作流程图4.3.2信息添加流程对于小程序-网上订餐，需要随时添加所需要的数据信息，对于会员添加信息，需要根据添加界面，根据选框的内容进行填写所要添加的数据信息，信息输入完成后判断数据信息是否符合要求，符合要求则添加完成，会员所添加的信息不符合要求，则需要返回到第一步，重新输入数据信息，再进行判断操作，如图4.3所示。开始系统登录界面输入数据是否合法 否写入数

10、据库是结束图4.3信息添加流程图4.3.3 信息删除流程不管是哪个会员角色进入到不通的系统操作界面，都可以进行不同的信息内容的操作功能，对用系统数据信息的删除，会员一旦将信息删除，那么该删除的数据信息将无法恢复，所以会员在对数据删除事，一定判断删除的内容是否是确定要删除的，确定无误后选择确定删除操作，如图4.4所示。开始选择需要删除记录是否删除 否更新数据库 是结束图4.4信息删除流程图4.4数据库设计数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。4.4.1实体ER图数据库是整个软件编程中最重

11、要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：（1） 会员管理E-R图，如图4.5所示：用户名名姓名性别头像手机号密码会员管理索引邮箱地址操作 图4.5会员管理实体属性图（2）用户评价管理E-R图如图4.6所示：菜品评分数量分

12、类菜品名称服务评分订单编号用户评价管理评价日期用户名手机号码地址图4.6用户评价管理实体图这些功能可以充分满足小程序-网上订餐的需求。此系统功能较为全面如下图管理员功能模块如图4.7所示。 图4.7管理员功能模块图4.4.2数据表我们可以根据数据结构的详细分析要求，我们根据输入和输出数据量的要求进行分析，确定什么表与表，结构之间的关系，我们可以验证，调整和完善，查询和浏览过程，可以实现数据库，以使会员对数据和功能有更多要求。基于系统使用的数据库管理系统的特点，对数据库的概念模型进行了转换和构建。但是，这个系统只需要充分考虑小程序-网上订餐的功能，而且组织比较清晰。表4.1allusers表序号

13、列名数据类型长度约束01IDint11PRIMARY KEY02usernamevarchar50DEFAULT NULL03pwdvarchar50DEFAULT NULL04cxvarchar50DEFAULT NULL表4.2caipinxinxi表序号列名数据类型长度约束01idint11PRIMARY KEY02addtimevarchar50DEFAULT NULL03caipinmingchengvarchar50DEFAULT NULL04fenleivarchar50DEFAULT NULL05tupianvarchar50DEFAULT NULL06tesevarchar5

14、0DEFAULT NULL07jiagevarchar50DEFAULT NULL08xiangqingvarchar50DEFAULT NULL09clicktimevarchar50DEFAULT NULL10clicknumvarchar50DEFAULT NULL表4.3dingdanpeisong表序号列名数据类型长度约束01idint11PRIMARY KEY02addtimevarchar50DEFAULT NULL03dingdanbianhaovarchar50DEFAULT NULL04caipinmingchengvarchar50DEFAULT NULL05fenlei

15、varchar50DEFAULT NULL06shuliangvarchar50DEFAULT NULL07xiadanshijianvarchar50DEFAULT NULL08yonghumingvarchar50DEFAULT NULL09shoujivarchar50DEFAULT NULL10dizhivarchar50DEFAULT NULL11dingdanzhuangtaivarchar50DEFAULT NULL表4.4huiyuan表序号列名数据类型长度约束01idint11PRIMARY KEY02addtimevarchar50DEFAULT NULL03yonghum

16、ingvarchar50DEFAULT NULL04mimavarchar50DEFAULT NULL05xingmingvarchar50DEFAULT NULL06xingbievarchar50DEFAULT NULL07touxiangvarchar50DEFAULT NULL08shoujivarchar50DEFAULT NULL09youxiangvarchar50DEFAULT NULL10dizhi4.5 本章小结本章节主要是总体设计出前端具体功能模块以及后端数据存储的规划，画出功能结构图，将小程序总体分为用户操作模块和运营操作模块，设计出用户操作模块的功能，运营操作模块则直

17、接使用小程序云开发控制台实现相应功能，数据库的设计则使用微信云数据库来进行数据处理，方便且高效。5 系统实现5.1注册会员功能实现注册会员通过注册窗口，进行在线填写自己的账号、密码、姓名、等等，信息编辑完成后核对信息无误后进行选择注册，系统核对会员所输入的账号信息是否准确，核对信息准确无误后系统进入到操作界面。会员通过登录进入到系统操作界面后，可以根据需求对菜品信息、订单信息、系统公告、我的等模块进行管理维护操作。如图5.1所示。图5.1注册会员界面图核心代码如下：async onSubmitTap() if(!this.ruleForm.yonghuming)this.$utils.msg(

18、用户名不能为空);if(!this.ruleForm.mima)this.$utils.msg(密码不能为空);if(!this.ruleForm.xingming)this.$utils.msg(姓名不能为空);if(this.ruleForm.youxiang&(!this.$validate.isEmail(this.ruleForm.youxiang)this.$utils.msg(邮箱应输入邮件格式);returnthis.$utils.msgBack(提交成功);,5.2 会员登录功能实现会员登录通过用户名、密码行页面，进入到小程序-网上订餐主界面，进入到操作界面，进行相对应操作，

19、如图5.2所示。图5-2会员登录界面图核心代码如下：if(this.ruleForm.id)await this.$api.update(users, this.ruleForm);elseawait this.$api.add(users, this.ruleForm);this.$utils.msgBack(提交成功);会员首页页面可以查看菜品信息、订单信息、系统公告、我的等信息，进行提交操作，如图5.3所示。图5-3首页界面图核心代码如下： 菜品信息推荐好货推荐 菜品信息 product.caipinmingcheng 会员菜品信息进入页面可以查看菜品名称、分类、特色、价格等信息，进行下

20、单操作，如图5.4所示。图5-4菜品信息界面图核心代码如下：菜品名称分类Form.fenlei?ruleForm.fenlei:请选择分类图片会员添加评论进入页面可以查看评论内容等信息，进行查看操作，如图5.5所示。图5-5添加评论界面图核心代码如下：菜品评分ruleForm.caipinpingfen?ruleForm.caipinpingfen:请选择菜品评分服务评分评价日期用户名会员订单信息进入页面可以查看菜品名称、分类、价格、数量、总价格等信息，进行支付操作，如图5.6所示。 图5.6订单信息界面图核心代码如下：价格点击次数会员系统公告进入页面可以查看内容等信息，进行查看操作，如图5.

21、7所示。图5.7系统公告界面图核心代码如下：公告标题类型图片发布日期会员用户信息进入页面可以查看用户名、密码、姓名、头像、手机等信息，进行保存，如图5.8所示。图5-8用户信息界面图核心代码如下：用户名密码姓名性别地址会员订单配送进入页面可以搜索订单编号、菜品名称、分类、用户名等信息，进行搜索，如图5.9所示。图5.9订单配送界面图核心代码如下：分类数量下单时间用户名手机地址订单状态5.3 管理员功能实现管理员通过小程序-网上订餐进行确认，管理员进入到小程序-网上订餐主界面，管理员进入到操作界面，通过登录窗口进行在线填写自己的用户名和密码进行登录，登录成功后进入到系统操作界面进行相应信息的获取

22、，如图5.10所示。图5.10管理员登录主界面图核心代码如下： 管理员进入到界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看首页、个人中心、会员管理，菜品分类管理、菜品信息管理、订单信息管理、订单配送管理、用户评价管理、系统公告管理、系统管理等功能模块，进行相对应操作，如图5.11所示。图5.11管理员功能界面图核心代码如下： 管理员点击会员管理进入页面可以查看用户名、密码、姓名、性别、头像、手机、邮箱等信息，进行详情、修改、删除操作，如图5.12示。图5.12会员管理界面图核心代码如下： contents.btnAdAllFont = 1?新增: contents.btnAdAll

23、Font=1?删除: contents.btnAdAllFont=1?删除: 管理员进入菜品分类管理界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看分类等信息，进行相对应操作，如图5.13所示。图5.13菜品分类管理界面图核心代码如下： 管理员进入到菜品信息管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看菜品名称、分类、图片、特色、价格等信息，进行相对应操作，如图5.14所示。图5.14菜品信息管理界面图核心代码如下： placeholder=菜品名称 readonly file-upload tip=点击上传图片 action=file/upload 管理员进入到订单信息

24、管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看菜品名称、分类、图片、价格、数量等信息，进行相对应操作，如图5.15所示。图5.15订单信息管理界面图核心代码如下： el-input v-model=ruleForm.shuliang 管理员进入到订单配送管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看订单编号、菜品名称、分类、数量、下单时间、用户名等信息，进行相对应操作，如图5.16所示。图5.16订单配送管理界面图核心代码如下： 管理员进入到用户评价管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看订单编号、菜品名称、分类、数量、菜品评分、等信息，进行相对应操作，如图5.17所示。图5.17用户评价管理界面图核心功能如下： 取消 返回 管理员进入到系统公告管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看公告标题、类型、图片、发布日期等信息，进行相对应操作，如图5.18所示。图5.18系统公告管理界面图核心代码如下： 提交 取消 返回管理员进入到