幸运抽奖微信小程序的设计与实现

“幸运抽奖”微信小程序的设计与实现摘要在二十一世纪的今天，各种各样的抽奖软件，幸运抽奖的微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及 ”的意义，用户通过简洁的方式就可以参加进来。 “幸运抽奖”小程序是根据市场的需求，和用户的需求，从而进行开发。采纳抽奖系统能够覆盖大范围的目标消费群体，对销售具有直接的拉动作用，可以吸引新的客户尝试购买，促使老客户的重复购买率，幸运抽奖的小程序中，可以实现奖品的实时更新，让用户自己选择，进行抽奖。同时微信小程序作为时下APP的另一形式，借助微信平台不但便利治理，让手机界面变得简洁、便利、快捷。更可以让宣传和产品深入人心。关键词：幸运抽奖；需求；微信小程序AbstractInthe21stcenturytoday,avarietyofrafflesoftware,theluckylotteryWeChatappisanapplicationthatdoesnotneedtobedownloadedandinstalled.Itrealizesthemeaningoftheapplication"withinreach".Userscanparticipateinasimpleway.TheLuckyDrawappisdevelopedaccordingtotheneedsofthemarketandtheneedsofusers.Theadoptionofaluckydrawsystemcancoverawiderangeoftargetconsumergroups,haveadirectpullonsales,canattractnewcustomerstotrytopurchase,promotetherepeatpurchaserateofoldcustomers,andcanrealizereal-timeupdatesofprizesintheluckydrawprogram.Lettheuserchoosetoconductaluckydraw.Atthesametime,asanotherformofthecurrentAPP,theWeChatplatformisnotonlyconvenienttomanage,butalsomakesthemobilephoneinterfacesimple,convenientandfast.Italsoallowspublicityandproductstotakeroot.Keywords:Luckydraw;Requirements;WeChatSmallProgram绪论 1 项目背景 1 TOC\o"1-5"\h\z\o"CurrentDocument"设计的目的及意义 1...2关键技术 1 \o"CurrentDocument"微信小程序技术 1...\o"CurrentDocument"HTML演化的WXML 1\o"CurrentDocument"CSS寅化的WXSS 1..\o"CurrentDocument"JAVASCRIPT简介 2.\o"CurrentDocument"服务器端技术 2...\o"CurrentDocument"JAVA简介 2..\o"CurrentDocument"MYSQL简介 2..3系统分析 3 \o"CurrentDocument"系统设计思想 3...业务流程图 4...\o"CurrentDocument"功能需求分析 4...\o"CurrentDocument"可行性分析 4...\o"CurrentDocument"技术可行性 4...\o"CurrentDocument"操作可行性 5...\o"CurrentDocument"经济可行性 5...4总体设计 5 结构设计 5 \o"CurrentDocument"数据库设计 6...\o"CurrentDocument"5系统功能设计 7...用户界面功能实现 7...\o"CurrentDocument"用户首页 7...\o"CurrentDocument"抽奖规章页面 7...\o"CurrentDocument"抽奖页面 8...奖品领取页面 9...\o"CurrentDocument"添加地址页面 9...\o"CurrentDocument"中奖纪录页面 1..0.治理员页面实现 11\o"CurrentDocument"治理员登陆 11添加奖品页面 1..2.\o"CurrentDocument"治理奖品页面 1..2.中奖纪录页面 1..3.6系统测试 1..3..\o"CurrentDocument"系统测试的目的 1..3.\o"CurrentDocument"系统测试的内容 1..3.总结 1..5..参考文献 1..6..谢辞 1..7..绪论项目背景商场是人们经常要去的场所，里面也有各种各样的促销手段，最明显的促销手段就是抽奖。但是在信息进展迅速的今天，便利快速才是人们最需要的。传统的抽奖受到的地方、时间，领取的种种不便利，所以为了更好的促销商品，让用户更加了解商品，有必要设计一款既便利，又简洁的程序来实现，所以开发了幸运抽奖的系统。设计的目的及意义现在的科技进展的很是迅速，“微”“小”已经是人们离不开的，微信，内存小，便利快捷，是现在人们的追求，我设计的这款幸运抽奖系统很便利人们的使用，让人们足不出户就能就行抽奖，当然也让用户们了解很多产品，对产品的促销很是有利，让用户更好的体验抽奖这个活动，让手机也显示的更加便利，与 人们的生活也息息相关 [1]。关键技术本章主要是对基于微信小程序的幸运抽奖系统中要用到的相关技术，对语言的介绍、对所用到的软件及其数据库的介绍。微信小程序技术微信小程序技术主要使用的软件是微信公众平台，里面的技术主要包括以下几点。html演化的wxml页面一般编写的程序的是html语言，而微信小程序是wxml语言来写的，虽然说说是都是写页面的语言，但是两者相差可能有点大，前者主要是一种平常的web页面语言，后者的话是只能在微信小程序中预览，后者也对组建进行了优化，不会写出低质量的代码[2]。csS寅化的wxsscs字口wxs式实基本上是一样，就是用来修饰美化也买你的。页面好理解，就是搭好了框架，但是可能不是想要的结果，我们现在就要用到 wxss的样式了，可以进行图片的修改，图片的放大,文字的修改，文字的放大，页面的格局等，都是用到 wxs并式的，所以美化就靠它了[3]0JavaScrip简介这个语言是小程序的灵魂，主要是连接服务器，微信小程序的 JSt网页的JS实际上是没有多大区别的，只是微信小程序中的JS添加了一些接口[3在Web应用日益丰富的今天,越来越多的JavaScrip献运用在我们的网页中。随着用户体验日益受到重视，前端的可维护性、前端性能对用户体验的影响开始备受关注。 JavaScrip在编程中很灵活，其中类的创建、数据的封装和类之间的继承以及各种模式的技术，如简洁工厂模式，包括工厂方法模式、抽象工厂模式、建筑者模式、原型模式、单例模式，以及外观模式，包括适配器模式等[5]。服务器端技术Java©介该语言是一种适用于网络编程的语言，它与C++没有很大的区别，但是却比它简洁的多，它集成了很多语言的优点，还避开了他们的不足，最吸引人的是它的平台独立性，当然它的安全性也是极高的很少有病毒能破坏数据，该语言的系统非常的小。为了提高开发的速度，一定做到编码的重复使用和简化程序的复杂度，要达到上述的要求，该语言是通过封装、继承与多态等方式实现，这样可以很大程度上达到信息的封装，提高代码复用率，减少我们的时间，提高了效率 [6]。MySQL简介本系统采纳MYSQL作为数据库。MYSQL是微软的一款比较好的数据库系统适合于中小型数据库，我们选择 MYSQL是以为系统是一个中心性系统。MYSQL有着微软的一贯作风简洁易用[7]。本系统有很多的优点，首先速度上是超级快，目前可能是最快的数据库；很简洁上手，简洁易懂，比较好操作；内存上也是很好，比较小；对于安全性也完全不用考虑，它的安全性还是很高的；在价格上也是免费的，所以经济上也是可行的。图图3-2用户用例图3系统分析系统设计思想现在的社会，随处可见的促销就是进行抽奖，但是这样的抽奖会有时间的局限，还会排队，浪费很多时间，领取的商品还要去指定位置，指定时间进行领取，会很不便利，对于商品的话，会让很多用户了解该产品，对商品也起到了促销，所以设计了改系统，便利用户。用户授权进来以后，可以查看抽奖的规章，可以看到奖品的简介，对自己的喜爱的奖品进行抽奖，便利了很多用户，让用户更加了解这些商品，也是促销了商品，领取可以添加地址进行领取，当然用户可以查看自己的中奖纪录。治理员，可以更新商品，更新奖品，也可以查看用户抽奖的纪录。治理员登陆后台以后，可对该系统进行的治理。如3-2图所示3.23.2业务流程图治理员可以对奖品模块进行治理，用户授权进入以后，可以进行抽奖，经行领取，可以添加地址，查看自己的中奖纪录，治理员，进去系统以后，可以公布新的奖品，也可以对奖品进行更功能需求分析该系统便利了用户注册登陆一些麻烦的步骤，用户在选择了抽奖系统以后，系统会要求用户是否授权，授权通过以后，用户进入以后可以查看商品，了解抽奖的规章，对自己喜爱的商品进行抽奖，中奖以后可以选择自己的收货地址，也可以查看自己中奖纪录，主要又一下两个模块：小程序前端，人们可以看到各种商品可以对自己心怡的商品就行抽奖，可以了解抽奖的规章,可以修改自己的领取的地址，还可以查看自己的中奖纪录。治理员治理的后台呢，可以不定时的公布一些新的商品，可以治理用户信息。可行性分析技术可行性幸运抽奖的系统是实现主要是jsp技术，用微信web开发者平台选择小程序即可写代码，就行编写。后台使用的是数据库MYSQL进行实现的。对于大学学习的是计算机的学生，可熟练的使用数据库，自己所学的jsp技术，实现这样一个抽奖系统是没有问题的，所以在本抽奖在技术上是可图图4-1系统总体结构图行的。操作可行性现在的人们对于手机都了如指掌，十岁的孩子都可以进行毫无困难的进行玩耍，所以对于用户来说只要会玩智能手机的就不是问题。对于治理系统的人员，只要能熟练的了解电脑，能使用电脑，能使用相关的开发工具，就没有问题。所以看来在曹旭哦方面也是没有问题的。经济可行性从经济上考虑，开发这个抽奖的系统是用免费的web散信开发者工具经行编写的，后台需要使用的软件都是一些开源的软件，编写的知识，运用我们所学过的和一些我们从图书馆学习的知识就可以经行编写，所以在经济方面也是不用考虑的。4系统设计4.1结构设计幸运抽奖的系统设计和划分是该系统的核心问题，来确定整体的结构。主要分为两个大功能，一个是微信端的，一个是后台的，用户可以通过扫一扫进入微信的小程序，进行使用，可以看到很多奖品，经行抽奖，领取，查看自己的中奖纪录。治理员，进入后台首先可以公布奖品，治理奖品，还可以查看奖品。如图4-1所示。呈十敬信小建序的幸园联系统的笔器潜查看宣看蚁则查看纪录发布奖昆查看宣看蚁则查看纪录发布奖昆管理范晶道.看中奖纪录4.2数据库设计数据库具有高效的，可靠的，完整的是的特征，是系统的最佳选择，该系统含有，奖品的信息表；地址的信息表；用户的信息表。表4-2奖品信息表列名数据类型长度问意空说明IDint10否编R'prize_name'varchar50是预定时间'prize_number”varchar50是奖品数量表4-3用户地址信息表列名数据类型长度问后仝说明IDint11否编R'name'varchar50是名字'phone'varchar50是手机号'address'varchar50是地址表4-4用户信息表列名数据类型长度问后仝说明IDint11否编R'user_name'varchar50是名称'user_wxname'varchar50是用户名字'user_head'varchar50是用户头像'mry_url'varchar50是图片5系统功能设计基于微信小程序的幸运抽奖系统的实现，它主要实现了可以查看自己喜爱的奖品，进行抽奖,领取，然后，可以查看中间记录的功能，主要页面详细介绍。微信客户通过微信扫一扫”就可以进入到本系统进行抽奖。5.15.1用户界面功能实现5.1.1用户首页用户进来以后，可以看到各种各样的奖品，效果如图5-1。有自己喜爱的，可以进去看详细的介绍。2115幸运抽奖陶浣京二乎是我「康常■工的产鼻.无论是日N一，，•母阻直蝴生吗快g.就拿胸用耳皮亘平四生活中我「JL年镁士网介的整料杯与鱼需杯四及成使用展部精人赃基省防F建,但羯制与堂科3和怀相注院即是最鹿附L图5-1用户首页5.1.2抽奖规章页面用户进来以后可以看到规章页面，效果如图5-2。用户进去可以看到相应的规章，有一个相应的了解。图图5-3抽奖页面■Xj5tx <** 0tH・修3«3J图5-2抽奖规章页面5.1.3抽奖页面看到喜爱的奖品，进来以后，效果如图5-3。有详细的介绍，下边有抽奖按钮，一等奖即为该奖品。<--0人口中打riJict,廿3中由仆：!Lp'+--M-3t>S|"Xiteisn号用也蚌于l大转盘抽奖热*■与4K»5.1.45.1.4奖品领取页面抽奖完成以后，会有一个弹窗，提示恭喜获得几等奖，可以点击领取或者是取消，效果如图-4,点击领取以后就跳转到选择地址页面。19国通1郊31915M图5-4奖品领取页面5.1.5添加地址页面用户可以选择添加的地址，效果如图5-5和图5-6。进行收货的地址，可以删除，可以进行选择1131(骷师*师官*QISTE河北・书士南书07京新增视图5-5用户地址治理,w；E&l＞：FULi;fttYr图5-6用户添加地址5.1.65.1.6中奖记录页面可以在个人中心的页面如效果如图5-7所示。看自己的中奖纪录，进行查看年乐乐乐名之

水可可可零A图5-7中奖纪录页面5.25.2治理员页面的实现5.2.1治理员登陆治理员需要输入账号和密码才可以进入，效果如图5-8,且输入不能为空图5-8登陆页面5.2.25.2.2添加奖品页面治理员可以进入后台以后，效果如图5-9。可以经行商品的添加，对新的商品添加，用户可以看至上选满文件未选秀1选满文件未选秀1三何文件图片:请厢人名称请输入数量奖品2：奖品2：请摘入名称请输人名称奖品奖品3：清埴写说明于明:图5-9添加奖品页面5.2.3治理奖品页面可以对奖品的进行治理，如效果如图5-10。对奖品修改和删除丈砧个»

SM名W与提“二几二工科r晕笑见的产科无至工日型电品注是制桐蹄贸型用南路觑聿陶聊丹总在邛时生用/我:]±甥甑沙.值3・4怕融券期与:i西雨?；廿£陋啸所初）人协安是百嘀F%坦端画和史I琳与七堂相QL困必工■专炯工图5-10治理奖品的页面5.2.4中奖纪录页面可以查看用户的中奖纪录，效果如图5-11。对用户的信息都有详细了解:由J真耳 立土宜品中敝咐y HKM1KA74话琪林H育可£21M可不2)Q可不晶百27有二〜■w=13—可在1Q科T可亲股;«11有-W昔耳年图5-11中奖页面6系统测试系统测试的目的系统测试虽然是最终一道工序但却是最重要的，不可或缺的，一个程序的最终质量是否合格,都要看测试的结果网。系统测试的内容测试过程中主要对如下几个部分进行测试:授权用户登录的测试；治理员模块的测试；抽奖模块功能的测试；地址添加模块的测试；中奖纪录模块的测试；奖品领取模块测试；对上述内容的测试结果如图6-1所示测试项预期测试结果实际测试结果造成差别的原因主页正常显示，页而连接正常,致无用户登录用户授权正常登陆,致无治理员模块功能治理员实现后台内容的治理,致无抽奖模块功能用户可以正常抽奖，页而良好,致无地址添加模块地址正常添加，数据存储正常,致无中奖纪录模块用户参加抽奖，并对中奖记录实现查询,致无奖品领取模块奖品可通过约定的方式领取,致无总结本幸运抽奖系统设计是很便利的，从界面到系统设计都保证了用户能够便利操作。系统的主要特点和优点归纳如下：（1）本系统用的针对性高，本系统是幸运抽奖系统，功能全面，操作便利，给用户在线抽奖、查看奖品、查看规章、添加地址、用户可以查看自己的中奖纪录，给用户带来了极大的便利。（2）该后台系统，操作便利，治理员可以不定时的公布新的奖品，治理奖品，查看用户的中奖纪录。当然