免责声明：凡本网注明&来源：XXX（非舜网）&的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。本网转载其他媒体之稿件，意在为公众提供免费服务。如稿件版权单位或个人不想在本网发布，可与本网联系，本网视情况可立即将其撤除。用户从app 进入H5页面
接口连接：192.168.1.1:8181/youxi/getSession.jsp?userid=1020201
userid为app端传的参数
getSession.jsp代码
response.sendRedirect(“youxi/index.html”);//跳向游戏页面
游戏结束进入抽奖页面
页面部分代码
js部分代码
type="text/javascript"&
$(function(){
var userid = '&%=session.getAttribute("userid")%&';
url:":8105/api/getLotteryNum.jsp?userid="+userid+"&type=getnum",
type:"get",
dataType:"json",
success:function(data){
var num = parseInt(data.num);
$("#num").text(num);
var $plateBtn = $('#plateBtn');
$plateBtn.click(function(){
var userid = '&%=session.getAttribute("userid")%&';
var numDom=document.getElementById("num");
var numVal=parseInt(numDom.innerHTML);
console.log(numVal);
if(numVal&0){
url:":8105/api/lottery.jsp?userid="+userid+"&type=app",
type:"get",
dataType:"json",
success: function(data){
var lotterynum = parseInt(data.num);
$("#num").text(lotterynum);
var num = parseInt(data.result);
switch(num){
rotateFunc(5,90,'恭喜你中了 &em&酒店体验券X1&/em&');
jumpFunc2();
rotateFunc(2,65,'恭喜你中了 &em&金币10&/em&');
rotateFunc(7,282,'恭喜你中了 &em&金币10&/em&');
rotateFunc(4,247,'恭喜你中了 &em&金币10 &/em&');
rotateFunc(2,55,'恭喜你中了 &em&金币10&/em&');
rotateFunc(6,24,'恭喜你中了 &em&金币10&/em&');
rotateFunc(7,292,'恭喜你中了 &em&金币10&/em&');
rotateFunc(1,170,'恭喜你中了 &em&七彩云南六日五夜游X1&/em&');
jumpFunc1();
rotateFunc(4,247,'恭喜你中了 &em&金币10&/em&');
alert("好像没有抽奖机会了哦，分享试试！");
var $resultTxt = $('#resultTxt');
var rotateFunc = function(awards,angle,text){
$plateBtn.stopRotate();
$plateBtn.rotate({
duration: 5000,
animateTo: angle + 1440,
callback: function(){
$resultTxt.html(text);
$result.show();
var jumpFunc1 = function(){
setTimeout(function(){
window.location.href=":8105/huodong/xinxitianxie1.html";
var jumpFunc2 = function(){
setTimeout(function(){
window.location.href=":8105/huodong/xinxitianxie2.html";
var $resultBtn = $('#resultBtn');
var $result = $('#result');
$resultBtn.click(function(){
$result.hide();
$(document).ready(function(){
$(".guanbi").click(function(){
$(".banner").fadeOut("slow");
$(function(){
var url = null;
$(document).on('click','.jihuir',function(){
var text = $(this).text();
$('#loadingDiv').css('display','block');
$('#popup').slideDown();
$(document).ready(function(){
$('#loadingDiv').click(function(){
$(this).fadeOut("slow");
$(document).ready(function(){
$('#choujiang .shuaxin').click(function(){
window.location.href=":8105/huodong/zhuanpanapp.html";
alert("klabn");
页面加载时请求接口
util util = new util();
t_dao t_dao = new t_dao();
t_dao.setDao("cloud-01");
Rs rs = null;
String json = "";
String error = "";
String userid = util.get("userid");
String type = util.get("type");
if("".equals(userid) || userid == null){
error += "userid为空";
if("".equals(type) || type == null){
error += "type为空";
if("".equals(error)){
if("getnum".equals(type)){
int n = 0;
n = t_dao.getNum("t_appuser", "userid='"+userid+"'");
if(n == 0){
rs = t_dao.getRs("t_appuser");
rs.set("userid", userid);
rs.set("num", 1);
rs.set("share",1);
t_dao.save(rs);
json = "{\"userid\":\""+userid+"\",\"num\":\"1\",\"share\":\"1\"}";
String num = t_dao.get("t_appuser","userid='"+userid+"'","num");
String share = t_dao.get("t_appuser","userid='"+userid+"'","share");
json = "{\"userid\":\""+userid+"\",\"num\":\""+num+"\",\"share\":\""+share+"\"}";
if("addnum".equals(type)){
rs = t_dao.getRs("t_appuser","userid='"+userid+"'");
String num = rs.get("num");
String share = rs.get("share");
if("1".equals(share)){
rs.set("num", Tools.isNumber(num)+1);
rs.set("share", 0);
t_dao.save(rs);
json = "{\"userid\":\""+userid+"\",\"num\":\""+(Tools.isNumber(num)+1)+"\",\"share\":\"0\"}";
json = "{\"userid\":\""+userid+"\",\"num\":\""+num+"\",\"share\":\"0\"}";
util.out(json);
util = null;
t_dao = null;
点击抽奖时请求接口
util util = new util();
t_dao t_dao = new t_dao();
t_dao.setDao("cloud-01");
Rs rs = null;
String json = "";
String error = "";
String result = "0";
int lotteryNum = 0;
String userid = util.get("userid");
String type = util.get("type");
if("".equals(userid) || userid == null){
error += "userid为空";
if("".equals(type) || type == null){
error += "type为空";
if("".equals(error)){
int num = (int) Math.floor(Math.random()*1000);
if(num == 0){
result = ",1";
else if(num == 1000){
result = "8";
int[] data = {1, 2, 3, 4, 5, 6, 7};
int n = data[(int) Math.floor(Math.random()*data.length)];
switch(n){
case 1: result = "2";
case 2: result = "2";
case 3: result = "3";
case 4: result = "4";
case 5: result = "5";
case 6: result = "6";
case 7: result = "7";
default:result = "2";
if("app".equals(type)){
rs = t_dao.getRs("t_appuser","userid='"+userid+"'");
String n = rs.get("num");
rs.set("num", Tools.isNumber(n)-1);
lotteryNum = Tools.isNumber(n)-1;
t_dao.save(rs);
t_dao = null;
if(!("1".equals(result)||"8".equals(result))){
t_dao t_dao1 = new t_dao();
Rs rs1 = t_dao1.getRs("t_user","c_userid='"+userid+"'");
int jinbi = Tools.isNumber(rs1.get("c_jinbi"))+10;
rs1.set("c_jinbi", jinbi);
t_dao1.save(rs1);
t_dao1 = null;
json = "{\"error\":\""+error+"\",\"result\":\""+result+"\",\"num\":\""+lotteryNum+"\"}";
util.out(json);
out.clear();
out = pageContext.pushBody();
util = null;
1 中奖概率放在后台 相对来说比较安全
2 请求接口客户端页面跳转 后台使用jsp写的因为没有用servlet action 所有的点击请求跳转都是点击跳转 跳转成功后加载页面时默认自动请求接口获取数据
3 乱码问题 页面 后台 数据库 统一编码 同时注意浏览器和ide默认编码
4 跨域请求问题 网上有很多解决办法 为了省事 我把后台jsp代码和网页代码放在一个服务器上了（本来不是一个服务器上的） 有时间研究一下如何跨域请求
5 个人笔记 没有任何质量保证和技术参考价值
好多人私信要源码，现在上传了两个demo。
本文已收录于以下专栏：
相关文章推荐
移动换H5 の 纯CSS3实现大转盘抽奖布局 by FungLeo前言本教程不涉及JS控制旋转部分,也不涉及后端输出抽奖结果部分.这篇教程讲的是如何去实现大转盘抽奖的布局.在制作大转盘抽奖的时候,一般...
设计幸运大转盘h5小游戏总结
memory-control
他的最新文章
讲师：王哲涵
讲师：王渊命
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)教您如何写好一份策划书，为您提供策划书格式、范文、模板。营销方案策划书，公司活动策划书，创业策划书模板...写好这些策划书不再是难事。
在此可输入您对该资料的评论~
(window.slotbydup = window.slotbydup || []).push({
id: '4540180',
container: s,
size: '250,200',
display: 'inlay-fix'
热门资料排行
添加成功至
资料评价：
所需积分：0淘金币转盘赢千万红包
淘金币兑红包咯，玩红包转盘，赢红包、淘金币、ipad2等大奖，每个
用户每天不限次数，中奖率高达99%，快来兑换红包吧
，，，，，
&&&& 淘金币只能购物抵现使用太不划算了？那就来试试兑换红包吧！&&&& 即日起500淘金币可参与一次红包转盘活动，红包领到手软。还有68淘金币/次、28淘金币/次转盘抽奖。活动规则：1、登陆页面即可参与抽奖，每天不限抽奖次数，每次抽奖根据所需的淘金币扣除2、抽奖获得的现金红包或淘金币将于系统24小时内发放至支付宝账号或淘金币账号3、抽奖获得的奖品只需0.01元就能拍下，此价格只持续中奖后12小时，超时将恢复原价4、每个ID只能有0.01元购买1件同款商品，多拍件数按原价购买活动页面：登陆淘宝账号-进入会员俱乐部-点击上面的活动广告进入抽奖页面
上一篇：下一篇：
天猫商城热卖优惠券：
免责声明：本信息只供网友分享参考，信息内容涉及的内容解释权归活动商家或活动店铺所有。购物前请向商家或店铺客服了解详情，享优惠不承担任何售前或售后服务咨询及任何连带责任。网购有风险，请亲们慎重选购！
优惠信息推荐
热门搜索榜
享优惠由广州创源信息科技有限公司运营 &
增值电信业务经营许可证