C# MVC模式下商品抽奖功能实现

 更新时间:2016年04月27日 16:21:09   作者:熊灬孩灬子  
这篇文章主要为大家分享了C#在MVC模式下实现商品抽奖功能,思路清晰,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近项目需求的一个抽奖功能给整理了下,语言表达能力不好,写的不好请勿吐槽,一笑而过就好。好了下面开始说说这个抽奖功能。因为涉及到公司的项目所以一些敏感的地方均已中文代替。

首先在后台添加奖品的名称以及概率如图:

后台代码没什么好说的,我们来看看前端代码。

通过html做出如下样式:

 <div class="turntable-bg">
       
          <div class="pointer">
            <img id="pointer" src="~/Content/images/pointer.png" alt="pointer" />
          </div>
          <div class="rotate">
            <img id="turntable" src="~/Content/images/turntable.png" alt="turntable" />
          </div>
        </div>



这里要注意切图时候的角度。不然旋转后所对应的角度就不对了。

下面给抽奖的指针添加点击事件:

function rotate() {
    $.ajax({
      type: 'POST',
      url: '/控制器/方法',
      dataType: 'json',
      cache: false,
      error: function () {
        alert('出错了!');
        return false;
      },
      success: function (data) {
        if (data == 1 || data == -3) {
          var bRotate = true;
          if (data == 1) {
            alert("请登录!");
          }if (data == -3) {
            alert("对不起,您的奖券不足!")
          }
        }
        else {
          var angles = parseInt(data.angle); //角度  
          var txt = data.prize; //奖项  
          var awards = parseInt(data.id);
          var bRotate = false; //如果bRotate为 true 的时候无法点击
          var rotateFn = rotateFn_method(awards, angles, txt);

          if (bRotate) return;

          switch (awards) {
            case 0:
              //var angle = [26, 88, 137, 185, 235, 287, 337];
                // rptateFn_method 三个参数均为后台传出,0,337  为转盘旋转所对应的角度,最后一个则为商品名称

              rotateFn_method(0, 337, '奖品名称');
              break;
            case 1:
              //var angle = [88, 137, 185, 235, 287];
              rotateFn_method(1, 26, '奖品名称');
                break;
              case 2:
                //var angle = [137, 185, 235, 287];
                rotateFn_method(2, 88, '奖品名称');
              break;
            case 3:
              //var angle = [137, 185, 235, 287];
              rotateFn_method(3, 137, '奖品名称');
              break;
            case 4:
              //var angle = [185, 235, 287];
              rotateFn_method(4, 185, '奖品名称');
              break;
            case 5:
              //var angle = [185, 235, 287];
              rotateFn_method(5, 235, '奖品名称');
              break;
            case 6:
              //var angle = [235, 287];
              rotateFn_method(6, 235, '奖品名称');
              break;
            case 7:
              //var angle = [287];
              rotateFn_method(7, 282, '奖品名称');
              break;
          }
        }

      }
    });
  }

  //旋转事件
  function rotateFn_method(awards, angles, txt) {
    var bRotate = false;
    bRotate = !bRotate;
    $('#turntable').stopRotate();
    $('#turntable').rotate({
      angle: 0,
      animateTo: angles + 1800,
      duration: 8000,
      callback: function () {
          $("#Pl h4").html("恭喜你抽中" + txt + "");
        }
        bRotate = !bRotate;
      }
    })
  };
//刷新当前页面
  function locateEnd() {
    window.location.reload();
  }


  这样页面的转盘就可以旋转以及弹出奖品了,js中注释应该比较明确,我就不多对js进行解释了,下面来说说控制器里计算概率的逻辑,之所以不把概率计算写在js中,是因为js文件容易被篡改,想必大家都知道。话不多说,下面上代码:  

