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

PAGEPAGE18摘要在二十一世纪的今天，各种各样的抽奖软件，幸运抽奖的微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的意义，用户通过简单的方式就可以参与进来。“幸运抽奖”小程序是根据市场的需求，和用户的需求，从而进行开发。采用抽奖系统能够覆盖大范围的目标消费群体，对销售具有直接的拉动作用，可以吸引新的客户尝试购买，促使老客户的重复购买率，幸运抽奖的小程序中，可以实现奖品的实时更新，让用户自己选择，进行抽奖。同时微信小程序作为时下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绪论 11.1项目背景 11.2设计的目的及意义 12关键技术 12.1微信小程序技术. 12.1.1html演变的wxml. 12.1.2css演变的wxss. 12.1.3JavaScript简介. 22.2服务器端技术 22.2.1Java简介. 22.2.2MySQL简介. 23系统分析 33.1系统设计思想 33.2业务流程图 43.3功能需求分析 43.4可行性分析 43.4.1技术可行性 43.4.2操作可行性 53.4.3经济可行性 54总体设计 54.1结构设计. 54.2数据库设计 65系统功能设计 75.1用户界面功能实现 75.1.1用户首页 75.1.2抽奖规则页面 75.1.3抽奖页面 85.1.4奖品领取页面 95.1.5添加地址页面 95.1.6中奖纪录页面 105.2管理员页面实现 115.2.1管理员登陆 115.2.2添加奖品页面 125.2.3管理奖品页面 125.2.4中奖纪录页面 136系统测试 136.1系统测试的目的 136.2系统测试的内容 13总结 15参考文献 16谢辞 171绪论1.1项目背景商场是人们经常要去的场所，里面也有各种各样的促销手段，最明显的促销手段就是抽奖。但是在信息发展迅速的今天，方便快速才是人们最需要的。传统的抽奖受到的地方、时间，领取的种种不方便，所以为了更好的促销商品，让用户更加了解商品，有必要设计一款既方便，又简洁的程序来实现，所以开发了幸运抽奖的系统。1.2设计的目的及意义现在的科技发展的很是迅速，“微”“小”已经是人们离不开的，微信，内存小，方便快捷，是现在人们的追求，我设计的这款幸运抽奖系统很方便人们的使用，让人们足不出户就能就行抽奖，当然也让用户们了解很多产品，对产品的促销很是有利，让用户更好的体验抽奖这个活动，让手机也显示的更加方便，与人们的生活也息息相关[1]。2关键技术本章主要是对基于微信小程序的幸运抽奖系统中要用到的相关技术，对语言的介绍、对所用到的软件及其数据库的介绍。2.1微信小程序技术微信小程序技术主要使用的软件是微信公众平台，里面的技术主要包括以下几点。2.1.1html演变的wxml页面一般编写的程序的是html语言，而微信小程序是wxml语言来写的，虽然说说是都是写页面的语言，但是两者相差可能有点大，前者主要是一种普通的web页面语言，后者的话是只能在微信小程序中预览，后者也对组建进行了优化，不会写出低质量的代码[2]。2.1.2css演变的wxsscss和wxss其实基本上是一样，就是用来修饰美化也买你的。页面好理解，就是搭好了框架，但是可能不是想要的结果，我们现在就要用到wxss的样式了，可以进行图片的修改，图片的放大，文字的修改，文字的放大，页面的格局等，都是用到wxss样式的，所以美化就靠它了[3]。2.1.3JavaScript简介这个语言是小程序的灵魂，主要是连接服务器，微信小程序的JS与网页的JS实际上是没有多大区别的，只是微信小程序中的JS添加了一些接口[4]。在Web应用日益丰富的今天，越来越多的JavaScript被运用在我们的网页中。随着用户体验日益受到重视，前端的可维护性、前端性能对用户体验的影响开始备受关注。JavaScript在编程中很灵活，其中类的创建、数据的封装和类之间的继承以及各种模式的技术，如简单工厂模式，包括工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式，以及外观模式，包括适配器模式等[5]。2.2服务器端技术2.2.1Java简介该语言是一种适用于网络编程的语言，它与c++没有很大的区别，但是却比它简单的多，它集成了很多语言的优点，还避开了他们的不足，最吸引人的是它的平台独立性，当然它的安全性也是极高的很少有病毒能破坏数据，该语言的系统非常的小。为了提高开发的速度，必须做到编码的重复使用和简化程序的复杂度，要达到上述的要求，该语言是通过封装、继承与多态等方式实现，这样可以很大程度上达到信息的封装，提高代码复用率，减少我们的时间，提高了效率[6]。2.2.2MySQL简介本系统采用MYSQL作为数据库。MYSQL是微软的一款比较好的数据库系统适合于中小型数据库，我们选择MYSQL是以为系统是一个中心性系统。MYSQL有着微软的一贯作风简单易用[7]。本系统有很多的优点，首先速度上是超级快，目前可能是最快的数据库；很容易上手，简单易懂，比较好操作；内存上也是很好，比较小；对于安全性也完全不用考虑，它的安全性还是很高的；在价格上也是免费的，所以经济上也是可行的。3系统分析3.1系统设计思想现在的社会，随处可见的促销就是进行抽奖，但是这样的抽奖会有时间的局限，还会排队，浪费很多时间，领取的商品还要去指定位置，指定时间进行领取，会很不方便，对于商品的话，会让很多用户了解该产品，对商品也起到了促销，所以设计了改系统，方便用户。用户授权进来以后，可以查看抽奖的规则，可以看到奖品的简介，对自己的喜欢的奖品进行抽奖，方便了很多用户，让用户更加了解这些商品，也是促销了商品，领取可以添加地址进行领取，当然用户可以查看自己的中奖纪录。管理员，可以更新商品，更新奖品，也可以查看用户抽奖的纪录。用户通过授权后，可在微信端进行的操作。如3-1图所示。图3-1用户用例图管理员登陆后台以后，可对该系统进行的管理。如3-2图所示。图3-2用户用例图3.2业务流程图管理员可以对奖品模块进行管理，用户授权进入以后，可以进行抽奖，经行领取，可以添加地址，查看自己的中奖纪录，管理员，进去系统以后，可以发布新的奖品，也可以对奖品进行更改，和删除，查看用户的中奖信息。图3-1系统业务流程图3.3功能需求分析该系统方便了用户注册登陆一些麻烦的步骤，用户在选择了抽奖系统以后，系统会要求用户是否授权，授权通过以后，用户进入以后可以查看商品，了解抽奖的规则，对自己喜欢的商品进行抽奖，中奖以后可以选择自己的收货地址，也可以查看自己中奖纪录，主要又一下两个模块：小程序前端，人们可以看到各种商品可以对自己心怡的商品就行抽奖，可以了解抽奖的规则，可以修改自己的领取的地址，还可以查看自己的中奖纪录。管理员管理的后台呢，可以不定时的发布一些新的商品，可以管理用户信息。3.4可行性分析3.4.1技术可行性幸运抽奖的系统是实现主要是jsp技术，用微信web开发者平台选择小程序即可写代码，就行编写。后台使用的是数据库MYSQL进行实现的。对于大学学习的是计算机的学生，可熟练的使用数据库，自己所学的jsp技术，实现这样一个抽奖系统是没有问题的，所以在本抽奖在技术上是可行的。3.4.2操作可行性现在的人们对于手机都了如指掌，十岁的孩子都可以进行毫无困难的进行玩耍，所以对于用户来说只要会玩智能手机的就不是问题。对于管理系统的人员，只要能熟练的了解电脑，能使用电脑，能使用相关的开发工具，就没有问题。所以看来在曹旭哦方面也是没有问题的。3.4.3经济可行性从经济上考虑，开发这个抽奖的系统是用免费的web微信开发者工具经行编写的，后台需要使用的软件都是一些开源的软件，编写的知识，运用我们所学过的和一些我们从图书馆学习的知识就可以经行编写，所以在经济方面也是不用考虑的。4系统设计4.1结构设计幸运抽奖的系统设计和划分是该系统的核心问题，来确定整体的结构。主要分为两个大功能，一个是微信端的，一个是后台的，用户可以通过扫一扫进入微信的小程序，进行使用，可以看到很多奖品，经行抽奖，领取，查看自己的中奖纪录。管理员，进入后台首先可以发布奖品，管理奖品，还可以查看奖品。如图4-1所示。图4-1系统总体结构图4.2数据库设计数据库具有高效的，可靠的，完整的是的特征，是系统的最佳选择，该系统含有，奖品的信息表；地址的信息表；用户的信息表。表4-2奖品信息表列名数据类型长度允许空说明IDint10否编号'prize_name'varchar50是预定时间'prize_number''varchar50是奖品数量表4-3用户地址信息表列名数据类型长度允许空说明IDint11否编号`name`varchar50是名字`phone`varchar50是手机号`address`varchar50是地址表4-4用户信息表列名数据类型长度允许空说明IDint11否编号`user_name`varchar50是名称`user_wxname`varchar50是用户名字`user_head`varchar50是用户头像`mry_url`varchar50是图片5系统功能设计基于微信小程序的幸运抽奖系统的实现，它主要实现了可以查看自己喜欢的奖品，进行抽奖，领取，然后，可以查看中间记录的功能，主要页面详细介绍。微信客户通过微信“扫一扫”就可以进入到本系统进行抽奖。5.1用户界面功能实现5.1.1用户首页用户进来以后，可以看到各种各样的奖品，效果如图5-1。有自己喜欢的，可以进去看详细的介绍。图5-1用户首页5.1.2抽奖规则页面用户进来以后可以看到规则页面，效果如图5-2。用户进去可以看到相应的规则，有一个相应的了解。图5-2抽奖规则页面5.1.3抽奖页面看到喜欢的奖品，进来以后，效果如图5-3。有详细的介绍，下边有抽奖按钮，一等奖即为该奖品。图5-3抽奖页面5.1.4奖品领取页面抽奖完成以后，会有一个弹窗，提示恭喜获得几等奖，可以点击领取或者是取消，效果如图5-4，点击领取以后就跳转到选择地址页面。图5-4奖品领取页面5.1.5添加地址页面用户可以选择添加的地址，效果如图5-5和图5-6。进行收货的地址，可以删除，可以进行选择。图5-5用户地址管理图5-6用户添加地址5.1.6中奖记录页面可以在个人中心的页面如效果如图5-7所示。看自己的中奖纪录，进行查看。图5-7中奖纪录页面5.2管理员页面的实现5.2.1管理员登陆管理员需要输入账号和密码才可以进入，效果如图5-8，且输入不能为空。图5-8登陆页面5.2.2添加奖品页面管理员可以进入后台以后，效果如图5-9。可以经行商品的添加，对新的商品添加，用户可以看到。图5-9添加奖品页面5.2.3管理奖品页面可以对奖品的进行管理，如效果如图5-10。对奖品修改和删除。图5-10管理奖品的页面5.2.4中奖纪录页面可以查看用户的中奖纪录，效果如图5-11。对用户的信息都有详细了解。图5-11中奖页面6系统测试6.1系统测试的目的系统测试虽然是最后一道工序但却是最重要的，不可或缺的，一个程序的最终质量是否合格，都要看测试的结果[8]。6.2系统测试的内容测试过程中主要对如下几个部分进行测试：授权用户登录的测试；管理员模块的测试；抽奖模块功能的测试；地址添加模块的测试；中奖纪录模块的测试；奖品领取模块测试；对上述内容的测试结果如图6-1所示。测试项预期测试结果实际测试结果造成差别的原因主页正常显示，页面连接正常一致无用户登录用户授权正常登陆一致无管理员模块功能管理员实现后台内容的管理一致无抽奖模块功能用户可以正常抽奖，页面良好一致无地址添加模块地址正常添加，数据存储正常一致无中奖纪录模块用户参与抽奖，并对中奖记录实现查询一致无奖品领取模块奖品可通过约定的方式领取一致无总结本幸运抽奖系统设计是很方便的，从界面到系统设计都保证了用户能够方便操作。系统的主要特点和优点归纳如下：（1）本系统用的针对性高，本系统是幸运抽奖系统，功能全面，操作方便，给用户在线抽奖、查看奖品、查看规则、添加地址、用户可以查看