【《基于微信平台的校园点餐系统设计》12000字(论文)】_第1页
【《基于微信平台的校园点餐系统设计》12000字(论文)】_第2页
【《基于微信平台的校园点餐系统设计》12000字(论文)】_第3页
【《基于微信平台的校园点餐系统设计》12000字(论文)】_第4页
【《基于微信平台的校园点餐系统设计》12000字(论文)】_第5页
已阅读5页,还剩35页未读, 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第一章引言1.1课题来源21世纪以来互联网发展更加迅速,人们的日常生活中互联网的身影更是无处不在,为人们的衣食住行提供了许多便利,从各种旅游出行APP、购物APP、点餐订餐APP的盛行中可以看出,人们对给予生活便利的互联网“工具”分外推崇,这也许是因为随着物质生活条件的提高,人们越来越重视消费体验感,追求精神消费的愉悦,这时候为人们享受生活提供便利快捷方式的“工具”就开启了他的市场。外卖点餐市场的出现恰恰迎合了当下人们生活需求,为工作繁忙的工作族、学业繁重的学生党提供了一个既节省排队时间,又能满足口腹之欲的方法,因此外卖点餐一直是近几年的热门话题。作为当代准大学生,再结合生活实际,本人也十分清楚外卖点餐在生活中市场广大,然而作为高校学生,近年由于疫情和校园安全管控等问题,外卖能否配送进校园一度成为学生烦恼的问题之一。如何能够在保证卫生安全干净的前提下尽量为学生解决这个难题呢?即设计一个校园点餐系统,提供校内食堂或其他校内商家提前点餐或外卖的服务。由于外卖市场的火热,现今市面上存在不少的成功的外卖点餐系统APP,例如较为流行的饿了么、美团外卖等,如何在吸取他们成功的经验,并针对学生受众加以改进是设计首要思考的问题。除此之外,现如今在OTO模式下的高校食堂外卖可行性已得到不少人的研究验证,用什么样的技术实现点餐系统也是重点。一个报告告诉了我们正确答案,《2017微信用户&生态研究报告》于2017年发布,报告中的数据显示截止2016年年末,微信在全球的月活用户共计8.89亿,正因为微信如此庞大的使用人口基数,也间接带动了微信小程序的发展[1],因此设计一个基于微信平台的校园点餐系统。1.2研究意义及目的目前,现代社会国家发展飞快,人民物质生活水平提高,越来越多人追求学习工作之余的舒适生活。衣食住行是每个人都关注的民生问题,谁都离不开其中关键,作为在“人是铁,饭是钢”中占据高地位的食物,人们的追求从最开始的满足饱腹感到追求味道再到追求味美价廉的性价比,可以看出人们的追求是逐步提高的,而外卖的出现为人们在“食”之中的追求提供了新境界,从此食除了追求干净、便宜、健康、美味以外,还多了便捷,因此研究外卖点餐系统最主要的目的在于在满足人们基本要求的前提下为人们的生活之“食”提供便利。而基于微信平台的校园点餐系统其实就是外卖中重点针对一群特殊人群——学生而特别设计的平台,学生点餐到取餐效率低且其中的时间基本都被浪费了[2],实际上该原理与普通的外卖平台类似,在此基础上为解决疫情特殊期间高校严格管控情况下外卖无法入校的问题而特意为食堂快餐专门提供的系统,有了这个系统之后,学生可以免去课后食堂拥挤、排队,校外外卖无法配送、价格昂贵等烦恼,食堂商家也可以通过简单的后台管理操作进行菜品管理,联合校园配送团队,扩大学生市场,赚取更多利益。本次系统设计采用微信小程序方式,最主要的目的是简化操作流程,避免占据用户手机内存。结合自身和周边朋友实际可知,虽然现在随着互联网发展,手机内存设计越来越大,然而人们的追求越多,内存空间也越少,微信小程序近年颇为流行,其主要原因即在于小程序操作简单,拥有微信的用户即可免费使用,而且它还有一个好处,打开即可使用,不需占据手机内存,而微信使用者年龄范围大,人数众多,比起下载一个APP,更多人更愿意使用操作简便的微信小程序。对于开发者来说,现有的小程序开发技术也较为成熟,成本、难度也较低,因此设计一个基于微信平台的校园点餐系统优势颇多。1.3国内外研究现状及存在问题1.3.1国外的研究及市场现状微信小程序是一个轻量级的应用程序。它是一个不需要安装的移动应用程序,可以随时使用[3],国外也有开始研究微信小程序的市场,除此之外国外的外卖配送模式研究比起国内是起步较早也成果居多的,学者PeterDapiran和RobertLieb早在1996年就曾对全美500家大型企业进行一系列深入的调查研究,得出企业选择第三方物流配送模式可为企业节约30%的成本的结论[4]。而国外微信小程序的生存现状也可能与大家想象的不同,早在17年初小程序诞生不久之后,法国奢侈品牌Longchamp就宣布与微信达成战略合作,并推出了“Longchamp巴黎进行时”和“Longchamp个性定制工坊”两个小程序。而随着小程序发展良好,越来越多的国际奢侈品牌也接连加入了小程序,而在去年年初更是因为疫情在全球范围的影响,许多品牌借由小程序转型线上,因此可见其实微信小程序在国外发展前景良好[5]。1.3.2国内的研究现状及存在问题目前,国内拥有不少成熟的外卖点餐系统,大到包括饿了么、美团外卖等,小到任意商家推出的可堂食或外送的点餐小程序,微信小程序技术的开发也日趋成熟。对于外卖配送模式的研究,我国起步较晚但发展迅速,学者卢益清(2013)对在O2O模式下的外卖配送做了一系列详细的分析和研究,对其优势和未来发展前景作了详细说明,学者张艳伟(2015)通过建模的算法,研究商家和顾客之间较近的距离,为减少花费做出了较为积极的尝试,更好地诠释了算法在物流中的应用[6],这一切都是我国在研究外卖领域上做出的突破。而对微信小程序的研究,国内虽已有众多经验,但也存在一些问题。经过可靠调查发现,调查人群中关注度比较高的小程序类型生活服务类、零售类、游戏类三个类型,餐饮娱乐性质的小程序也拥有比较客观数量的受众市场,而金融类、学习类的小程序则关注度较小[4]。点餐小程序方面有基于OTO,采用JS、WXML、wxss、JSON语言以及MVC设计模式进行开发[7],运用最前沿的SpringBoot技术和生活中应用最广泛微信平台的打造一款智能点餐系统[2],基于SpringCloud微服务架构的校园外卖[8],还有通过协同过滤算法进行推荐的美食点餐推荐系统[9]。除此之外,随着微信小程序的火爆,很多人出现了一些误区,例如小程序是html5,小程序是B/S模式的,小程序只适合低频长尾应用等,出现这些误解的主要原因还是没有经过深入的研究[10],这也是小程序爆火造成的普通使用人群认知理解跟不上发展速度的一种表现,可能需要开发人员多费心神。1.4本文的组织结构本文总共分为六章,各个章节介绍内容如下。第一章介绍:基于微信平台的校园点餐系统的课题来源是互联网快速发展下迎合人们需求的更大部分受众于学生的一个点餐系统,基本实现点餐的基础功能;研究意义是为人们免去排队耗费时间精力,更大方便人们日常生活;国外研究外卖相关有配送经验起步较早,发展迅猛,国内起步较晚但小程序发展迅猛,小程序技术日渐成熟。第二章介绍:此次微信小程序开发的一些相关技术,例如前端开发的json,js,wxss,wxml,后台管理系统的php脚本语言以及MySQL数据库的一些相关介绍。第三章介绍:校园点餐小程序概述、研究内容、需求分析及业务流程第四章介绍:校园点餐小程序设计,包括前端各个功能模块及后台管理操作,数据库设计等。第五章介绍:各个功能模块的实现及主要代码和遇到的问题解决方案。第六章介绍:系统测试相关。

