shopnc 九宫格抽奖代码

于 2024-02-25 15:55:43 发布
阅读量805 收藏 23
点赞数 23
分类专栏： PHP 文章标签： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/springdk2009/article/details/136283399
版权

商城中营销活动最常见的就是大转盘抽奖了最近SHＯＰＮＣ中正好需要这个12宫格抽奖，今天整理了下。

QQ图片20160808204432.png

  1. 前端主要代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<div class="lottery-wrap">

    <div class="lottery-main">

        <input id="user_id" value="d41fd388929f1221" type="hidden">

        <div class="lottery-user-value">

            <p>

                <em>友情提示：每次抽奖消耗<i>5</i>个百利积分</em>

                <span>我的积分:<a id="lotteryPoint">19</a>分</span>

            </p>

        </div>

        <div user_points="19" prize_point="0" copywriter="奖品这么大，还不来试试" prize_type="0" prize_name="" prize_site="4" state="0" id="lottery">

            <ul>

                <li class="lottery-unit lottery-unit-0" id="">10倍积分</li>

                <li class="lottery-unit lottery-unit-1" id="">40倍积分</li>

                <li class="lottery-unit lottery-unit-2" id="">20倍积分</li>

                <li class="lottery-unit lottery-unit-3" id="">1倍积分</li>

                <li class="lottery-unit lottery-unit-4 active" id="">谢谢参与</li>

                <li class="lottery-unit lottery-unit-5" id="">50倍积分</li>

                <li class="lottery-unit lottery-unit-6" id="">1积分</li>

                <li class="lottery-unit lottery-unit-7" id="">100倍积分</li>

                <li class="lottery-unit lottery-unit-8" id="">2倍积分</li>

                <li class="lottery-unit lottery-unit-9" id="">200倍积分</li>

           </ul>

           <a href="javascript:startLottery()"></a>

        </div>

    </div>

</div>

    2. 主要JS代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

//中奖记录

function lotteryrecord() {

    var t = "",

    e = json_ajax("/shop/index.php?act=lottery&url=get_isOklotteryList",t,"GET",!0);

    if (e) {

        var r = e.length;

        if (r > 0) {

            for (var o = "",

            i = 0; r > i; i++) o += "<li><span> 恭喜" + e[i].member_mobile + " 获得 奖品  【<a>" + e[i].title + "】</a>，快去试手气吧 !</li>";

            $("#lotteryrecord").html(o)

        } else {

            var o = "<li><span>大奖等着你,快去试手气 !</span></li>";

            $("#lotteryrecord").html(o)

        }

    }

    jQuery(".brand-main02-right-box01-wrap").slide({

        mainCell: ".brand-main02-right-box01 ul",

        autoPage: !0,

        effect: "top",

        autoPlay: !0,

        vis: 6

    })

}

//如果中奖获取中奖详细信息

function lotterygrand() {

}

function startLottery() {

    lotteryrecord();

    if ($("#nolottery").hide(), $("#winlottery").hide(), lottery.init("lottery"), !click) {

        lottery.speed = 100;

        var t = $("#user_id").val();

        if ("0" == t) userLogin();

        else {

            var e = "",

            r = json_ajax("/shop/index.php?act=lottery&url=ajax_get_mylottery",e,"POST",!0);

            //alert(r.data.prize_name);

            if (r && r.result) switch (r.result) {

            case "0":

                userLogin();

                break;

            case "1":

                //本期活动已经关闭！

                $("#close").show();

                break;

            case "2":

                //您的积分暂时不足，赚足积分再来玩吧！

                $("#jifen").show();

                break;

            case "3":

                //本期活动结束

                $("#jieshu").show();

                break;

            case "4":

                //今天摇奖次数已经用完，明天再来吧！

                $("#cishu").show();

                break;

            case "7":

                //异常

                 

                break;

            case "6":

                //您的手机号码没有绑定！

                $("#shenhe").show();

                break;

            case "5":

                $("#lottery").attr("state", r.data.state),

                $("#lottery").attr("prize_site", r.data.prize_site),

                $("#lottery").attr("prize_name", r.data.prize_name),

                $("#lottery").attr("prize_type", r.data.prize_type),

                $("#lottery").attr("copywriter", r.data.copywriter),

                $("#lottery").attr("prize_point", r.data.prize_point),

                $("#lottery").attr("user_points", r.data.user_points),

                roll(),

                click = !0

            } else alert("网络异常，请检测网络线路！")

        }

    }

}

function userLogin() {

    // login_dialog();

    alert('请先登录');

}

function prize_show(t) {

    var e = $("#lottery").attr("copywriter");

    if ("0" == t) {

        var r = $("#lottery").attr("prize_point");

        $("#wincopywriter").html(e),

        $("#winpoint").html(r + "积分"),

        $("#winlottery").fadeIn(1500),

        lotterygrand()

    } else {

        var o = $("#lottery").attr("prize_name");

        $("#winpoint").html(o),

        $("#wincopywriter").html("<a href='#'>填写收货地址</a>"),

        $("#winlottery").fadeIn(1500),

        lotteryrecord()

    }

}

