关于js写的抽奖转盘怎么把数据库里的奖品信息传到转盘上,list<Prize...
发布网友
共1个回答
热心网友
说个比较简单的做法
先说获取数据：写一个servlet，在里面通过数据库连接池执行sql语句查询出奖品的信息（包括奖品名称，奖品图片路径等），将返回的数据拼成json字符串；在web.xml配置这个servlet；
再说页面展现：页面发送一个ajax请求，获取到奖品信息的json对象；遍历各个奖品，由于圆形的转盘不好做，咱们可以用方形的，每种奖品一个方块，所有的奖品也组成一个大方块，中间是空的。如果奖品数量不正好能组成一个大方块就用“谢谢”代替；每次用户点击抽奖，就生成一个X到Y的随机数Z，从当前（默认是左上角）那个方块开始顺时针走，动画就是方框闪一下，走了Z步的时候停，弹出中奖信息窗口。再点击的时候就从现在所在的奖品再往后走……
这种方式应该是最好实现的了。