第二章校园点餐小程序相关技术及应用2.1微信小程序开发相关技术介绍2.1.1JavascriptJavascript,简称JS,是Internet上目前最流行的网页脚本语言,可在所有主要的浏览器中运行。微信小程序中的JS主要是用来做交互功能的,例如:响应用户点击,获取用户的位置等,在使用微信开发者工具时,可以通过编辑JS脚本文件处理用户的操作[11],微信小程序中JS严格意义上来说与浏览器的JS略有不同,微信小程序中JS需要与微信小程序框架和小程序API共同实现,以下简单介绍在校园点餐小程序中使用的与JS相关内容:2.1.2JSON微信小程序中的json文件主要实现对小程序的页面配置,以下介绍主要几个重要配置项[12]:2.1.3WXSSWXSS被称为微信样式表(WeiXinStyleSheets),用于专门描述WXML的组件样式,决定WXML的组件应该怎么显示。2.1.4WXMLWXML(WeiXinMarkupLanguage),即微信标记语言,是一种用于框架设计的多语言标签,与基本组件和事件系统一起可以构建页面的结构。WXML具有数据绑定、列表渲染、条件渲染、模板、引用等能力。①数据绑定:WXML中的动态数据来自相应的页面数据。内容:组件属性:控制属性:关键字:三元运算:算数运算:逻辑判断:字符串运算:数据路径运算:数组:对象:②列表渲染:wx:forwx:for-item可以指定数组当前元素的变量名,wx:for-index可以指定数组当前下标的变量名blockwx:for③条件渲染:wx:if,在框架中,使用wx:if=""来判断是否需要渲染该代码块blockwx:if④模板:template,可以在模板中定义代码片段,然后在不同的地方调用。定义模板:使用模板:⑤引用:import可以在该文件中使用目标文件定义的template;include可以将目标文件除了<template/><wxs/>外的整个代码引入。2.2后台管理系统相关技术介绍2.2.1IIS环境搭建IIS,Internet信息服务的全称(IIS,internetinformationservices),IIS是一个网络页面(webpage)服务组件,用来承载网站运行的程序平台,与一般程序不同,IIS是操作系统的一部分,也是驱动程序,具有与系统同时启动的服务功能。它是Windows平台下最简单、最容易使用的服务器。2.2.2PHP语言PHP全称是“超文本预处理器”,是一种运行在服务器端的脚本语言。PHP支持几乎所有公共数据库和操作系统,功能强大,PHP在服务端运行的话可以充分的运用WEB服务器的良好性能,还可以储存用户经常访问的程序,使其他用户再次访问这个程序时就不用再编译程序了,而且出于对开发成本费用,开发技术难度和适配数据库等多方面考虑,使用PHP和MySQL数据库进行IIS下的开发应用是综合最好的方案之一,因此此次校园点餐小程序后台管理系统采用入门较快的PHP开发[13]。根据动态网站的需求,php语言作为一个语言应用程序,技术水平将直接影响网站的运行效率。其特点是源代码开放,在程序设计上与C语言等通用语言非常相似,简单易懂。PHP具有很高的数据传输和输出处理能力,可广泛应用于Windows系统和各种Web服务器,如果数据量大,PHP语言也可以扩展。随着技术的发展,PHP语言的搜索引擎也可以根据客户的需求来实现个性化服务,如采集、存储,这大大提高了数据处理效率。2.3MySQL数据库MySQL是一种关系型数据库管理系统(RDBMS),在WEB应用方面,它是最好的RDBMS应用软件之一。由于它的体积小、速度快、可靠、易于使用、开放源代码,而且支持多线程、多用户,在许多中小型网站中作为网站数据库被广泛地应用。MySQL使用的是标准化的数据库访问语言SQL,它对PHP有很好的支持[14]。SQL数据库有着其独特的优点,执行要比文件更快一些,可以面向所有用户,安全性方面SQL服务器能够对所有的数据进行管理,所有的数据都是有保护的[15]。第三章校园点餐小程序需求分析3.1校园点餐小程序概述本次基于微信平台的校园点餐系统是一款用户与商家分别通过小程序和后台管理系统进行交互的点餐小程序,作用是为不想因排队浪费时间、精力,因高校疫情管控期间禁止校外配送人员入校问题而为难的学生提供一个便利的点餐平台。该系统主要设计可以分为三大部分,分别为前端、后端、数据库,各部分设计基于便利、简洁原则,前端开发工具为官方微信开发者工具,后端开发为IIS环境下的PHP,数据库设计为MySQL,根据相应的功能需求,为用户设计前端功能较为齐全、界面较为简洁美观,为商家后台设置清晰明了、操作简便的管理。由于各个部分之间功能重合,前端与后端、数据库之间需以接口发送数据,因此此处应注意前后的链接。3.2校园点餐小程序需求分析3.2.1市场及战略、用户分析饿了么美团同城战略层以APP使用和支付宝配套使用为主,面向大范围群众,包括白领、工作党人群,有自己的配送链。主要是美团APP和美团外卖APP使用为主,也拓展了小程序端,有自己的配送团队,入驻商家多。主要以本地区配送多,入驻商家较少,也是以APP形式,知名度较低。用户定位范围广,人员多,各地配送有专门团队。范围广,人员多,各地配送有专门团队。范围较小,人员少,知名度低,主要针对当地用户,配送有专门团队。3.2.2功能需求分析系统的功能需求分析主要涉及系统结构的合理性和功能模块的完整性,基于微信平台的校园点餐系统对于功能的需求根据主体主要分为商家和用户,主体为商家时实现的功能包括:权限管理、菜单管理、会员管理、资讯管理、订单管理、评论管理等;主体为用户时实现的功能包括:注册、登录、浏览菜品、加入购物车、下单、收货、评论反馈等。3.3校园点餐小程序业务流程图用户与商家基于点餐的交互流程如图3-1所示,实现用户注册、用户登用户点餐、加入购物车、下单、商家订单处理、用户确认收货、用户评价等具体流程顺序:图3-1点餐流程图3.4校园点餐小程序的研究内容基于微信平台的校园点餐系统主要研究内容可以简单分为三部分:前端微信小程序用户界面,后台商家管理系统,前后端接口。微信小程序端用户界面开发借用微信开发工具的平台,首先介绍一下系统设计的主要界面:首页,点餐,购物车,我的空间。①首页:首页顶部有轮播图介绍,用户可以看到美观图片、祝福语或菜品图片,点击对应图片可以跳转至资讯中心,了解今天食堂有何通知。轮播图下方有一排四个按钮,分别是:所有菜品,我要点餐,活动列表和留言反馈;点击所有菜品会跳转至一个搜索界面,用户可以根据自己的选择搜索是否有自己想品尝的菜品;点击我要点餐则会直接跳转至点餐主页面,用户可以在此界面中进行点餐操作,需要注意的是用户只有登录才能进行点餐操作,否则会跳转至登录界面;点击活动列表会直接跳转至今日商家设置的所有通知,可分别进行查看;点击留言反馈,输入留言内容和联系方式即可进行留言反馈,表现食堂对用户意见的尊重及重视用户反馈后及时进行问题改正。②点餐:此界面的主要功能就是该校园点餐小程序的核心功能,菜品展示有具体的分类,分别为:热菜、凉菜、汤类、必点主食和配送须知,此中配送须知仅做通知功能,非餐品,除此之外其他菜品都有价格、图片及简介,用户可以根据自己的喜好进行加入购物车、去结算的功能。③购物车:此界面显示用户添加过的菜品,若用户改变想法,可以点击菜品左边“-”进行删除,若结账则选择想点的菜品点击下方去结算即可,下方会显示总价格。④我的:这一界面在用户未登录时会显示登录界面,首次使用的用户可以选择先注册一个账户再进行登录,也可以选择微信登录,则界面会自动跳转至登录完之后的个人中心;在个人中心模块,用户可以查看自己的订单、收藏,还可以进行收货地址管理,点击回到首页则跳转至首页界面,如果使用完毕则可以点击退出登录。后台商家管理系统是采用php搭建的,为配合小程序进行真机调试,后需将后台代码上传部署至云服务器以获取数据,后台管理系统首先设置登录用户,进入后台管理系统之后即可进行店家后台操作,换而言之后台管理系统是为商家提供服务的。管理系统首页设置三级菜单,一级菜单包括权限管理、初始设置、资讯中心、菜单中心、会员中心、订单中心、广告中心和其他管理,一级下单下还各设基本操作功能例如菜单中心下分为菜品分类和菜品管理,可依据设置分别管理。微信与后台之间的数据通信主要是调用wx.request(OBJECT)实现的,通过wx.request()+url:app.myapp.php+后台相关php文件,即可成功获取与后台链接,微信官方文件中还有介绍更多相关api,即微信小程序中前台向后台发送数据,需要链接服务器php作用路径下的具体php文件,并以key-value形式封装json数据。例如图1-1所示。图1-1微信用户登录接口第四章校园点餐小程序设计4.1总体功能设计基于微信平台的校园点餐系统是一个为高校学生提供点餐、外卖服务的点餐小程序,系统可以大致分为用户展示模块、后台服务器管理模块,因此首先从用户角度来说用户展示模块最基础的功能需要有用户注册、用户登录、用户点餐、菜品加入购物车、切换地址、提交订单、餐后反馈等;其次从商家角度看,后台服务器管理模块主要需要的功能有:权限管理、菜单管理、会员管理、订单管理、广告管理以及其他管理,这些功能都需要在设计数据库基础上实现[16]。4.2功能模块设计详细介绍各个功能模块的框架设计,分别从小程序端、后端、数据库几个方面介绍。4.2.1小程序端模块设计小程序端主要分为首页、点餐、购物车、我的四个主键页面,四个主键页面中还包含其他功能模块,以下分别介绍。首页:首页顶部有轮播图介绍,用户可以看到美观图片、祝福语或菜品图片,点击对应图片可以跳转至资讯中心,了解今天食堂有何通知。轮播图下方有一排四个按钮,分别是:所有菜品,我要点餐,活动列表和留言反馈;点击所有菜品会跳转至一个搜索界面,用户可以根据自己的选择搜索是否有自己想品尝的菜品;点击我要点餐则会直接跳转至点餐主页面,用户可以在此界面中进行点餐操作,需要注意的是用户只有登录才能进行点餐操作,否则会跳转至登录界面;点击活动列表会直接跳转至今日商家设置的所有通知,可分别进行查看;点击留言反馈,输入留言内容和联系方式即可进行留言反馈,表现食堂对用户意见的尊重及重视用户反馈后及时进行问题改正。点餐:此界面的主要功能就是该校园点餐小程序的核心功能,菜品展示有具体的分类,分别为:热菜、凉菜、汤类、必点主食和配送须知,此中配送须知仅做通知功能,非餐品,除此之外其他菜品都有价格、图片及简介,用户可以根据自己的喜好进行加入购物车、去结算的功能。购物车:此界面显示用户添加过的菜品,若用户改变想法,可以点击菜品左边“-”进行删除,若结账则选择想点的菜品点击下方去结算即可,下方会显示总价格。我的:这一界面在用户未登录时会显示登录界面,首次使用的用户可以选择先注册一个账户再进行登录,也可以选择微信登录,则界面会自动跳转至登录完之后的个人中心;在个人中心模块,用户可以查看自己的订单、收藏,还可以进行收货地址管理,点击回到首页则跳转至首页界面,如果使用完毕则可以点击退出登录。4.2.2后台管理系统模块设计后台管理系统是专门为商家设计的简便商品后台管理,因此界面简单是其一特色,其二是各个模块功能清晰,方便管理,以下分别介绍。权限管理:此模块分为菜单设置和管理、权限和用户管理,菜单设置有三级,分别根据各个模块的需求设置具体菜单和级别;权限和用户管理是商家进行后台系统登录的账号设置,可以分为管理员和普通用户,根据需求设置用户的权限,可以进行添加、管理操作。资讯中心:具有添加新闻和管理新闻的功能,设置成功后资讯会出现在小程序端界面轮播图下方显示,主要用于通知一些食堂店家的变动通知。初始设置:进行网站名称和关键字设置。菜单中心:主要分为菜单分类和菜单管理,菜单分类中可以设计菜单的分类方式和名称;菜单管理进行具体的菜品添加和管理工作,其中菜品添加可以选择添加在哪个分类下,商品名称、属性、价格、主图、附图、内容等,店家根据自身需要进行操作,功能界面操作简单,模块清晰。会员中心:查看使用该小程序进行注册、登录的用户信息。订单中心:进行订单管理和查看购物车列表现状,通过订单管理进行订单处理出餐操作,可以清晰看到用户订单情况,遇到问题时能及时与用户进行沟通。广告中心:轮播图设置,以及点击相应图片的跳转路径。其他管理:留言管理。4.3数据库设计校园点餐小程序的数据库选择MySQL,MySQL是开源的关系型数据库系统,具有体积小、速度快、性能高、使用简单等优点,和PHP一样支持多平台应用,是Web应用场景中较流行的关系型数据库[17]。数据库概念设计:数据库概念设计就是将需求分析阶段得到的用户需求抽象为信息结构,即概念模型。以下通过一些实体的ER模型设计出本系统所涉及的实体属性图,具体如下图所示:订单实体关系图如4-1所示:图4-1订单E-R图购物车实体关系图如4-2所示:图4-2购物车E-R图留言实体关系图如4-3所示:图4-3留言E-R图会员实体关系图如4-4所示:图4-4会员E-R图商品实体关系图如4-5所示:图4-5商品E-R图业务总体E-R图如图4-6所示:图4-6业务总体E-R图数据库逻辑设计,重点表如下图所示:订单表如图4-7所示:图4-7订单表截图购物车表如图4-8所示:图4-8购物车表截图留言表如图4-9所示:图4-9留言表截图会员表如图4-10所示:图4-10会员表截图商品表如图4-11所示:图4-11商品表截图第五章校园点餐小程序实现5.1用户注册与登录功能实现用户注册功能实现如图5-1所示,用户登录功能实现如图5-2所示,用户微信登录功能如图5-3所示。首次使用的用户可以选择先注册一个账户再进行登录,也可以选择微信登录,则界面会自动跳转至登录完之后的个人中心;在个人中心模块,用户可以查看自己的订单、收藏,还可以进行收货地址管理,点击回到首页则跳转至首页界面,如果使用完毕则可以点击退出登录。图5-1用户注册功能图5-2用户登录功能图5-3用户微信登录5.2首页及相关功能模块实现首页顶部有轮播图介绍,用户可以看到美观图片、祝福语或菜品图片,点击对应图片可以跳转至资讯中心,了解今天食堂有何通知。轮播图下方有一排四个按钮,分别是:所有菜品,我要点餐,活动列表和留言反馈;点击所有菜品会跳转至一个搜索界面,用户可以根据自己的选择搜索是否有自己想品尝的菜品;点击我要点餐则会直接跳转至点餐主页面,用户可以在此界面中进行点餐操作,需要注意的是用户只有登录才能进行点餐操作,否则会跳转至登录界面;点击活动列表会直接跳转至今日商家设置的所有通知,可分别进行查看;点击留言反馈,输入留言内容和联系方式即可进行留言反馈,表现食堂对用户意见的尊重及重视用户反馈后及时进行问题改正。首页主界如图5-4所示,资讯范例如图5-5所示,活动列表功能如图5-6所示,所有菜品功能如图5-7所示,留言反馈功能如图5-8所示,我要点餐功能即跳到点餐界面,下个模块5-9进行展示。图5-4首页主界图5-5资讯范例图5-6活动列表图5-7所有菜品图5-8留言反馈5.3点餐及购物车相关功能模块实现此界面的主要功能就是该校园点餐小程序的核心功能,菜品展示有具体的分类,分别为:热菜、凉菜、汤类、必点主食和配送须知,此中配送须知仅做通知功能,非餐品,除此之外其他菜品都有价格、图片及简介,用户可以根据自己的喜好进行加入购物车、去结算的功能。点餐主界如图5-9所示,购物车主界如图5-10所示,下单结算如图5-11所示,收货地址管理如图5-12所示,付款(虚拟)如图5-13所示。图5-9点餐主界图5-10购物车主界图5-11下单结算图5-12收货地址管理图5-13付款(虚拟)5.4后台管理系统相关功能实现后台管理系统是专门为商家设计的简便商品后台管理,因此界面简单是其一特色,其二是各个模块功能清晰,方便管理。权限管理:此模块分为菜单设置和管理、权限和用户管理,菜单设置有三级,分别根据各个模块的需求设置具体菜单和级别;权限和用户管理是商家进行后台系统登录的账号设置,可以分为管理员和普通用户,根据需求设置用户的权限,可以进行添加、管理操作。如图5-14所示。图5-14后台权限管理资讯中心:具有添加新闻和管理新闻的功能,设置成功后资讯会出现在小程序端界面轮播图下方显示,主要用于通知一些食堂店家的变动通知。如图5-15所示。图5-15后台资讯中心初始设置:进行网站名称和关键字设置。如图5-16所示。图5-16后台初始设置菜单中心:主要分为菜单分类和菜单管理,菜单分类中可以设计菜单的分类方式和名称;菜单管理进行具体的菜品添加和管理工作,其中菜品添加可以选择添加在哪个分类下,商品名称、属性、价格、主图、附图、内容等,店家根据自身需要进行操作,功能界面操作简单,模块清晰。如图5-17-1、5-17-2所示。图5-17-1后台菜单管理-菜品分类图5-17-2后台菜单管理-菜品管理会员中心:查看使用该小程序进行注册、登录的用户信息。如图5-18所示。图5-18后台会员中心订单中心:进行订单管理和查看购物车列表现状,通过订单管理进行订单处理出餐操作,可以清晰看到用户订单情况,遇到问题时能及时与用户进行沟通。购物车列表可以看到各会员用户购物车情况及完成状态。如图5-19-1、5-19-2所示。图5-19-1后台订单中心-订单列表图5-19-2后台订单中心-购物车列表广告中心:轮播图设置,以及点击相应图片的跳转路径。如图5-20所示。图5-20后台广告中心其他管理:留言管理。如图5-21所示。图5-21后台留言列表5.5主要代码及相关问题解决5.5.1主要代码app.json中关于全局window设置,包括导航栏背景颜色、标题内容、下拉loading颜色、标题文字颜色,如图5-5-1所示。关于tabBar文字默认颜色、页面路径及按钮文字和选中时的图片路径,如图5-5-2所示。图5-5-1图5-5-2dingdan_list.js中关于模拟付款如图5-5-3所示,其余下单、确认收货、取消订单类似,通过wx.request与后台php链接,后台php如图5-5-4所示。图5-5-3图5-5-4pingjia.js中关于实现评论功能主要代码如图5-5-5、图5-5-7所示,chanpin_list.js中的实现查询功能如图5-5-6所示。图5-5-5图5-5-6图5-5-7地址管理部分实现添加、保存、删除等功能,部分主要代码如图5-5-8、图5-5-9所示。图5-5-8图5-5-95.5.2相关问题解决问题一:点击新增菜品,渲染层发生错误(可能原因为没有为请求的URL配置默认文档,并且没有在服务器上启用目录浏览)。解决:IIS管理下开启目录浏览,解决error。问题二:本地数据库和后台代码布置完后,真机调试无法获取数据,只能实现模拟器模拟。解决:将后台部署到云服务器上,买个域名备案需一段时间,因此部署至已备案域名的服务器上。第六章系统测试6.1测试说明在系统测试中要求开发的软件系统,在不同类型的硬件环境中都能成功运行,系统基本上可以达到预期的效果,功能也要大致实现,系统开发才是真正的可以说是成功,软件测试的目的是尽可能多地发现错误,以最小的代价改变系统运行的准确性和稳定性。6.2功能测试操作描述预设结果用户进入页面页面正确不输入任何信息,点击登录无法登录,跳出:请填写用户名和密码输入存在的用户名,点击登录无法登录,跳出:请填写用户名和密码输入存在的密码,点击登录无法登录,跳出:请填写用户名和密码输入不存在的用户名、不存在的密码,点击登录无法登录,跳出:请填写用户名和密码输入与用户名不相符的密码无法登陆,跳出:登录失败输入存在的用户名、密码,点击登录进入会员中心边界值填写系统应给出提示:”xxx超出字数限制(xxx字)!,或者录入到规定字符数时不再接受用户输入6.3测试结果与预设结果相吻合总结随着互联网+发展速度越来越快,便利人们生活的同时,也带来许多新的技术探索,正是因为结合互联网与生活实际的追求学习设计了此次校园点餐小程序,在此之前不乏有许多优秀的外卖系统问世,也正是吸取了前者的开发经验,并针对具体情况进行改造,打造一个更适合校园的点餐小程序。本次的校园点餐小程序前端开发采用微信开发者工具,后端采用PHP开发,数据库使用MySQL,首次以个人形式,在借鉴前人经验和参考文献以及老师同学的帮助下,实现了一次小范围的全栈开发,虽然过程中遇到了很多问题并且还保留疑问,但在初次学习PHP语言的情况下,学习贯通并理解,是一次课堂外的宝贵实践经历,我认为在课外之余也应加强个人的学习能力并提升技能,坚持学习,乐于学习,终身学习。此次实践的过程中,除了收获经验,也遇到了一些此前没有经历过的问题,例如对于由于微信Applet运行环境的影响,微信Applet中的产品展示

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论