function roll() {

    lottery.times += 1,

    lottery.roll();//转动过程调用的是lottery的roll方法，这里是第一次调用初始化

    var t = $("#lottery").attr("prize_site");

    if (lottery.times > lottery.cycle + 10 && lottery.index == t) {

        var e = $("#lottery").attr("state"),

        r = $("#lottery").attr("copywriter");

        if ("0" == e) $("#nocopywriter").html(r),

        $("#nolottery").fadeIn(1500);

        else {

            var o = $("#lottery").attr("prize_type");

            prize_show(o)

        }

        var i = $("#lottery").attr("user_points");

        $("#lotteryPoint").html(i),

        $("#no_users_point").html(i),

        $("#win_users_point").html(i),

        clearTimeout(lottery.timer),

        lottery.prize = 0,

        lottery.times = 0,

        click = !1

    } else {

        if (lottery.times < lottery.cycle) lottery.speed -= 10;

        else if (lottery.times == lottery.cycle) {

            var l = Math.random() * lottery.count | 0;

            lottery.prize = l

        } else lottery.speed += lottery.times > lottery.cycle + 10 && (0 == lottery.prize && 7 == lottery.index || lottery.prize == lottery.index + 1) ? 110 : 20;

        lottery.speed < 40 && (lottery.speed = 35),

        lottery.timer = setTimeout(roll, lottery.speed);//循环调用

    }

    return ! 1

}

var lottery = {

    index: -1,//当前转动到哪个位置，起点位置

    count: 9, //总共有多少个位置

    timer: 0, //setTimeout的ID，用clearTimeout清除

    speed: 20,//初始转动速度

    times: 0, //转动次数

    cycle: 50,//转动基本次数：即至少需要转动多少次再进入抽奖环节

    prize: 0, //中奖位置

    init: function(t) {

        $("#" + t).find(".lottery-unit").length > 0 && ($lottery = $("#" + t), $units = $lottery.find(".lottery-unit"), this.obj = $lottery, this.count = $units.length, $lottery.find(".lottery-unit-" + this.index).addClass("active"))

    },

    roll: function() {

        var t = this.index,

        e = this.count,

        r = this.obj;

        return $(r).find(".lottery-unit-" + t).removeClass("active"),

        t += 1,

        t > e - 1 && (t = 0),

        $(r).find(".lottery-unit-" + t).addClass("active"),

        this.index = t,

        !1

    },

    stop: function(t) {

        return this.prize = t,

        !1

    }

},

click = !1;

window.onload = function() {

    lotterygrand();

    lotteryrecord();

    lottery.init("lottery");

};

    3. 主要后台代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

# 获取范围

    private function round($p) {

        $width = 360 / 7;

        $a = $p * $width;

        $b = $a + $width;

        return mt_rand($a + 10 ,$b - 10);

    }

    # 随机一个概率出来

    private function probability() {

        //return rand(0,6);

        $probability_all = array(0,0);

        foreach($this->prize as $i=>$val) {

            list($title,$desc,$money,$probability) = $val;

            $probability_all[0] += $probability[0];

            $probability_all[1] += $probability[1];

        }

        if ( empty($this->prize) ) {

            return -1;

        }

        $probability_all[1] = intval($probability_all[1] / count($this->prize));

        $yes = mt_rand(1,$probability_all[1]);

        $prize = -1;

        if ( $probability_all[0] <= 0 || $probability_all[1] <= 0 || $yes > $probability_all[0] ) {

        } else {

            $list = array();

            $add = 0;

            $total = 0;

            foreach($this->prize as $i=>$val) {

                list($title,$desc,$money,$probability) = $val;

                if ( $probability[0] <= 0 ) {

                    continue;

                }

                $total = $add += $probability[0];

                $list[$add] = $i;

            }

            $yes = mt_rand(1,$total);

            foreach ($list as $k => $v) {

                if ( $yes <= $k ) {

                    $prize = $v;

                    break;

                }

            }

        }

        return $prize;

    }

    4.数据表

1

2

3

4

5

6

7

8

9

10

11

12

13

CREATE TABLE `tp_member_lottery` (

  `id` mediumint(8) unsigned NOT NULL AUTO_INCREMENT,

  `member_id` mediumint(10) unsigned NOT NULL,

  `member_mobile` varchar(11) DEFAULT '0' COMMENT '手机号',

  `time` int(10) unsigned NOT NULL,

  `prize` tinyint(1) unsigned NOT NULL,

  `okmoney` mediumint(8) NOT NULL DEFAULT '0' COMMENT '中奖积分数量',

  `money` mediumint(8) unsigned NOT NULL,

  `title` varchar(20) NOT NULL,

  `info` varchar(100) NOT NULL,

  PRIMARY KEY (`id`),

  KEY `uid` (`member_id`)

) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 COMMENT='会员大转盘记录表';

