基于微信小程序点餐系统的设计与实现

人们的每一种需求都有了对应的APP,所以手机的内存也受2Intodayssocietywiththerapiddenotthinkofeverythinghasbeco3relativelylarge.dailyuseofwechatisalsotouchingThevisimplementationoffasteonlybasicallyrealizethefunc4目录 1 2 45 6 7 7 7 8 92.1项目性质及开发环境说明 9 9 9 3.3项目的经济与效益可行性分析 4.2项目需求规定 4.3系统设计目标 4.4系统功能概要设计 64.5核心功能模块介绍 6.3测试原则 6.4功能测试 参考文献 错误!未定义书签。第1章前言7成生活中必要的购买食物的行为。系统的完成不仅81.2系统的研发思路2、针对餐馆点菜功能，小程序在菜单列表右侧，设有添加商品到购物车按物车的商品数减少，到0的时候，商品从购物车删除。3、针对点菜单，小程序对应设计有购物车页。根据操作，可以看到自己添4、针对付款，小程序设计有线上微信支付功能。微信支付功能可以直接调9第2章开发环境与技术呢?它又是由什么工具开发的呢?个一种交互式的系统，存储各种软件工具加工所产生的软用程序中存在的一些共性的东西提取出来，做成一建的效果。框架就像我们常说的毛胚房，住房内量级的、解释型的或即时编译型的编程语言。虽然它是作为开发Web页面的脚编程、多范式的动态脚本语言，并且支持面向对象、受欢迎，所以Netscape公司想借用Java的名气来吸引使用者，因而取名浏览器都完整的支持ECMAScript5.1,旧版本的浏览器至少支持ECMAScript3标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为ECMAScript2015,但通ECMAScriptES1)一种解释型脚本语言，直接在浏览器解释运行，这也意味着JavaScript2)一种基于对象的脚本语言；3)一种弱类型语言，对定义的变量对类型没有严格要求；4)一种采用事件驱动的脚本语言，这意味着JavaScript不需要经过web浏览器就可以直接响应用户的操作；5)支持跨平台使用，不依赖与操作系统，只需要浏览器支持。2.3.2小程序开发工具介绍微信开发者工具是微信团队为了帮助微信公众平台、微信小程序第三方的开发者更方便、更快捷、更安全地进行软件开发和调试基于微信网页而开发的一款开发工具。小程序是属于应用，它主要是通过模拟手机微信客户端的各种表现，来使得开发者可以使用这个工具方便地在PC端上进行开发和手机调试的相关工微信开发者工具分为多个区域块，其中左侧的预览区是为了开发者在右侧区域编写代码，左侧可以做到实时预览；有真机调试区，通过手机微信扫描二维码，就能直接使用手机体验小程序；版本控制，可以通过安装git插件，能实现代码直接上传到微信后台进行小程序版本发布；有云开发功能，启用云开发功能，可以直接通过云开发管理小程序的数据。微信开发者工具的功能：②模拟器，支持开发的小程序实时预览和在线发布等；③支持调试微信网页授权和开发微信相关的JS-SDK;④用于调试小程序API和基于小程序开发的相关页面。使用云开发，开发者可以无需搭建服务器，直接使用云开发的云端能力进行微信小程序、小游戏的开发。云开发为开发者提供完整的原生云端支持和微信服务支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的API进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。a)提供大量云函数，无需自建服务器；第3章项目可行性分析第4章系统需求分析用人群在哪呢?整个系统的设计又是怎样的呢?下面会针对这些方面进行描述。4.1面向群体特征分析4.2项目需求规定这个唯一的openid来识别用openid4.3系统设计目标FastEating系统是基于微信平台开发的一款外卖小程序，它的出现是为了避免了柜面上繁琐的点餐、付款和排队环节，使消费者可以更直观、便捷地进行点餐和付款，相比传统的就餐模式更加省时省力。4.4系统功能概要设计FastEating项目是用户通过自己微信账号授权登录小程序，通过浏览页面显示的商品，对感兴趣的商品加入购物车后进行商品结算从而完成前台界面下单的过程整个系统的设计思维导图如下：FastEating小程序订单页pagesindexpaypackage-lockjson图4-5小程序在开发工具里的架构情况个页面有4部分数据组成。其中wxml文件是页面结构文件，用来搭建页面的框图4-6项目文件架构图(思维导图)菜单列表模块包含小程序授权后进入的首页就是菜单列表信息页，列表上方是菜品分类的导航栏，左右滑动来切换分类类别。列表显示菜品名、单价、菜品原料及套餐信息。有两个按钮，一个新增商品，多次点击数量增加；一个是减少商品，数量减少到0将删除选中的商品。提交订单模块主要是顾客选择的商品汇总页，该模块用来显示顾客购买的商品信息列表，可以修改外卖配送地、配送时间及支付方式，是否需要餐具，及优惠券的使用等，甚至可以给商家备注一些额外的信息。针对前台用户下单的商品的一个订单汇总列表，该模块还针对订单信息增加了导出汇总数据功能，可以支持导出Excel文件和CSV文件，CSV文件兼容性更好，能弥补Excel文件导出有可能乱码的情况。订单模块是显示用户下单的历史数据。订单是否支付成功，何时下的单以及配送的信息等。第5章系统的设计与实现美美云开发QuickStart广东省佛山市xxx区花园小区xxx栋32号1908商品¥69.00入南瓜蒸排骨¥69.00入主要原料：肉排两根，南瓜一个，蒜、豆豉、生抽。竹笋炒腊肉杨枝甘露微信支付图5-2下单页订单支付成功由商家提供配送服务订单支付成功由商家提供配送服务订单由商家提供配送服务页面路径pages/orders/orders支付成功图5-3订单历史页<8折优惠卷7折优惠图5-4卡包页农家乐白泥广场62号502图5-5联系商家页该页面的设计主要是为了顾客能快速找到商户的信息，有问题能及时与商户进行沟通。第6章系统测试(ope:c(o,teStap:3k⁸72,torget:(-),currentfonget:(dataArnoyersgcotlactf图6-1功能测试效果图-1通过微信开发者工具点击真机调试，生成一个二维码，扫码后手机就能ConsoleNetworkWemanApplicatianAuditsAppODefauttleves2hddenMI8SEamm64-vBandefinedindex.js?Lsal:63▶ftype:“eltct”,timestap:13targetcurrentTorgetmork{data:Array(4),eryHsg:"coltcttan.get)index.js2[sal:68(type:clic",tieStap:14938,target:(-),currentTaryet:(-),mrt:(-),-}indox.152[1:74typetclicttimeStomptargetcurrent00图6-2功能测试效果图-2手机操作页面也会有相应的数据，可以设置打开调试面板，设置之后也ApplicationAditsAppDApplicationAditsAppD◆dotaArrwyerrHsgcottecttongettypeteltcttteStapitargetcurrentTangetm*(type:eltctstaptaryetcurrntTanystar▶1:C1d:*2,desc:“索喝明面补气养由，健膜安得，应累也两光光了食两用叫，阔手一病的是阳内，m:“cloud://ha²c3gh-typecltctimestapptargetcurronttargetmar*[datatArroy(e),errHsgt"cottectton.oetofuASGDIZDbcclpDxKKeg▶(data:Arrgy(l),errHhg:"cotaettan-t:▶(data:Arnoy(e),ernhs:"colactton.get:ot)tD:553824-842-114-7-index.js2[sm]:212二生化行教到后奥男出信和设置√BSEmmt4B正常正常使用工具的的Sorgevicw