.net实现微信大转盘
2014-01-10 23:34
141 查看
本人参考网上一个php微信大转盘案例修改了一个.net版本的微信大转盘。
幸运大转盘-Jquery_PHP实现的抽奖程序(上)/article/1207937.html
幸运大转盘-Jquery_PHP实现的抽奖程序(下)/article/1208066.html
原教程提供html无后台程序大转盘源码，提供php后台大转盘实现方式，各位博友可在原网址下载或学习，以下讲解本人修改的.net后台实现方式。
源码下载地址:http://download.csdn.net/detail/kangjiaaa/6835779
前台关键代码：
<!DOCTYPE HTML>
<html>
<head>
<meta name="keywords" content="html5,本地存储" />
<meta name="description" content="Helloweba演示平台，演示XHTML、CSS、jquery、PHP案例和示例" />
<title>幸运大转盘-jQuery+PHP实现的抽奖程序</title>
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<style type="text/css">
.demo{width:417px; height:417px; position:relative; margin:50px auto}
#disk{width:417px; height:417px; background:url(disk.jpg) no-repeat}
#start{width:163px; height:320px; position:absolute; top:46px; left:130px;}
#start img{cursor:pointer}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript">
$(function () {
$("#startbtn").click(function () {
lottery();
});
});
function lottery() {
$.ajax({
type: 'POST',
url: 'go.aspx',
dataType: 'json',
cache: false,
error: function (data) {
alert("出现错误");
return false;
},
success: function (json) {
$("#startbtn").unbind('click').css("cursor", "default");
var a = json.angle; //角度
var p = json.prize; //奖项
$("#startbtn").rotate({
duration: 3000, //转动时间
angle: 0,
animateTo: 1800 + a, //转动角度
easing: $.easing.easeOutSine,
callback: function () {
var con = confirm('恭喜你，中得' + p + '\n还要再来一次吗？');
if (con) {
lottery();
} else {
return false;
}
}
});
}
});
}
</script>
</head>
<body>
<div id="main">
<div class="msg"></div>
<div class="demo">
<div id="disk"></div>
<div id="start"><img src="start.png" id="startbtn"></div>
</div>
<div class="ad_demo"><script src="/js/ad_js/ad_demo.js" type="text/javascript"></script></div><br/>
</div>
</body>
</html>
go.aspx后台cs代码：
using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class go : System.Web.UI.Page
{
//模拟的奖池
public IList<Prize> prize_arr
{
get {
return new List<Prize>{
new Prize{pid = 1, min =new int[]{1},max=new int[]{29},odds = 1,prize = "一等奖"},
new Prize{pid = 2, min =new int[]{302},max=new int[]{328},odds = 2,prize = "二等奖"},
new Prize{pid = 3, min =new int[]{242},max=new int[]{268},odds = 5,prize = "三等奖"},
new Prize{pid = 4, min =new int[]{182},max=new int[]{208},odds = 7,prize = "四等奖"},
new Prize{pid = 5, min =new int[]{122},max=new int[]{148},odds = 10,prize = "五等奖"},
new Prize{pid = 6, min =new int[]{62},max=new int[]{88},odds = 10,prize = "六等奖"},
new Prize{pid = 7, min =new int[]{32,92,152,212,272,332},max=new int[]{58,118,178,238,298,358},odds = 50,prize = "七等奖"},
};
}
}
//根据奖品数量/中奖几率随机获取中奖项id
public int getRand(List<int> proArr)
{
int result = 0;
var proSum = proArr.Sum();
Random ranDom = new Random();
for (var i = 0; i < proArr.Count; i++)
{
var ranNum = ranDom.Next(1, proSum);
if (ranNum < proArr[i])
{
result = i + 1;
}
else {
proSum -= proArr[i];
}
}
return result;
}
protected void Page_Load(object sender, EventArgs e)
{
var proArr = new List<int>();//几率的集合
foreach (var i in prize_arr) {
proArr.Add(i.odds);
}
var rid = getRand(proArr);//中奖id
var res = prize_arr[rid - 1];//中奖项
var min = res.min;
var max = res.max;
var angle = 0;
var prize = string.Empty;
var ranDom = new Random();
//如果此奖项在转盘上有多个格子
if (min.Length > 1 && max.Length > 1)
{
var i = ranDom.Next(0, 5);
angle = ranDom.Next(min[i], max[i]);
}
else {
angle = ranDom.Next(min[0], max[0]);
}
prize = res.prize;
Response.Write("{\"angle\" : " + angle + ",\"prize\" : \"" + prize + "\"}");
Response.End();
}
//奖项类
public class Prize
{
public int pid {get;set;}//奖项编号id
public int[] min{get;set;}//最小转动角度
public int[] max{get;set;}//最大转动角度
public string prize{get;set;}//奖项名称
public int odds {get;set;}//概率
}
}
原php微信大转盘教程网址：
幸运大转盘-Jquery_PHP实现的抽奖程序(上)/article/1207937.html幸运大转盘-Jquery_PHP实现的抽奖程序(下)/article/1208066.html
原教程提供html无后台程序大转盘源码，提供php后台大转盘实现方式，各位博友可在原网址下载或学习，以下讲解本人修改的.net后台实现方式。
源码下载地址:http://download.csdn.net/detail/kangjiaaa/6835779
前台关键代码：
<!DOCTYPE HTML>
<html>
<head>
<meta name="keywords" content="html5,本地存储" />
<meta name="description" content="Helloweba演示平台，演示XHTML、CSS、jquery、PHP案例和示例" />
<title>幸运大转盘-jQuery+PHP实现的抽奖程序</title>
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<style type="text/css">
.demo{width:417px; height:417px; position:relative; margin:50px auto}
#disk{width:417px; height:417px; background:url(disk.jpg) no-repeat}
#start{width:163px; height:320px; position:absolute; top:46px; left:130px;}
#start img{cursor:pointer}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript">
$(function () {
$("#startbtn").click(function () {
lottery();
});
});
function lottery() {
$.ajax({
type: 'POST',
url: 'go.aspx',
dataType: 'json',
cache: false,
error: function (data) {
alert("出现错误");
return false;
},
success: function (json) {
$("#startbtn").unbind('click').css("cursor", "default");
var a = json.angle; //角度
var p = json.prize; //奖项
$("#startbtn").rotate({
duration: 3000, //转动时间
angle: 0,
animateTo: 1800 + a, //转动角度
easing: $.easing.easeOutSine,
callback: function () {
var con = confirm('恭喜你，中得' + p + '\n还要再来一次吗？');
if (con) {
lottery();
} else {
return false;
}
}
});
}
});
}
</script>
</head>
<body>
<div id="main">
<div class="msg"></div>
<div class="demo">
<div id="disk"></div>
<div id="start"><img src="start.png" id="startbtn"></div>
</div>
<div class="ad_demo"><script src="/js/ad_js/ad_demo.js" type="text/javascript"></script></div><br/>
</div>
</body>
</html>
go.aspx后台cs代码：
using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class go : System.Web.UI.Page
{
//模拟的奖池
public IList<Prize> prize_arr
{
get {
return new List<Prize>{
new Prize{pid = 1, min =new int[]{1},max=new int[]{29},odds = 1,prize = "一等奖"},
new Prize{pid = 2, min =new int[]{302},max=new int[]{328},odds = 2,prize = "二等奖"},
new Prize{pid = 3, min =new int[]{242},max=new int[]{268},odds = 5,prize = "三等奖"},
new Prize{pid = 4, min =new int[]{182},max=new int[]{208},odds = 7,prize = "四等奖"},
new Prize{pid = 5, min =new int[]{122},max=new int[]{148},odds = 10,prize = "五等奖"},
new Prize{pid = 6, min =new int[]{62},max=new int[]{88},odds = 10,prize = "六等奖"},
new Prize{pid = 7, min =new int[]{32,92,152,212,272,332},max=new int[]{58,118,178,238,298,358},odds = 50,prize = "七等奖"},
};
}
}
//根据奖品数量/中奖几率随机获取中奖项id
public int getRand(List<int> proArr)
{
int result = 0;
var proSum = proArr.Sum();
Random ranDom = new Random();
for (var i = 0; i < proArr.Count; i++)
{
var ranNum = ranDom.Next(1, proSum);
if (ranNum < proArr[i])
{
result = i + 1;
}
else {
proSum -= proArr[i];
}
}
return result;
}
protected void Page_Load(object sender, EventArgs e)
{
var proArr = new List<int>();//几率的集合
foreach (var i in prize_arr) {
proArr.Add(i.odds);
}
var rid = getRand(proArr);//中奖id
var res = prize_arr[rid - 1];//中奖项
var min = res.min;
var max = res.max;
var angle = 0;
var prize = string.Empty;
var ranDom = new Random();
//如果此奖项在转盘上有多个格子
if (min.Length > 1 && max.Length > 1)
{
var i = ranDom.Next(0, 5);
angle = ranDom.Next(min[i], max[i]);
}
else {
angle = ranDom.Next(min[0], max[0]);
}
prize = res.prize;
Response.Write("{\"angle\" : " + angle + ",\"prize\" : \"" + prize + "\"}");
Response.End();
}
//奖项类
public class Prize
{
public int pid {get;set;}//奖项编号id
public int[] min{get;set;}//最小转动角度
public int[] max{get;set;}//最大转动角度
public string prize{get;set;}//奖项名称
public int odds {get;set;}//概率
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- .NET中实现页面间的参数传递 QueryString\Application\Session\Cookie
- .net 像hao123的快捷邮箱登陆的实现代码
- .NET(用户自定义控件实现权限控制)
- 用 .NET 实现插件机制
- DOTGNU：linux下另一个.net实现
- 浅谈.NET中加密和解密的实现方法分享
- .NET数据库编程求索之路--7.使用ADO.NET实现（工厂模式-实现多数据库切换）（2）
- .net 分布式架构之分布式锁实现
- .net 2.0 下的FTP搜索引擎实现
- .NET实现套打解决方案-支持c/s和b/s
- 第5章分布式系统模式 在 .NET 中使用 DataSet 实现 Data Transfer Object
- .net 实现多文件上传
- .Net中实现无限分类的2个例子
- .net 实现 URL重写，伪静态
- 用.net生成javascript后,再实现二层菜单的级联
- .NET实例（伪异步表单提交，实现无刷新表单（含文件）提交） 兼容IE 火狐 基于LGPL开源 谢绝转载
- 一种利用线程池线程执行任务, 并能够结束超时任务的方法 (.NET实现)
- 如何在.NET中实现脚本引擎 (CodeDom篇)
- .net实现无刷新验证码
- 使用.NET实现视频播放