一个简单的大转盘抽奖程序(附.NetCore Demo源码)

本文介绍了一个使用.NetCore后端和前端lottery、layui创建的简单大转盘抽奖程序。前端经过调整以适应PC和移动端浏览器,后端采用概率算法进行奖品分配。提供了预览地址和开源Demo链接。
摘要由CSDN通过智能技术生成

最近闲下来在做一些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(
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用 .NET Core 编写一个 Web API 项目,你可以按照以下步骤进行操作: 1. 安装 .NET Core SDK:首先,保你已经安装了最新的 .NET Core SDK。你可以从 Microsoft方网站(https://dotnet.microsoft.com/download)下载并安装适合你操作系统的版本。 2. 创建 Web API 项目:打开命令行终端或者使用集成开发环境(IDE)如 Visual Studio Code,在你想要创建项目的目录下执行以下命令: ``` dotnet new webapi -n YourProjectName ``` 这将在当前目录下创建一个名为 YourProjectName 的新 Web API 项目。 3. 进入项目目录:执行以下命令进入项目目录: ``` cd YourProjectName ``` 4. 编写 API 控制器:在 Controllers 文件夹中创建一个新的控制器文件(例如 `ValuesController.cs`),并按照需要实现你的 API 逻辑。例如,你可以创建一个简单的 GET 请求处理方法: ```csharp using Microsoft.AspNetCore.Mvc; namespace YourProjectName.Controllers { [ApiController] [Route("api/[controller]")] public class ValuesController : ControllerBase { [HttpGet] public ActionResult<string> Get() { return "Hello, World!"; } } } ``` 5. 运行项目:返回项目根目录,并执行以下命令来运行项目: ``` dotnet run ``` 这将启动一个本地开发服务器,并监听默认的端口号(通常是 5000)。 6. 测试你的 API:打开浏览器或使用工具如 Postman,访问 `http://localhost:5000/api/values`(如果你修改了默认的端口号,请相应地更改 URL),你将会看到返回的 "Hello, World!"。 这只是一个简单的示例,你可以根据你的需求添加更多的控制器和路由。你也可以使用 Entity Framework Core 或其他库来访问数据库,实现更复杂的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值