最近闲下来在做一些demo,现在讲一下做的一个简单的大转盘抽奖demo,前端lottery,layui,后端.net core,sqlsugar,数据库用的mysql
1.前端实现:
前端用的是基于开源的lottery,其中有些改动的,使得前端可以自适应pc端和手机端浏览器,以下是前端js调用实现:
var accountId = 1; var lottery = new LotteryDial(document.getElementById('luckPointer'), { // eslint-disable-line speed: 30, // 每帧速度 areaNumber: 8, // 奖区数量 circleNumber: 5 //旋转圈数 }); var index = -1; var luckProduct = {}; lottery.on('start', function() { // 请求获取中奖结果 $.ajax({ url: '@Url.Action("GetLuckyResult")', dataType: 'json', type: 'post', async :false, data: { accountId: accountId, ran: Math.random() } }).done(