springdk2009
关注
  • 23
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
shopnc飞入购物车代码
07-22
《ShopNC飞入购物车代码详解与应用》 在电商网站开发中，用户体验是一个至关重要的因素，其中购物车功能的设计更是直接影响着用户的购物体验。ShopNC作为一款强大的电子商务平台，其二次开发能力使得开发者能够根据...
30行代码做一个简易的抽奖系统（一）
qq_33267306的博客
08-18 2693
30行代码做一个简易的抽奖系统
lucky-canvas vue抽奖页面
最新发布
a99101的博客
04-27 2003
（1）指针的图片采用切图 但是原来的三个样式还是要留下 采用最后的imgs进行覆盖，慢慢调整图片大小，不然会出现无法出发按钮点击事件的情况出现（如果有好方法可以叫我一下毕竟我也是第一次使用）基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖，致力于为 WEB 前端提供一个。（3）轮盘背景图需要中缝在正中间，不过应该可以使用默认设置的偏移属性更改旋转后的背景图位置。（2）采用轮盘和指针的背景图片需要加入requier属性没不然不会识别出现报错的情况。的营销组件，只需要通过。
web前端-js-九宫格抽奖
lin875859873的博客
11-06 1264
// 抽奖 var arr = [1, 2, 3, 4, 5, 6, 7, 8], lottery = document.querySelector('#cjlist'), start = document.querySelector('#start'), ali = lottery.querySelectorAll('li'); var i = 0, //转到哪个位置 ...
随机抽奖代码
Z1014h的博客
08-31 1294
随机抽奖代码
抽奖模块代码分享（数据库sql + java业务代码）
Javaの甘乃迪的博客
01-13 793
抽奖模块代码分享（数据库sql + java业务代码）
shopnc:shopncB2B2C商城原始代码
03-22
shopncB2B2C商城原始代码 安装方法 1，安装php集成环境，选择wampserver或laragon。（以下用laragon为例） 2，克隆项目到web根目录，例如C:\laragon\www 。 3，访问安装地址： ...
shopnc-red.zip_shopnc
09-24
ShopNC是一款功能强大的电子商务平台系统，专为各类企业构建在线商城提供解决方案。"shopnc-red.zip_shopnc" 文件是一个包含ShopNC红色模板的压缩包，这个模板设计独特且全面，适用于那些希望拥有鲜明视觉效果的在线...
shopnc 源码
08-18
标题和描述中反复提到了"shopnc 源码"，这表明我们将讨论的是ShopNC系统的源代码，包括可能涉及到的支付模块和其他核心功能。 首先，让我们深入了解ShopNC的核心特点： 1. **模块化设计**：ShopNC采用模块化架构，...
shopnc 使用阿里云短信服务
08-24
然后，我们需要调整ShopNC的代码，以适配阿里云短信服务的API。这通常涉及以下几个步骤： 1. 引入阿里云SDK：下载或通过Composer安装阿里云PHP SDK，将其引入到ShopNC的项目中。 2. 调整发送短信的函数：根据阿里云...
抽奖的源代码
02-05
简易的抽奖源代码 您可以通过过该代码实现头像、图片抽奖，可以修改代码使得你可以设置奖项 更改图片等操作
用于抽奖的代码
03-24
用于转盘抽奖，多发发生的发撒旦法是对方呢看的发撒旦发撒旦法是伐
html5抽奖源代码
08-28
抽奖源代码，可以参开一下，html5，又需要的可以看看哦
幸运观众抽奖程序（HTML5，css，js）
02-01
运用HTML5，css，js等编程语言，用于年会抽奖，幸运观众抽奖，性能好，可自调幸运观众，使用hbuilder就能轻松运行抽奖，界面美观，音乐绚丽
html抽奖代码
01-12
html抽奖代码
抽奖小代码（JAVA）
qq_23030337的博客
02-13 1579
顺手写个抽奖小代码 package com.yst.b2b.trml.picture.schedule; import java.util.Arrays; import java.util.Scanner; /** * @author xmyang07 * @date 2022/2/13 */ public class Lucky { public static void main(String[] args) { Scanner setN = new Scanner
【项目实站】 php 实现抽奖代码详解【上篇】 基础实现
mu_rain的专栏
05-09 3805
基本思路：用户生成一个随机数，和出奖的奖品设置的随机数比对一下。符合规则则中奖（用户的随机数&lt; 奖品设置的概率值），不符则未中奖。一 项目准备期，需求确认。和产品大哥一阵切磋后，认为需求1.0 //1 抽奖活动有起止时间 //2 奖品有限制个数的大奖，和不限次数的小奖。为了要用户开心，每抽必中。至于成本什么的，把抽奖回报率设好，按标准线来。 //3 后来有位产品大哥说，可否做个代码，让内定的...
抽奖代码及概率
qq_44789987的博客
05-05 1481
```java package cn.tedu.cy; import java.util.Random; import java.util.Scanner; public class demo4 { public static void main(String[] args) { // TODO Auto-generated method stub //模拟游戏中奖 java.u...
ShopNC数据库结构详解
"这是关于shopNC电子商务平台的数据库字典，包含多个核心业务表格的详细信息，如活动、地址、管理员、广告、文章、商品属性、品牌、购物车、消息记录等，是理解shopNC系统数据结构的重要参考资料。" 在shopNC数据库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值