用户从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。
本文已收录于以下专栏：
相关文章推荐
未经允许，不得转载！！
水平有限，不周之处欢迎指正、交流。
博客原文：http://blog.csdn.net/ime33
现在市面上很多商家为了促进交易，采取各种各样的营销方案，转盘抽...
移动换H5 の 纯CSS3实现大转盘抽奖布局 by FungLeo前言本教程不涉及JS控制旋转部分,也不涉及后端输出抽奖结果部分.这篇教程讲的是如何去实现大转盘抽奖的布局.在制作大转盘抽奖的时候,一般...
var playnum = 5; //初始次数，由后台传入
var isture = 0;
var newdraw = new turntableDraw('#lotteryPic...
移动端系列博文基础reset.scss和mixin.scss下面我将写一系列的关于移动端的博文,如果每次都需要在博文前面引用这样一段reset.scss和mixin.scss,那将是一件相当恶心的事情...
设计幸运大转盘h5小游戏总结
实现个小例子来达到学习的目的，无疑是最好的。很看到网上有很多已经实现的转盘游戏，自己也试着写了一个，思路是：画一个圆盘，分成10份，设立10个奖项，中间有个指针，点抽奖后旋转指针。
代码如下：
微信H5网页公众号支付教程附demo开发之前请详细阅读微信公众号支付开发文档，并配置好服务器信息。
微信支付开发文档1.微信支付申请，开通微信商户平台。
2.开发配置，填写服务器地址。
公司新年网页抽奖程序，非常实用的网页抽奖程序，简单易操作适合大型活动抽奖，可以获取随机数中奖程序。
捷微H5营销活动平台（）特点：（采用插件模式开发H5营销活动，独立部署，解决微信活动大用户、高并发问题）P3-Weixin 特点：（JAVA 插件开发框架->松耦合、插件模式...
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)}