【《基于微信小程序技术的校园在线点餐系统的设计与实现》21000字（论文）】

页共37页绪论背景近几年里，全国各地餐饮业蓬勃发展，餐饮业在全国服务行业内的地位日趋重要，餐饮业的发展对中国的税收有很大的促进作用，也为国家经济的发展作出了积极的贡献。餐饮业在国内有着庞大的市场,有着广阔的发展前景。随着国内经济、社会的蓬勃发展，国民的生活习惯、消费观念也随之发生了改变，这也使得餐饮业之间的竞争也将变得更为激烈。由于餐饮行业的激烈竞争等诸多原因，使得餐饮业在不断地进行变革和创新，在市场上，以特色化和个性化为主导，其优势日益凸显，餐饮市场竞争的重点将放在以下几个方面：革新才能、营销方式、市场推广、管理水平等多方面。目前，在众多旅游及娱乐、文化等第三服务业中，现代化的基于微信小程序的信息管理系统在国民的日常生活中已得到广泛使用。这不但能满足广大餐饮店经营者的急切需要，也提高了订单管理的信息化进程，为实现网上订餐系统信息化、规范化和网络化打下了坚实的基础。基于国内广大用户的实际使用，采用基于微信小程序的订餐系统即可节省人力，又加快了服务的效率，也增加了企业的知名度，增加了消费者的满意度，提高了餐饮店的竞争力以及影响力，为餐饮店的发展取得了十分显著的成果。日常生活中，无处不在的餐厅让点餐流程成为了不可或缺的一部分。本论文描述了基于微信小程序的点餐系统开发的整个流程。本论文描述了基于微信小程序的点餐系统开发的整个流程。该点餐系统集微信小程序的优势于一体，该点餐系统具有用户注册登录、线上点餐、用餐订单生成、用户反馈等多种功能，顾客通过微信小程序授权访问该点餐系统，用户可以依据个人兴趣爱好等条件来预定点餐；同时，餐厅老板也可以使用点餐小程序对店内菜品的修改管理。基于微信小程序开发的点餐系统，具有传统点餐模式不可或缺的优势，这为广大用户提供了便捷的服务，点餐效率的提升，况且开发成本低，开发效率高，这也是今后餐饮业信息化模式的发展方向。目的和意义“民以食为天”，中国，一个有着庞大菜系的国度，有着十分丰富的“食文化”，毫无疑问，餐饮业成为我国最大的传统行业。餐饮行业有着悠久的历史和规模，这也是现代互联网技术在逐渐渗透的产业之一。目前，全国餐饮行业的发展蒸蒸日上，传统的点餐模式已经不适应餐饮经营者的需求。在快速发展的社会中，以大学生、工人、白领为主要群体，奔波于工作和学习的忙碌，他们对食物的要求也在不断提高。所有餐品信息、账目变得十分庞大，核算起来时费力，固然容易出现差错。通过互联网技术对这些信息的管理，操作，能够有效地解决当前餐饮业中的一些问题，这样不但可以节省时间和劳动力，而且可以使工作更有效率，为广大餐饮行业的经营者带来了更多地利润，同时也可以增加顾客对食品的了解。本论文描述了微信小程序的订餐系统开发的整个流程。在此点餐系统中，传统的纸质菜单更替为电子菜单，一定程度上缓解了纸张浪费对生态环境破坏，还使餐饮行业能更方便、及时的管理菜品；餐饮经营者在收集、统计每日点餐数据中，大大减少了每天的工作量，并且可以更好的分析和掌握客户的需求，从而提升工作的效率，降低投资的成本，大大提高经营收益；进一步能够推动完善的服务系统，在提高服务质量和餐饮行业影响力的同时，也为我国餐饮业的规模化发展做好了技术基础铺垫，中国餐饮业定会越来越丰富。基于微信小程序的订餐系统开发有着重要的意义。国内外发展现状随着互联网技术的发展，在餐饮行业中，更多的餐饮店经营者首当其冲地选择智能化营业销售模式。从国内发展现状来看，中国餐饮业在线点餐市场的规模增速继续减缓，但是市场规模仍有较大的上升空间，餐饮行业的规模不断扩大，在线点餐用户规模也呈稳步增长姿态。再者凭借微信的广大的用户市场以及平台技术的稳定，收付款已经成为网民最常用的微信生态不断向外延伸的功能，点餐系统凭借强有力的微信平台可以得到更稳健的发展。随着餐饮业在线点餐逐渐渗透到日常生活中以及微信市场的逐步扩大，未来，在线点餐的发展将会迎来一个高速、稳定的发展时期，线上餐饮平台的发展重心应该从增量转移到挖掘用户的潜力，而点餐效率、服务体验、管理水平、食品安全将是未来竞争的突破口所在。因此，一个即能提高餐厅的点餐效率又能提升顾客的用餐体验还能为顾客提供新鲜技术的线上点餐模式——基于微信小程序的点餐系统必将普遍发展于餐饮行业中。欧美等发达国家，因为信息技术发展相比国内发展速度较为快速，各产业的信息化进程也比较快，欧美餐饮业的发展和电子化点餐平台的建立也比国内起步较早。根据历史观发展来看，欧美餐饮业的信息化转型，大致可以划分为:1.在餐厅内设定线上点餐系统。上世纪80年代以来，随着电脑技术的飞速发展和各类信息化管理的不断发展，餐厅纷纷建立了自己的点餐管理体系，借助计算机技术完成电子化点餐、结算等服务。2、基于Internet的无线订餐系统。上世纪90年代以来，随着网络和智能手机的快速发展，餐饮行业的信息化进程也随之加快。现在，很多餐馆都已经开发出了自己的移动应用软件，用户可以通过手机APP在网上进行各种操作。章节安排本论文共分7部分，每一部分对点餐系统的开发工作进行了详细的阐述，具体工作安排如下：第一部分为绪论。这一部分介绍了选题的背景、选题的目的意义、国内外的发展情况。第二部分为系统开发技术介绍。这一部分分别介绍PHP后端语言、JavaScript语言、微信小程序、MySQL数据库、Bootstrap框架。第三部分为系统需求分析。这一部分分别从可行性分析、用户需求分析以及用例图分析这三个方面进行了详细的介绍。第四部分为系统设计。这一部分主要介绍系统的设计原则，总体结构、各个功能模块的设计以及数据库的设计。第五部分为功能实现。这一部分介绍了前台和后台各个功能的实现效果。第六部分为系统测试。这一部分对具体的功能模块进行用例测试。第七部分为结论。这一部分对该系统所完成的功能和不足之处加以描述，以及对该系统的展望。2系统开发技术介绍2.1开发环境硬件：笔记本电脑一台（M1芯片，16G内存，500G固态硬盘）。软件：Apache服务器，SequelAce数据库管理工具；微信开发者工具；谷歌浏览器；VisualStudioCode。语言：PHP；JavaScript；WXML+WXSS。数据库：MySQL。2.2PHP技术介绍PHP全称叫做HypertextPreprocessor；中文名称叫做“超文本预处理器”；于1994年，拉斯穆斯·勒多夫创立，PHP为一种脚本语言，属于服务器端，主要是为了进行Web开发和嵌入HTML。PHP语言作为一种高级语言，其特性有：免费开源；执行速度快；良好的开放性和可扩展性：因为PHP属于免费开源的高级语言，源代码是开源的,所有的开发人员都可以对PHP进行额外的扩展。数据库支持：PHP支持各类数据库，无论是主流数据库还是其他非主流数据库;面向对象：PHP提供了对象和类；PHP4的新功能和新功能，如对象重载、引用技术等。版本更新快：因为PHP用户基数众多，PHP几乎每几周就更新一次，相对于某些高级语言，这更新速度是无与伦比的。根据W3Techs所统计，全球79%的网站都是用到PHP来进行服务端开发的，位居第一。目前主流的PHP版本为PHP5和PHP7。正因为PHP的使用用户多，所以很多大牛为其开发出了很多优秀的开源框架。例如Laravel、ThinkPHP、Yii等主流PHP框架的。2.3微信小程序介绍微信小程序是一种基于微信平台下的一种小程序，这是一个不用下载安装就能使用的小程序，属于一种创新型应用，用户不需要关心是否需要下载安装，在微信上一搜打开即可使用。微信小程序在过去的数年里，已经形成了自己的开发环境和开发者生态。微信小程序对与开发者来说也是比较友好的,微信的开发成本很低，但可以满足一些基础的需求，尤其适合线下的生活场景，或者是一些非主流的低端应用的转型。微信小程序具有微信消息通知、线下扫码、公众号关联等功能，为开发者提供了一系列的开发工具，开发框架，开发指南，API等服务。即使你是刚入门的程序员也能轻松胜任微信小程序开发。其开发语言WXML+WXSS更是跟HTML+CSS极为相似，而且标签使用起来要比HTML+CSS更为简单。当然无论是做web开发还是小程序开发，涉及前端的都少不了JavaScript语言。在微信小程序中也是一样，微信小程序有着自己封装好的一些JavaScript方法。让你在开发页面时可以在特定的生命周期中执行你所需要的功能。微信小程序所封装的JavaScript框架，跟Vue也极为相似，可以执行数据的双向数据绑定，有着它自己封装的一套组件视图容器。微信小程序总结的优点：即用即走：是微信小程序一开始上线就打的口号，这使得微信小程序代替了许多的APP。可以依靠微信流量：一个新的APP如果你想增加用户流量就需要到处花钱打广告，而且用户也不一定会下载。但是微信小程序就不一样了，借助微信体系，可以更加容易的获取客户流量。连接线上线下：微信小程序支持用户线下扫码打开，更加的方便快捷。2.4MySQL数据库简介MySQL数据库诞生于1995年，它是一个数据库系统，通常与PHP或其它主流编程语言相结合，并且MySQL数据库是完全免费使用的。MySQL数据的特点有：强大的功能：MySQL数据库提供了广泛的数据存储引擎，每个引擎都有自己的优势，并根据不同的需求进行定制，开发人员可以选择最合适的引擎以获得最佳的性能。目前最常用的两种引擎是MyISAM和InnoDB。MyISAM不支持事务，也不支持外键索引，但是它的特点是执行速度快；InnoDB支持事务，支持外键，因为InnoDB每个SQL语言都被封装为一个事务,自动提交,所以执行速度上比不上MyISAM，但是它独有的事务处理能力，能够确保数据的一致性，原子性，隔离性，持久性。可跨平台性：MySQL支持的开发平台至少超过20个。像最常用的Linux、Windows、IBMAIX等。这种跨平台的优点使得MySQL可以快速的移植在需要的平台上，而且也无需更改程序。运行速度快：MySQL使用了超快的B树磁盘格式（MyISAM）和索引压缩技术，通过一个最优化的多个链接进行快速地连接，SQL函数使用了最佳的类库，实现了快速的操作。高安全性：MySQL在使用加密系统时具有灵活性和安全性开发成本低：MySQL是完全免费的，可通过网络直接下载安装使用。存储能力强：InnoDB储存引擎把InnoDB表格储存在最大容量为64TB的表空间中。扩展性强：MySQL支持许多扩展库，例如MySQLi，这些扩展库可以方便Web应用。2.5Laravel框架简介Laravel是基于MVC模式的PHP框架，也是PHP最好的开源框架之一，拥有丰富且详细的开发文档。Laravel的设计理念十分超前，对多种开发方式都有很好的适应性。Laravel框架的优点有:配置很简单，没有任何花哨的设计，也没有复杂的对象结构，只需要几行代码就能运行，配置使用PHP脚本，它的性能非常好。具有丰富了路由功能，能进行自定义和封装路有。丰富的数据库封装，具有最基本的MVC功能。快速、简洁、代码少、高效。学习成本低，文档齐全，容易上手。2.6Bootstrap框架简介Bootstrap框架是一个前端框架，可以迅速地开发网络应用和站点。Bootstrap基于HTML,CSS,JavaScript发展成的。具有丰富其前端组件库和强大的删格系统，使用起来能帮助你快速搭建响应式页面。Bootstrap框架的优点有：简单易学，文档齐全。免费开源，下载即用。性能成熟，拥有大量实际项目开发。3系统分析3.1可行性分析作为软件开发的第一步，系统可行性分析主要从系统设计、开发的可能性、必要性等方面进行了系统的可行性分析，并对系统开发中的技术、经济、社会环境等方面的问题进行了分析和探讨，以此来预防和判断一些技术、经济、社会环境上的问题，提高开发效率、降低开发周期；确保系统开发成功，并上线运营成功。本系统是基于微信小程序所开发的在线订餐系统，本文将从技术可行性、经济可行性、市场可行性、法律可行性和操作可行性五个方面进行探讨，并论证微信小程序在线点餐系统的可能性和必要性。3.1.1技术可行性分析首先，在开发一个系统之前，要对系统的整体模块进行分析，针对开发系统所需的设计理念、硬件软件，以及开发人员等方面来分析。基于微信小程序的在线点餐系统所需要的条件是一个可操作数据的后台管理系统和一个用户在线点餐的微信小程序。这也属于前后端分离开发理念。目前科技发达，在此基础上硬件的支持，一台普通的电脑即可进行开发，软件上无论是PHP的支持还是微信所提供的微信开发者工具，都提供了在线点餐系统开发所需要的软件需求。本系统所运用到的PHP、JavaScript、WXML+WXSS等语言正是本专业所学的专业知识，所以提供了基本的开发技术支持。该订餐系统后台数据采用MySQL数据库存储，MySQL数据库系统免费使用的，而且MySQL数据库较为轻便，也是校内必修的专业知识之一。使用PHP的Laravel框架来进行后台开发，该框架代码简洁，封装性好，文档齐全，能大大提升开发效率;微信小程序也是在macOS端的微信开发者工具下进行开发完成的。微信小程序和普通小程序相比起来，它拥有着免下载，跨平台的优点，不需要下载就可以在微信中打开使用，并且脱离了平台的限制，可以在iOS端和Android端任意访问。因此具有技术可行性。3.1.2经济可行性分析经济可行性，主要是对此在线点餐系统的经济效益进行评估。该点餐系统主要开发经费在于服务器费用和域名费用上。由于系统的后台必须在外部网络上安装，因此需要购买一个服务器和一个域名，但是因为开发期对服务器需求并不大，所以购买最便宜的即可，所以费用并不高。最主要的还是该系统的开发时间。因为开发者只有笔者一人，所以无论是页面设计、数据库设计、接口设计和功能测试都是自己完成的。因此开发该系统需要大量的时间。现在的移动端应用需要支持的硬件要求较低，所以微信APP现在已经普及到了大家的日常生活中，因此微信小程序在线点餐系统的推广难度将大大降低，而且因为该在线点餐系统是针对与校园的，所以主要推广对象是学生，所以只需要在学生中推广即可。该点餐系统开发的出发点就在于方便学生们在线订餐，省去排队打饭的烦恼。同为一名大学生，深感到排长队打饭的痛苦，所以该点餐系统非常有发展空间。只要能够积极引导学生都在饭堂订餐，那么该点餐系统的经济效益就会逐渐显现出来。本在线点餐系统实施后也可以节省饭堂的运行成本，能减少人力资源的投入，大大减少饭堂的打饭时间。还有该点餐系统所采用的技术均为免费开源的，不需要花费大量资金维护，源码都是在自己的手中，容易管理和升级。所以该在线点餐系统在经济上是可行的。3.1.3市场可行性分析学校饭堂的饭菜通常都会比外卖的便宜很多，那为什么很多学生宁愿带外卖都不愿意在饭堂打饭呢？同为一名大学生，深知刚下课后饭堂的长龙，有时候排了很久的队伍轮到自己的时候，菜都已经非常少了，而且极大大浪费掉学生们的时间。现在餐饮业的点餐系统已经普及，无论小餐馆还是奶茶点大多都支持在微信小程序上点餐，所以说微信小程序上的在线点餐系统的点餐方式已经慢慢的替换掉线下点餐的方式的。而且点餐系统操作简单，小程序界面简单明了，可以说是非常具有吸引力的。校园在线点餐系统即方便了学生打饭，也节约了饭堂的运营成本，可谓两全其美。所以具有市场可行性。3.1.4法律可行性分析该基于微信小程序的校园在线点餐系统均是本人设计和开发出来的，所运用到的技术也是开源免费的。不存在侵犯他人知识产权的情况，同时该在线点餐系统是在微信平台下的，所以均已通过微信平台的审核，并且运行在法律允许范围之内，没有触发我国的法律法规。所以是通过法律可行性的。3.1.5操作可行性分析该在线点餐系统后台采用PC端网站的形式部署，只有管理员可以登录进行操作。后台采用菜单联动的方式展示，功能齐全，页面整洁，管理员只需要会基本的电脑操作即可使用。而且数据都是可视化管理，非常的方便。微信小程序在线点餐页面模仿了美团APP的点餐样式，更贴切用户，让用户更为熟悉，并且网页简洁，用户体验良好，用户打开即用，没有繁琐的操作，没有密密麻麻的文字解说，打开即用，方便快捷。操作步骤就是选择菜系、下单支付、凭单取餐即可。3.2需求分析需求分析又称软件需求分析、系统需求分析或者需求分析工程，开发者通过对系统的具体需求进行详细的调查与分析，对系统的功能、性能、可靠性等具体需求进行了详细的分析，将用户需求的表达转化为系统的整体需求，进而决定系统所要完成的工作。本在线点餐系统的目标是：一个操作便捷、基本功能满足的点餐系统，顾客可以更有选择性的挑选喜爱的菜品。此点餐系统存在两种类型参与者，顾客和管理员。顾客可以通过微信授权登录此点餐系统，登陆后可修改个人资料。同时可以在此点餐系统中自由浏览、挑选餐品；查看菜品信息；付款下单等功能。系统管理员能够管理客户，查看客户信息；管理菜品，菜品上架，菜品下架，菜品信息查询，菜品信息修改等；管理订单，查看已付款订单等；还可以对首页的菜品轮播图进行管理。3.2.1系统功能要求在线点餐系统后台只允许管理员通过账号密码登录，系统后台拥有多个普通管理员，一个超级管理员，系统超级管理员可以添加普通管理员，并给予相对应的特权；普通管理员拥有由超级管理员授予的特权，能对在拥有权限情况内的功能进行操作。例如查看菜系，管理菜品的上架、下架，以及查看订单等功能。超级管理员可以对在线点餐后台系统做任何的操作，可以添加或删除普通管理员，可以管理菜品，添加或修改轮播图，以及订单数据的修改等一系列功能。后台主要功能有：轮播图管理：可以对轮播图进行增删查改操作，可以单独对某张轮播图设置启用或者不启用来对其进行微信小程序页面的轮播图展示。分类管理：可以对菜品分类进行增删改查，该菜品分类表采用无限极分类理念，可以一直添加分类级别，但是根据用户体验，不推荐菜品类级超过两级。菜单管理：可以对菜品进行增删改查；可以选择菜品上下架、价格、数量、图片、描述和所属菜品分类等方面进行管理。客户管理：可以查看已有的客户。订单管理：能看到现有的订单信息，处理各种状况下的订单。地址管理：这个是为了后续开发一个可以类似于外卖的功能，可以为其送到宿舍，所以后续将推出一个用户的地址管理的功能。在线点餐小程序页面的菜品数据都是通过后台所给的Api接口获取的；客户可以在点餐小程序查看菜系，选择想要购买的菜品，加入购物车，然后进行下单。可以查看自己目前订单和历史订单，并对其拥有删除的操作。还可以修改一些自己的数据。在线点餐小程序主要功能有：用户查看菜系：小程序首页展示的就是轮播图和菜品，用户可以通过点击菜系或上下滑动查看不同的菜品。用户选择菜品：用户可以点击“+”、“-”号来选择自己所所需要的菜品，选择菜品后会自动添加到购物车上。用户下单：用户选择完菜品后，可以直接点击购物车的下单按钮进行下单，购物车中有着用户选择的所有菜品、数量和价格。查看订单：用户点击底部导航“查看订单”即可查看目前订单和历史订单。我的：用户点击底部导航“我的”可以跳到自己的管理页面，其中头像和名字默认为微信所获取的，但是可以自己进行个人名字和一些基本的信息进行添加修改，也可以添加手机号码，地址等操作。目前系统所拥有的功能完全已经可以满足在线点餐的需求了。3.3系统用例分析3.3.1在线点餐系统用户用例分析在线点餐系统用户首次打开点餐系统小程序，需要授权进行登录，授权登录后的在线点餐系统用户可以在“我的“页面中进行修改、查看个人信息，可以在首页查看并选购菜品，可以在订单页面查看到当前订单和历史订单信息。在线点餐系统用户用例图如图3-1所示。图3-2微信用户用例图3.3.2系统后台管理员用例分析在线点餐系统后台管理员通过登录后台，可以对拥有权限的功能模块进行操作，并对各个模块的数据进行管理，即管理普通管理员，对轮播图、菜品的分类和菜品的增删改进行操作，也可以对订单和用户进行管理操作。为了保证数据的安全，后台只能使用管理员账号登录，添加管理员的方法只有超级管理员可以进行，超级管理员拥有对后台的一切管理权限。超级管理员用例图如图3-2所示。图3-2超级管理员用例图4系统设计4.1系统设计原则一个系统是否构建成功和拥有可持续发展性。系统的构建和代码的设计必须严格遵守以下原则：先进性：为了保证系统不被淘汰，不会出现技术的断流，所以系统的设计思想必须先进，所运用的技术也要用到当前主流的技术。在这个资讯科技信息日新月异的年代，开发一款受到用户所喜爱的系统，系统设计理念必须符合大流。使用主流技术既可以保证系统不因技术陈旧而被淘汰，也可以更加的方便技术的接待更新，持续发展。可扩展性：一个系统想要能够持续发展，那就必须拥有良好的可扩展性，才能适应不同的发展需要，才能满足用户的使用需求，从而保证能留住用户和吸引新用户。开发性：系统不能是完全封闭的，必须要有一个接口，才能连接到其他的平台，从而满足一些其他功能需求。例如支付就需要和微信平台的支付功能所对接。实用性：系统必须设计得操作简单明了，功能需求完善。根据实际情况而设计开发，符合大众观，具有实用性。4.2系统总体结构设计微信小程序在线点餐系统总共由两大部分组成，微信小程序端和Web端后台管理系统。微信小程序端主要有用户个人信息管理、查看菜品、选择菜品、下单支付、我的订单等模块。点餐系统后台主要有管理员管理模块、轮播图管理模块、菜品分类管理模块、菜品管理模块、订单管理模块、微信小程序用户管理模块等；主要实现的功能是能对微信小程序在线点餐系统的页面的轮播图，菜品等数据进行管理，能及时查看到订单，能对小程序的用户进行管理等。下面就详细的描述下微信小程序的点餐设计。用户登录：新用户都必须手动授权获取登录信息进行登录，老用户距离上次访问时间不超过一周的，打开微信小程序自动登录。查看菜品：打开微信小程序在线点餐系统会自动挑转到首页菜品页面，该页面包含了轮播图、菜系、菜品、购物车模块。购物车模块只有你选择了菜品后才会显示出来。菜系位于页面左侧，菜品则位于右侧，可以通过点击菜系可显示相应的菜品，滑动菜品也可以自动跳转到相应的菜系中。选择菜品：点击菜品最右侧的“+”号即可将菜品加入到购物车中，如选有菜品，购物车即在页面最下方显示出来，“+”号左侧也会出现所选菜品的数量和可以对数量进行减少的“-”号。数量最多只能加到99，数量减到零后“-”号和菜品数量的数字也随之消失。确认选择的菜品：选择好后点击下方的购物车模块即可向上弹出已选的菜品，在购物车中用户也可以对菜品的数量进行加减，在购物中总价会自动计算出来。下单支付：确认好菜品和价格无误后，可以点击购物车中的下单按钮，即可跳转至微信支付，支付成功即下单成功。查看订单：点击底部导航栏“订单”页面即可看到当前订单的状态和历史订单。凭借当前订单的订单号即可进行取餐。在线点餐系统总体结构图如图4-1所示。图4-1系统总体结构图在线点餐系统微信小程序前台功能模块图如图4-2所示。图4-2微信小程序前台功能结构图在线点餐系统后台功能模块图如图4-3所示。图4-3系统后台功能结构图4.3系统功能模块设计4.3.1微信用户登录模块首先设计好一张用来存储微信用户的用户数据表。校园在线点餐系统是基于微信小程序的，所以并不需要开发一个用户注册页面，只需要用户首次访问授权即可。系统后台开发一个登录的api接口，当微信用户打开校园在线点餐系统的时候，自动获取微信提供的微信用户登录态code,然后就通过系统后台的登录api接口将微信用户登录态code发送给系统后台，系统后台再拿这个登录态向微信服务器换取微信用户唯一标识符openid。然后通过该openid查找用户数据表是否有该用户，如果没有，那就证明该用户是第一次访问校园在线点餐系统，微信用户首次访问校园在线点餐系统，用户直接跳到小程序的用户信息页，然后让用户通过点击触发登录方法，弹出微信用户授权登录框，那么这个时候还需要一个用来把微信用户信息添加进数据库的pai接口，只有用户点击授权的时候就会向该接口发送微信提供的微信用户信息，然后将微信用户信息储存进系统的微信用户信息表，成功储存后再将用户信息返回给小程序端，实现用户授权登录。如果查到用户信息，那就证明该用户是老用户了，那么就返回用户的基本信息，实现自动登录。微信用户登录微信小程序校园在线点餐系统流程图如图4-4所示：图4-4微信用户登录流程图4.3.2微信用户下单模块微信小程序用户下单之前肯定是需要通过登录的。登录后的微信小程序用户可以在首页中浏览小程序中的菜品，通过模仿美团的用户下单界面来设计的，用户可以根据加减号来挑选菜品。只有用户挑选了菜品之后，购物车模块才会显示出来，用户可以根据购物车中自己已经挑选好了的菜品进行再次确认，然后确认价格再选择支付下单，微信用户下单是关联到设计的两张数据表，分别是订单表和订单详情表，订单表和订单详情表之间的关系是一对多。用户点击支付后会自动生成一个订单编号。然后将商品信息和订单编号储存到订单表和订单详情表中。订单表中存储的一个订单状态字段，用来判断订单的目前所处于的状态。例如订单刚生成的时候是属于未支付的状态，当小程序用户支付成功后才会变成已支付的状态，当出餐后订单状态才会显示已完成。下单流程图如图4-5所示：图4-5微信小程序用户下单流程图4.3.3微信用户订单管理模块微信小程序的订单管理是指用户在“我的订单”页面上显示的自己的订单信息。用户登陆成功后，在“我的订单”页面上按一下，后台会根据订单列表和详细资料，把用户的全部订单信息反馈给客户。订货信息包含订单号码、价格、数量、菜品信息等。微信小程序用户支付成功后即可生成订单，在订单列表中可以查看当前订单和历史订单。用户可以删除或更改订单，只有当订单状态结束时，用户才能删除此定单，删除后的订单不会再出现在用户自己在的订单页面中，但是后台订单不会被删除；仅当订单状态没有结束时，用户才可以更改订单状态。餐品订单的状态有未支付、待领取、已完成三种。4.3.4在线排队功能模块在现实校园中，去食堂打饭最为麻烦的就是排队了，人不仅多，排队时间还长，而且还不知道几时才轮到自己。根据校园食堂打饭实际情况设计出在线订单排队功能，根据用户订单实现线上排队的方式，及时通知用户，让用户知道自己当前的订单排队状态，前面还有多少个订单才轮到自己。用户可以在自己的订单中查看到当前的订单排序号，当前面的用户订单出餐后会自动将订单排序号更新。用户可以根据当前的订单排序号规划时间去取餐。4.3.5微信用户个人信息管理模块在微信小程序中设计一个“我的”页面，在该页面中用户能够管理自己的个人信息，该页面的所有用户的个人信息都是通过后台查询返回出来的。首次授权登录后，用户信息只有用户头像和用户微信昵称，当用户授权登录后，将可以自己添加一些个人信息，如手机号码，性别等。4.3.6轮播图模块轮播图主要是用来展示和宣传的，设计一个轮播图信息表来储存轮播图信息。在校园在线点餐系统微信小程序首页页面中，用户可以看到轮播图的展示。只在后台管理，管理员才能对小程序轮播图表进行管理，修改轮播图。为了更方便的管理轮播图信息，设计了一个可以控制轮播图显示的字段，管理员可以通过修改该字段让轮播图是否在微信小程序页面中展示，不需要将不想展示的轮播图信息删掉。微信小程序页面中轮播图信息的状态都是为已显示的。4.3.7菜品类别模块菜品类别是用来区分菜品所属的分类，菜品类别就相当于菜单目录，可以通查到菜单目录而快速找到自己想要的菜品，每件菜品都必须绑定一个类别，所以要将菜品类别单独做一个模块，设计了一张菜品类别信息管理表，这样更好管理。如果该类别下拥有子类别或者绑定有菜品则无法删除。菜品类别管理流程图如图4-6所示：图4-6菜品类别管理流程图4.3.8菜品模块菜品的管理在系统的后台中，只有管理员有权操作。设计一菜品信息管理表，该表储存了菜品的基本信息和菜品的类别id，菜品类别表和菜品信息表属于一对多的关系，每一种菜品类别都可以包含多种菜品，可以通过搜索菜品类别查找出属于该菜品类别的所有菜品信息。添加菜品信息需要绑定在某个菜品类别上，菜品只能选择没有子类的菜品类别，菜品信息表设计了一个可以选择上架或下架的字段，管理员可以通过修改该字段信息来选择是否上架该菜品，只有选择了上架后的菜品信息才会展示到校园在线点餐系统的微信小程序首页中。菜品管理操作流程图如图4-7所示：图4-7菜品管理流程图4.3.9订单模块用户在校园在线点餐系统微信小程序进行下单后，后台会生成一个订单，点击订单详情可以查看到该订单的所有菜系信息，包括菜系的名字、数量和价格。用户下单后未支付后，系统将会生成一个未支付订单，如果该订单在十分钟后用户还未支付就会自动删除；用户支付后，订单状态就会自动改为已支付，这时候管理员就可以将订单信息改为待取餐，当用户取完餐后，将订单状态修改为已完成，那么该订单的状态就会显示已完成，如果用户不主动修改订单状态，那么在订单状态为待取餐后的一个小时后自动改为已完成。4.4在线点餐系统数据库设计4.4.1实体关系E-R图设计数据库设计主要是设计数据实体和数据表。该校园在线点餐系统设计到7个实体，下面是校园在线点餐系统的实体信息介绍：（1）系统管理员可以通过后台查询用户账号、异常等信息，便于维护和管理。在线点餐系统管理员信息有管理员ID、性别、姓名、密码、权限、手机号码和添加时间。（2）用户信息是确保用户的一个个人身份的确认。用户的信息有用户ID、姓名、性别、生日、手机号码、添加时间和修改时间。（3）餐厅可以供应的菜品可以在陈列页面上显示，一旦有菜品被抢购一空，就会将其撤下，以确保系统的运作。菜品信息有菜品ID、菜品名、菜品类目、单价、库存、菜品详情、图片。（4）菜品按菜品类目展示在系统页面，用来美化点餐系统页面。菜品类目信息有菜品分类ID、菜品分类名、菜品父类ID、菜品所属分类路径。（5）订单是用户在购物时生成的对应数据。例如在选择菜品的时候，不同的菜品对应不同的价格，结算的状态是支付还是未支付等等，系统都是需要进行一个记录，以便用户或者餐厅的一个使用。订单信息有订单ID、下单时间、桌号、菜品编号、订单状态、数量和总价。（6）订单详情是记录着每一个订单的所有详细信息，包括所购买的菜品的名字、购买的数量、购买的总价格等重要信息。（7）点餐系统首页的轮播图，轮播图信息有图片ID、添加时间、图片名字和图片路径。校园在线点餐系统的总E-R图关系模型如下图4-8所示：图4-8在线点餐系统E-R图4.4.2数据库表的设计数据库概念架构设计实现后,必须对概念架构进行一个逻辑性的设计实现,目前我们所使用的是MySQL数据库,基于系统的现实需求,我们按照概念架构设计,在整个数据库系统中设计了7张图表,分别为系统管理员信息表、用户信息表、菜品信息表、菜品种目列表、订单统计表、订购详情列表和轮播图表。如下图表所示：（1）系统管理员信息表（admin_users）系统管理员表admin，是一个用于描述管理员信息的表。管理人员表格包含了管理员ID、密码等信息。管理员ID是该管理员实体表的主关键，remember_token字段是用来设计记住用户登录行为的。点餐系统管理员信息表如表4-1所示：表4-1系统管理员信息表字段名数据类型长度是否主键是否为空描述idint11是否管理员IDusernamevarchar120否否姓名passwordvarchar80否否密码remembertokenvarchar100否是是否记住登录行为createdattimestamp否否添加时间updatedattimestamp否否修改时间（2）用户信息表（users）用户表users，是一个用于描述用户信息的表。用户表主要包括用户ID、姓名、性别、手机号码等属性。其中用户ID为此用户信息表的主键，api_token字段是用来验证用户身份的，该字段是由用户id和时间拼接经过加密存储的，用户下次再穿访问的时候客户端只要带上该api_token就不需要手动登录了。点餐系统用户信息表如表4-2所示：表4-2用户信息表字段名数据类型长度是否主键是否为空描述idint20是否用户IDnamevarchar190否否姓名sexint1否是1-男，2-女phonevarchar11否是电话号码apitokenvarchar255否否token验证createdattimestamp否否添加时间updatedattimestamp否否修改时间（3）菜品信息表（gf_goods）菜品信息表gf_goods，是一个用于描述菜品详细信息的表，菜品信息表主要包括菜品ID、菜品类目、菜品名、价格、数量、菜品详情、菜品图片等属性。其中菜品ID为主键，菜品类目字段是用来存储菜品类目id的，是用来记录该菜品是绑定在某一个菜品类目下的。点餐系统菜品信息表如表4-3所示：表4-3菜品信息表字段名数据类型长度是否主键是否为空描述idint11是否菜品idgiving_idint11否否菜品分类idnamevarchar255否否菜品名称pricedecimal(10,2)否否价格numbertinyint4否否菜品数量weightsmallint6否是菜品重量introducetext否是菜品详情small_logovarchar255否否菜品log图地址is_groundingint1否默认：00-下架，1-上架created_attimestamp否否添加时间updated_attimestamp否否修改时间（4）菜品类目信息表（gf_giving）菜品类目信息表gf_giving，是一个用于描述菜品类目详细信息的表，表结构采用无限极分类理念设计，可以通过path路径进行无限级分类。其中类目id为主键，基本信息主要有菜品分类名、父类id，所属分类路径等，点餐系统菜品类目信息表如表4-4所示：表4-4菜品类目信息表字段名数据类型长度是否主键是否为空描述idint11是否分类idgiv_namevarchar255否否菜品分类名称pathvarchar50否否所属分类路径orberint11否否分类排序showint1否否状态is_tagint1否否是否拥有子类created_attimestamp否否添加时间updated_attimestamp否否修改时间（5）轮播图信息表（gf_carousel_img）轮播图信息表gf_carousel_img，是一个用于描述轮播图图片详细信息的表，用于显示在用户页面的轮播图，轮播图ID为主键。点餐系统轮播图信息表如表4-5所示：表4-5轮播图信息表字段名数据类型长度是否主键是否为空描述idInt11是否轮播图idnamevarchar255否是轮播图名称img_urlvarchar255否否轮播图连接地址displayint1否默认：00:不显示，1:显示created_attimestamp否否添加时间updated_attimestamp否否修改时间（6）订单信息表（gf_order）订单信息表gf_order，是一个用于描述顾客订单详细信息的表，订单id为主键。点餐系统订单信息表如表4-6所示：表4-6订单信息表字段名数据类型长度是否主键是否为空描述idInt11是否订单idcontrolvarchar255否否订单编号user_idint11否否买家iduser_namevarchar255否否买家名字phoneint11否是买家手机号sumdecimal(10,2)否否订单总额order_stateint1否否订单状态created_attimestamp否否下单时间（7）订单信息详情表（gf_order_details）订单信息详情表gf_order_details,是一个用于记录订单所购买的详细数据，里面包括，订单id,订单编号，菜品id,菜品总价格，菜品总数量等信息，其中订单详情id为主键。点餐系统订单信息详情表如表4-7所示：表4-7订单信息详情表字段名数据类型长度是否主键是否为空描述idint11是否订单详情ido_idint11否否订单表idcontrolvarchar255否否订单编号g_idint11否否菜品idg_namevarchar11否否菜品名称g_numberint11否否购买菜品的总数量g_pricedecimal(10,2)否否购买菜品的总价格5系统功能实现微信小程序校园在线点餐系统，是在后台上架、下架菜品，管理订单；前台用户浏览菜品，选择菜品下单等主要功能为核心的。主要是为了能让学生能减少排队打饭的烦恼而设计出来的，能让学生进行在线浏览菜品，在线下单功能，节约打饭时间。本系统是基于微信小程序所实现的在线点餐系统，实现了微信用户登录，首页信息浏览、菜品选择、下单付款、订单管理和用户的基本信息管理功能。本系统的后台管理系统是基于PHP的Laravel框架开发的，系统后台实现了管理员登退功能、管理员信息管理、轮播图管理、分类管理、订单管理、菜品管理、用户管理等一系列功能点。该在线点餐系统提供了用户下单购买、查看订单等一些列流程操作。5.1小程序端功能实现5.1.1微信用户登录功能获取登录状态code：通过微信api接口wx.login（OBJECT）方式获得登陆状态，该登入状态是为了获得用户的唯一身份（openid）。。将登录态code发送给服务器：将获取到的code使用微信提供的wx.request()方法通过自己后台开放的api接口发送到自己的服务器上。用code交换session_key和openid：在后台获得code之后，可以用微信提供的接口来交换session_key和openid。。生成一个3rd_session返回给小程序端：将换取到的session_key和openid保存到后台，通过算法将其加密成一个3rd_session,并保存在用户表中的api_token字段，然后返回给小程序用户。客户端保存api_token：在上一步中。后台已经将api_token返回给了小程序用户端，然后根据微信提供保存本地缓存api的wx.setStorage(OBJECT)方法进行在小程序端缓存api_token即可。获取用户信息：在wx.login()方法中将登录态信息带上，就可以输出wx.getUserInfo中成功回调函数res中的用户信息。用户信息有用户头像、城市、省份、国家、性别、语言、昵称信息。登录态维护：为了更好的用户体验，不需要每次用户访问微信小程序都需要同意授权，所以保存登录态一定时间内不过期。例如保存登录态时间一周，那么如果用户在一周之内再次登录微信小程序，用户就不需要再次手动确认授权登录，而是可以自动登录获取到用户信息。如果时间超过一周那么当前的登录态信息就会实效，所以就需要再次手动授权登录，重新获取新的登录态。5.1.2订单排队功能生成订单顺序号：订单顺序号是为了记录和统计当前的所有订单而生成的。当用户支付成功后，后台自动生成一个数字用来代表当前订单的顺序，并用一个session值来将其存在后台中。该顺序号设计了每天零点初始值为0，当当天订单数量每增加1的时候，该顺序号的值就加1，即每天第一单的订单顺序号为1。将订单顺序号返回给用户订单：当生成订单时，会自动生成唯一订单编号，根据当前的唯一订单编号，将当前session中的订单顺序号返回到这个订单中，并将其展示在用户订单列表中，以此来记录当前订单的顺序。获取订单排序的顺序：订单的排序顺序是实现订单排队的重要条件。后台以订单的下单时间为排序，查询订单表中所有状态为未出餐的订单，得到一个数组，该数组的键就是目前未出餐的订单顺序。将排队状态展示给用户：后台将生成的未出餐订单数组返回到小程序端，然后通过判断数组中的订单顺序号所处的下标，将它的下标作为订单排序号展示出来，以此来告知用户目前订单的排队状态。更新订单排序号：当每次有新的订单生成或者状态的更新后，都会更新未出餐的订单数组。当查询出的订单数组发生变化时，它的下标也随之更新。5.1.3首页功能用户打开校园在线点餐系统微信小程序首先会跳到首页模块中，首页的JS文件中的App内的onLaod页面加载生命周期函数中做出了一个判定，缓存中是否有用户信息，如果没有将从定向到“我的”模块中；如果有用户信息那证明用户已登录，就继续往下执行，继续往下还有两个加载数据的自定义方法，通过访问后台开放的api接口返回数据，一个是加载轮播图数据的，一个是加载菜品分类和菜品详细信息的。然后将成功返回出来的轮播图信息和菜品分类、菜品详细信息分别展示在页面的特定位置中。首页中的购物车模块，设置了一个方法，通过点击菜品信息中的加减号就会触发，方法内进行了购物车数量的判断，数量最少为0，最多为99。设置一个变量来接收购物车的菜品数量，只有当菜品数量不为0时，购物车模块才会显示出来。菜品分类和菜品信息的展示方式是模仿美团上的左右联动的样式，可以点击菜品分类展示出对应的菜品信息，也可以滑动菜品信息从而跳到特定的菜品分类中。完成这样的功能首先是使用了微信小程序提供的scroll-view组件，scroll-view组件的主要功能是设计可滚动视图区域，给该组件设计一个高度，并设计竖向滚动，就可以实现菜品和菜单分类的竖向滚动功能。然后再写两个事件方法让菜品分类和菜品信息形成联动。因为菜品分类和菜品信息属于一对多的关系，所以后台设计返回一个二维数组，一个菜品分类对应着多个菜品信息。将菜品分类信息单独展示到页面的左边分类列表中，然后右边则分成一个个模块竖向展示的菜品信息，一个模块对应着一个二维数组。把菜品分类列表绑定一个点击事件，当点击某一个菜品分类时，右边的菜品信息就会跳到相同的模块信息中来；给右边的菜品信息绑定一个滚动事件，当菜品信息滚动到某个模块时，那么左边的菜品分类列表就会选中到属于他的菜品分类；从而实现左右联动功能。首页页面如图5-1所示：图5-1首页5.1.4订单页功能订单页，如果用户未登录是无法访问到该模块的。所以能打开该模块，那么用户是已经登录了的。在该模块中的onLaod页面加载生命周期函数中写了一个加载用户订单数据的方法，该方法会将用户的id通过后台的pai接口，发送给后台，然后后台会通过该id查询订单数据表和订单详情数据表，并合并成一个二维数组返回给小程序端。订单页面如图5-2所示：图5-2订单页5.1.5用户信息页功能在用户信息页模块中，有两种状态，未登录和已登录的，在全局配置文件app.js中的onLaunch方法中有一个登录方法，每次打开校园在线点餐系统微信小程序都会执行到这个方法，这个方法会向后台的登录api接口发送用户的登录态，以此来判断用户是已经存在用户数据表中。如果存在就会将用户的数据存入缓存中，然后在用户信息页模块中，将缓存中的用户数据读取出来并展示在该模块中。“我的”页面如图5-3所示：图5-3我的主页5.2后台管理系统功能实现后台管理系统主要模块有登录模块，轮播图管理模块、分类管理模块、菜品管理模块、订单管理模块、用户管理模块。5.2.1登录页功能后台是管理员用来管理数据信息的，所以只能管理员登录。首先在设置后台管理员信息表的时候就先写手动存进了一个管理员账号，密码使用的是md5加密。通过登录页的表单提交管理员账号和密码，然后通过ajax向登陆控制器提交数据，该控制器内是判断管理员登录状态的，所以后面其他的控制器都继承该登录控制器，如果没登录是无法访问其他控制器的。登录页如图5-4所示：图5-4后台登录页5.2.2轮播图管理在轮播图管理页面中设置有一个新增按钮，点击新增按钮会跳到轮播图新增表单中来，表单中图片信息是通过ajax来上传的，轮播图控制器将上传进来的图片信息保存进轮播图数据表中。然后图片我设计储存到public文件下的uplaods文件下的images文件中，该文件会在上传图片中自动生成。当图片上传成功后可以获取到当前图片的路径信息和图片名称，图片名称采用的是时间加随机数凭接而成的，然后再将图片路径和图片随机名称拼接存放到轮播图数据表中的src字段，轮播图信息展示中的图片就是通过该字段将图片展示出来。在轮播图信息中有一个启用模块，该模块是通过ajax异步刷新改变的，可控制图片是否启用。轮播图管理页面如图5-5所示：图5-5轮播图管理页5.2.3菜品分类管理菜品分类管理页面中分为两大部分，右边为分类信息，采用树形结构展示；左边分类添加表单，分类表单中父类选框中的数据是由分类信息表中读取出来的，是下拉列表的方式展示。不选择默认是数据顶级分类。菜品分类管理页如图5-6所示：图5-6菜品分类管理页5.2.4菜品管理菜品管理页面采用新增按钮的方式打开菜品新增表单，在表单中可以填写菜品详细信息和菜品图片，菜品图片保存在goods文件内。在菜品信息中，设计可以实现行内编辑，双击即可填写修改菜品的信息。还设计了可以通过上架状态进行搜索菜品，通过点击菜品的上架状态可搜索出相对应的菜品信息；也可以通过菜品名进行模糊查询；还可以通过菜品分类来搜索菜品信息，菜品分类搜索框中的下拉列表内容来自菜品分类信息表，是使用一个查询菜品分类信息表的接口返回来的数据，该接口只返回没有子类的菜品分类。菜品管理页页如图5-7所示：图5-7菜品管理页5.2.5订单管理订单页面主要是以表格的方式展示订单的信息，订单内的信息是通过小程序端用户下单才会生成的。为了更方便管理员管理订单信息，专门设计支付状态和订单状态两个字段信息为行内编辑，可以实现点击即出现单选框选择。为了更方便管理员查看订单信息，还设计了按照订单状态的搜索，点击某个订单状态就可以查询出当前状态的内容。订单管理页如图5-8所示：图5-8订单管理页5.2.6用户管理用户管理页面主要是以表格形式显示用户信息，管理员没有权限更改，只能浏览，但可以将其删除。获取用户的信息只有用户微信昵称和用户微信头像，在表格中头像字段内添加一个图片标签，用来展示从微信服务器中获取的微信头像。还设计了一个以用户名来筛选的搜索功能，该功能是采用模糊查询实现的，可根据某个关键字进行用户名搜索。用户管理页如图5-9所示：图5-9用户管理页6系统测试6.1测试目的说明为了确保微信小程序校园在线点餐系统能正常上线使用，系统的功能测试环节必不可少。其目标是发现系统中还存在的问题，检查所有功能是否能正常执行，能否达到预期的期望。根据系统内部逻辑来设计测试用例，通过这些测试用例来验证系统的功能是否正常。6.2测试方式采用黑盒测试方法，将该系统视为一个无法打开的黑盒子，在没有考虑到系统的内部构造和特点的情况下，对其进行测试。以用户的角度来对系统进行操作，检查功能是否跟预期期望一致，以此来确认系统的功能是否正常运行。6.3测试用例微信小程序用户登录测试表如表6-1所示。表6-1测试表用例编号T1用例名称微信小程序用户登录测试模块名微信小程序用户登录测试目的检验微信小程序用户能否正常登录操作描述1.打开微信校园在线点餐系统在弹出的微信授权框中点击“允许”按钮点击“我的”页面查看个人信息期望结果首次访问微信小程序校园在线点餐系统弹出微信授权框点击允许按钮成功跳转小程序首页点击“我的”页面看到头像与名字和自己微信的一至实际结果与期望结果相同（2）微信小程序校园在线点餐系统选购测试测试表如表6-2所示。表6-2测试表用例编号T2用例名称在线点餐系统菜品选购测试模块名菜品选购测试目的检验选择菜品功能是否完善操作描述1.点击微信小程序校园在线点餐系统“首页”2.点击想要购买的菜品右边的“+”号3.点击显示出来的“-”号期望结果打开“首页”能查看到菜系和菜品点击菜品右侧“+”号，出现当前选购数量和“-”号点击“-”号，当前选购数量减少实际结果与期望结果相同（3）用户管理订单测试表如表6-3所示。表6-3测试表用例编号T3用例名称用户管理订单测试模块名用户订单管理测试目的测试用户能否正常管理自己的订单操作描述1.点击微信小程序校园在线点餐系统“订单”页2.查看当前订单的状态和历史订单3.将当前订单状态改为“已完成”4.选择任意历史订单点击删除期望结果打开“订单”页查看到了自己的所以订单查看到当前订单的状态为“代取餐”和历史订单订单状态被修改为已完成删除的历史订单已成功被删除实际结果与期望结果相同（4）用户下单测试表如表6-4所示。表6-4测试表用例编号T4用例名称用户下单测试模块名用户下单测试目的用户能否下单成功操作描述点击购物车“下单”按钮在跳出页面查看购买菜品和金额，确认无误后点击“支付”按钮3.在弹出的微信支付框中点击确认，完成支付4.打开订单页查看自己当前订单期望结果点击“下单”按钮成功跳转至支付页查看到的菜品信息无误，点击“支付”按钮成功弹出微信支付框顺利完成微信支付在订单页面查看到自己刚下单成功的订单实际结果与期望结果相同（5）用户个人信息管理测试表如表6-5所示。表6-5测试表用例编号T5用例名称用户个人信息管理测试模块名用户个人信息管理测试目的检验用户能否管理自己的个人信息操作描述1.打开“我的”页面2.选择一项个人信息修改，例如用户名3.提交修改内容期望结果在“我的”页面中查看到自己的个人信息能对用户名等信息进行修改当前用户名已经是修改后的了实际结果与期望结果相同（6）系统后台管理员登录退出测试表如表6-6所示。表6-6测试表用例编号T6用例名称系统后台管理员登录退出测试模块名系统管理员登录退出测试目的后台管理员是否能正常登录退出操作描述1.在浏览器输入系统后台链接2.在登录页的账号密码框输入管理员账号和密码3.登录成功后点击页面右上方管理员头像4.在弹出下拉框中点击“退出”选项5.再次在登录页输入账号密码，并勾选下方“记住我”选项6.登录成功后关闭浏览器后再打开系统后台期望结果成功访问到后台首页输入正确的账号密码成功登录系统后台点击管理员头像弹出下拉框点击“退出”选项返回到系统后台登录页再次输入账号密码，勾选“记住我”选项成功登录进系统后台关闭浏览器再打开系统后台直接跳过登录进到系统后台首页实际结果与期望结果相同（7）系统后台轮播图管理测试表如表6.7所示。表6-7测试表用例编号T7用例名称系统后台轮播图管理测试模块名轮播图管理测试目的检验能否正确对轮播图进行管理操作描述点击轮播图管理点击“新增”按钮输入轮播图名字，和点击“上传”按钮，选择上传的图片点击“提交”按钮点击轮播图启用按钮点击删除轮播图期望结果进入到轮播图管理页面跳到轮播图新增表单页成功上传图片