关于js写的抽奖转盘怎么把数据库里的奖品信息传到转盘上,list<Prize>遍历怎么遍,环形的转盘?急!!!

2020-06-22 科技 66阅读
说个比较简单的做法
先说获取数据:写一个servlet,在里面通过数据库连接池执行sql语句查询出奖品的信息(包括奖品名称,奖品图片路径等),将返回的数据拼成json字符串;在web.xml配置这个servlet;
再说页面展现:页面发送一个ajax请求,获取到奖品信息的json对象;遍历各个奖品,由于圆形的转盘不好做,咱们可以用方形的,每种奖品一个方块,所有的奖品也组成一个大方块,中间是空的。如果奖品数量不正好能组成一个大方块就用“谢谢”代替;每次用户点击抽奖,就生成一个X到Y的随机数Z,从当前(默认是左上角)那个方块开始顺时针走,动画就是方框闪一下,走了Z步的时候停,弹出中奖信息窗口。再点击的时候就从现在所在的奖品再往后走……
这种方式应该是最好实现的了。
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com