//判断用户是否登录 
      if (admin != null)
      {
         //获取后台设置的数据,见图1
        var LdList = hr.LuckdrawList();
         //因为涉及到公司的项目所有一些敏感地方均已中文代替
        List<double> dt = LdList.Select(i => i.概率).ToList();
         //创建一个数值
        double[] Array = dt.ToArray();
        //角度
        int angle = 0;
        //奖品
        var prize = "";
        var id = 0;
         //将概率放入数值,调用下面的Get方法计算出所返回的概率位于数值中的第几位
        var Pl = Get(Array);
         //获取奖品表中位于Pl的产品
        var model = LdList[Pl];
           // id , angle 角度  prize 奖品
if (model.奖品等级 == 1)
          {
            angle = 26;
            prize = model.奖品;
            id = 1;
          }
          if (model.奖品等级 == 7)
          {
            angle = 88;
            prize = model.奖品;
            id = 2;
          }
          if (model.奖品等级 == 4)
          {
            angle = 137;
            prize = model.奖品;
            id = 3;
          }
          if (model.奖品等级 == 3)
          {
            angle = 185;
            prize = model.奖品;
            id = 4;
          }
          if (model.奖品等级 == 6)
          {
            angle = 235;
            prize = model.奖品;
            id = 5;
          }
          if (model.奖品等级 == 2)
          {
            angle = 282;
            prize = model.奖品;
            id = 7;
          }
          if (model.奖品等级 == 5)
          {
            angle = 337;
            prize = model.奖品;
            id = 0;
          }
          return Json(new { angle = angle, prize = prize, id = id });
        }return Json(data);
      }


计算概率的部分:

/// <summary>
    /// 获取抽奖结果
    /// </summary>
    /// <param name="prob">各物品的抽中概率</param>
    /// <returns>返回抽中的物品所在数组的位置</returns>
    private static int Get(double[] prob)
    {
      int result = 0;
      int n = (int)(prob.Sum() * 1000);      //计算概率总和,放大1000倍
      Random r = rnd;
      float x = (float)r.Next(0, n) / 1000;    //随机生成0~概率总和的数字

      for (int i = 0; i < prob.Count(); i++)
      {
        double pre = prob.Take(i).Sum();     //区间下界
        double next = prob.Take(i + 1).Sum();  //区间上界
        if (x >= pre && x < next)        //如果在该区间范围内,就返回结果退出循环
        {
          result = i;
          break;
        }
      }
      return result;
    }
    private static Random rnd = new Random();

 基本上就这些,有不足的地方请各位帮忙补充一下,谢谢大家的阅读。

相关文章

  • C#实现矩阵转置的方法

    C#实现矩阵转置的方法

    这篇文章主要介绍了C#实现矩阵转置的方法,实例分析了C#针对矩阵运算的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • C# L型棋牌覆盖实现代码与效果

    C# L型棋牌覆盖实现代码与效果

    C# L型棋牌覆盖实现代码与效果,需要的朋友可以参考一下
    2013-04-04
  • c#窗体传值用法实例详解

    c#窗体传值用法实例详解

    这篇文章主要介绍了c#窗体传值用法,以实例形式较为详细的分析了C#窗体传值的各种常用技巧,需要的朋友可以参考下
    2015-06-06
  • 关于C#理解装箱与拆箱

    关于C#理解装箱与拆箱

    这篇文章主要介绍了关于C语言理解装箱与拆箱的相关资料,需要的朋友可以参考下面文章内容
    2021-09-09
  • C#中static的详细用法实例

    C#中static的详细用法实例

    在C#中所有方法都必须在一个类的内部声明,然而如果把一个方法或字段声明为Static,就可以使用类名来调用方法或访问字段,下面这篇文章主要给大家介绍了关于C#中static详细用法的相关资料,需要的朋友可以参考下
    2022-12-12
  • 关于C#生成MongoDB中ObjectId的实现方法

    关于C#生成MongoDB中ObjectId的实现方法

    本篇文章小编为大家介绍,关于C#生成MongoDB中ObjectId的实现方法。需要的朋友参考下
    2013-04-04
  • C#序列化成XML注意细节

    C#序列化成XML注意细节

    最常用的序列化是把某个类序列化成二进制文件.但有时我们也会把类序列化成xml文件,需要的朋友可以参考下
    2012-11-11
  • C# 复制指定节点的所有子孙节点到新建的节点下

    C# 复制指定节点的所有子孙节点到新建的节点下

    这篇文章主要介绍了C# 复制指定节点的所有子孙节点到新建的节点下的相关资料,非常不错具有一定的参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • C# 使用HttpClient模拟请求的案例

    C# 使用HttpClient模拟请求的案例

    这篇文章主要介绍了C# 使用HttpClient模拟请求的案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • C#实现文件与二进制互转并存入数据库

    C#实现文件与二进制互转并存入数据库

    这篇文章主要介绍了C#实现文件与二进制互转并存入数据库,本文直接给出代码实例,代码中包含详细注释,需要的朋友可以参考下
    2015-06-06

最新评论