软件技术毕业设计论文-BWM宝马微信活动

目录9205一、开发背景 447691设计背景 4221292项目意义 4231593作品简介 490094，开发环境 4166585，运行环境 523536二、软件详细设计 5224661，WEB开始界面 5167002，进入游戏界面 6264793，游戏浮层 683544，游戏流程界面 713972三、项目设计 1485271，数据库 14183972，项目结构 166822四、相关代码 1679061，接口代码 19278022，实现接口代码 19173053，JS运行环境 21204354，JS相关内容 22170105，框架代码 32988五、总结和建议 425692参考文献 4213298致谢 42一、开发背景1设计背景宝马汽车一直是汽车界的名牌产品，随着微信的日益普及，宝马决定在微信平台上发布宣传活动的WEB网站。得以更一步扩大宝马的知名度，让大众都了解到宝马的魅力。2项目意义微信是腾讯集团发布的大众交流平台，拥有极大的玩家基数，是宣传和广告的不二之选，宝马为了提升新产品的知名度，决定在微信上发表这个WEB网站，可行性十分之高。微信的玩家十分普及，大到集团老板，小到居家人群，宝马在中国的定位仅是代步工具，更是身份与富贵的象征，因此宝马所代表的意义被无限的扩大，是人们追求的名牌。从适应性而言，绝对也是明智之选。3作品简介1.宝马汽车展示，2.互动游戏闯关，3.用户数据上传.4.抽取幸运用户发奖。4，开发环境(1)操作系统：Windows7(2)数据库：SQLSERVER(3)开发工具包：FTP(4)开发平台：VSS(5)项目管理工具：VSS5，运行环境(1)服务器：apache(2)windows7、windowsXP二、软件详细设计1，WEB开始界面2，进入游戏界面3，游戏浮层4，游戏流程界面游戏开始页面321倒计时准备根据音频按下快门键捕捉汽车图片根据按下的时机会有不同的汽车图片最后算出总分动态填充的排行榜三、项目设计1，数据库用户表2，项目结构四、相关代码1，接口代码2，实现接口代码publicpartialclassajax_ajax:System.Web.UI.Page{privateCmn.JsonItf_Json=newCmn.JsonItf("IsSuccess","ErrMsg");///<summary>///数据库接口///</summary>protectedvoidPage_Load(objectsender,EventArgse){string_method=Cmn.Request.Get("method");string_ref="";switch(_method){case"AddUsrGame":_ref=AddUsrGame();break;case"GetTop":_ref=GetTop();break;default:_ref=_Json.Get(false,"method方法不存在");break;}Response.Write(_ref);}///<summary>///添加游戏表///</summary>privatestringAddUsrGame(){string_gameResult1=Cmn.Request.Get("GameResult1");string_gameResult2=Cmn.Request.Get("GameResult2");string_gameResult3=Cmn.Request.Get("GameResult3");string_gameResultCount=Cmn.Request.Get("GameResultCount");string_userID=Cmn.Func.GetUserID();bool_bool=false;if(_userID==""){return_Json.Get(false,"未登录");}if(_gameResultCount==""){return_Json.Get(false,"综合完整度不能为空");}if(_gameResult1==""){return_Json.Get(false,"第一关完整度不能为空");}if(_gameResult2==""){return_Json.Get(false,"第二关完整度不能为空");}if(_gameResult3==""){return_Json.Get(false,"第三关完整度不能为空");}string_a=Cmn.DB.getFieldValue("SELECTUserIDfromusr_GameswhereUserID='"+_userID+"'");if(_a==""){_bool=Cmn.DB.execSql(@"insertintousr_Games(GameResult1,GameResult2,GameResult3,GameResultCount,UserID)VALUES('"+_gameResult1+"','"+_gameResult2+"','"+_gameResult3+"','"+_gameResultCount+"','"+_userID+"')");if(!_bool){return_Json.Get(false,"1数据库连入失败！");}}else{string_gameCount=Cmn.DB.getFieldValue("SELECTtop1GameResultCountfromusr_GameswhereUserID='"+_userID+"'");if(_gameCount==""||_gameCount==null){}else{if(Convert.ToInt32(Convert.ToSingle(_gameCount))<Convert.ToInt32(Convert.ToSingle(_gameResultCount))){_bool=Cmn.DB.execSql(@"updateusr_GamessetGameResult1='"+_gameResult1+"',GameResult2='"+_gameResult2+"',GameResult3='"+_gameResult3+"',GameResultCount='"+_gameResultCount+"',UserID='"+_userID+@"'whereUserID='"+_userID+"'");if(!_bool){return_Json.Get(false,"数据库连入失败！");}}}}string_count=(int.Parse(Cmn.DB.getFieldValue("selectcount(1)fromusr_Gameswhereusr_Games.GameResultCount>cast((selectusr_Games.GameResultCountfromusr_GameswhereUserID='"+_userID+"')asnumeric(18,2))"))).ToString();Cmn.Log.WriteToFile("count",_count);_Json.AddProperty("count",_count);return_Json.ToJsonString();}///<summary>///获取排行榜前9///</summary>privatestringGetTop(){returnCmn.AjaxJson.SqlToJson("selecttop10usr_Games.UserID,usr_Users.UserName,usr_Games.GameResultCountfromusr_Users,usr_Gameswhereusr_Users.UserID=usr_Games.UserIDorderbycast(usr_Games.GameResultCountasnumeric(18,2))desc");}}3页面运行环境<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="viewport"content="width=device-width,user-scalable=no;"/><linkhref="css/reset.css"rel="stylesheet"/><linkhref="css/animate.css"rel="stylesheet"/><linkhref="css/style.css"rel="stylesheet"/><scriptsrc="Js/ThirdLib/jquery.js"></script><scriptsrc="js/Cmn.js"></script><scriptsrc="js/CmnAjax.js"></script><scriptsrc="js/CmnFuncExd.js"></script><scriptsrc="js/animate/AnimateMan.js"></script><scriptsrc="js/animate/Scenes.js"></script><scriptsrc="js/animate/AnimateFrame.js"></script><scriptsrc="js/animate/BasAnimate.js"></script><scriptsrc="js/animate/ScenesSwitch.js"></script><scriptsrc="Js/Dx.js"></script><scriptsrc="Js/SiteJs/Site.js"></script>3，JS运行环境///<referencepath="../Cmn.js"/>///<referencepath="../CmnAjax.js"/>///<referencepath="SiteFunc.js"/>///<referencepath="../../Ajax/Ajax.aspx"/>4，JS相关内容//点击了捕捉小方框显示隐藏按钮varkey=0;varkeyStartCatch=0;this.StartCatch=function(e){if(keyStartCatch==0){keyStartCatch=1;if(SiteFunc.MidPicClick){SiteFunc.adezgu();_index=index;SiteFunc.AudioLoad();SiteFunc.CloseTimeOut();SiteFunc.MidPicClick=false;SiteFunc.MidPicClicktrue=true;SiteFunc.Audiobofangdian();if($(e).hasClass("jsc_MidBorder1")){//第一关事件a=6;SiteFunc.Score1(SiteFunc.AudiocurrentTime());if(SiteFunc.WinOrLos(Score1)){SiteFunc.SpanShow(Score1);SiteFunc.CarPicShow(SiteFunc.AudiocurrentTime());SiteFunc.Win();}else{SiteFunc.Lose();};//SiteFunc.indexN();}if($(e).hasClass("jsc_MidBorder2")){//第二关事件SiteFunc.Score2(~~(SiteFunc.AudiocurrentTime()/2));Soc=Score2;if(key==0){SiteFunc.dierguanPicshow();setTimeout(function(){//setTimeout(function(){SiteFunc.pingmudianjipanding=true;SiteFunc.tishi();},2000);},$("audio").eq(_index)[0].duration-$("audio").eq(_index)[0].currentTime+500)}if(key==1){if(SiteFunc.WinOrLos(Score2)){SiteFunc.SpanShow(Score2);SiteFunc.CarPicShow(SiteFunc.AudiocurrentTime());SiteFunc.Win();Score2=Score2;Soc=0;}else{SiteFunc.Lose();};}//SiteFunc.indexN();key++;if(key==2){key=0;}}if($(e).hasClass("jsc_MidBorder3")){//第三关事件SiteFunc.Score3(((SiteFunc.AudiocurrentTime()+"").split(".")[0]+"."+(SiteFunc.AudiocurrentTime()+"").split(".")[1][0])/3);Soc=Score3;if(key==0||key==1){if(key==0){SiteFunc.disanguanPicshow1();setTimeout(function(){SiteFunc.tishi2();},2000)}elseif(key==1){SiteFunc.disanguanPicshow2();setTimeout(function(){SiteFunc.tishi3();},2000)}setTimeout(function(){//key++;setTimeout(function(){SiteFunc.pingmudianjipanding=true;},2000);},$("audio").eq(_index)[0].duration-$("audio").eq(_index)[0].currentTime+500)}if(key==2){key++;SiteFunc.CarPicShow(SiteFunc.AudiocurrentTime());//SiteFunc.Jscshow();if(SiteFunc.WinOrLos(Score3)){SiteFunc.SpanShow(~~(Score3));SiteFunc.Win();Score3=Score3;Soc=0;setTimeout(function(){//3S后事件//关闭图片以及得分SiteFunc.SpanHide();SiteFunc.Jschide();AnimateFrame.SlideTo(5);SiteFunc.param();$(".jsc_jscpic").eq(0).find('img').attr("src",$(".Part1CarPic").find("img").attr("src"));$(".jsc_jscpic").eq(1).find('img').attr("src",$(".Part2CarPic1").find("img").attr("src"));$(".jsc_jscpic").eq(2).find('img').attr("src",$(".Part2CarPic2").find("img").attr("src"));$(".jsc_jscpic").eq(3).find('img').attr("src",$(".Part3CarPicPart1").find("img").attr("src"));$(".jsc_jscpic").eq(4).find('img').attr("src",$(".Part3CarPicPart2").find("img").attr("src"));$(".jsc_jscpic").eq(5).find('img').attr("src",$(".Part3CarPicPart3").find("img").attr("src"));SiteFunc.BackPagePicPart();//SiteFunc.MidPicClick=true;},5000);}else{SiteFunc.Lose();};}//SiteFunc.indexN();if(key==3){key=0;}}//通用事件得分以及图片显示//$(".MidPic").removeClass("jsc_MidPic");//setTimeout(function(){//SiteFunc.MidPicClicktrue=false;////SiteFunc.MidPicClick=true;//},5000);}setTimeout(function(){keyStartCatch=0;},100);}}//点击进入下一关this.StartNextGame=function(){//SiteFunc.indexN();SiteFunc.MidPicClick=false;$(".ResultPercent").hide();$(".jsc_Pic").hide();$(".PassBtn2").hide();SiteFunc.IsLockScenes();$(".jsc_hide").show();$(".PassBtn").show();}this.tishi=function(){//提示点击屏幕开始$(".EnterNextRound").eq(0).show();}this.tishi2=function(){$(".EnterNextRound").eq(1).show();}this.tishi3=function(){$(".EnterNextRound").eq(2).show();}this.canguan=function(){//展览浮层显示//$(".jsc_PublicScenes").show();}this.canguanClose=function(){//展览浮层显示//$(".jsc_PublicScenes").hide();}//分享浮层this.fenxiangshow=function(){$(".ShareFucWrap").show();}this.fenxianghide=function(){$(".ShareFucWrap").hide();}//活动规则事件this.huodongguize=function(){$(".ActivityRuleWrap").delay().fadeIn();}this.huodongClose=function(){$(".ActivityRuleWrap").delay().fadeOut();}//再来一次初始化this.NextNewGame=function(){key=0;index=0;Number=1;AnimateFrame.SlideTo(0);SiteFunc.LoseHide();SiteFunc.Jscshow();SiteFunc.PassBtnShow();SiteFunc.CarPicHide();Score1=0;Score2=0;Score3=0;$(".jsc_PassBtn2").hide();SiteFunc.MidPicClick=false;SiteFunc.SpanHide();//Soc=0;}//失败了重玩this.Replay=function(){var_index=AnimateFrame.CurScenes.ScenesNo;key=0;SiteFunc.LoseHide();SiteFunc.Jscshow();SiteFunc.PassBtnShow();SiteFunc.CarPicHide();$(".jsc_PassBtn2").hide();SiteFunc.MidPicClick=false;SiteFunc.SpanHide();if(_index==2){Score1=0;index=0;}elseif(_index==3){Score2=0;index=1;}elseif(_index==4){Score3=0;index=3}}this.Picpanduan=function(soc){if(soc<50){SiteFunc.GamePic1();}elseif(soc<70){SiteFunc.GamePic2();}elseif(soc<80){SiteFunc.GamePic3();}elseif(soc<90){SiteFunc.GamePic4();}else{SiteFunc.GamePic5();}}this.GamePic1=function(){//小于50if(index==1){$(".Part1CarPic").find("img").attr("src","images/Carround/round1/mountain_50.jpg");}elseif(index==2){$(".Part2CarPic1").find("img").attr("src","images/Carround/round2/highway01_50.jpg");}elseif(index==3){$(".Part2CarPic2").find("img").attr("src","images/Carround/round2/highway02_50.jpg");}elseif(index==4){$(".Part3CarPicPart1").find("img").attr("src","images/Carround/round3/race01_50.jpg");}elseif(index==5){$(".Part3CarPicPart2").find("img").attr("src","images/Carround/round3/race02_50.jpg");}elseif(index==6){$(".Part3CarPicPart3").find("img").attr("src","images/Carround/round3/race03_50.jpg");}}this.GamePic2=function(){//小于70if(index==1){$(".Part1CarPic").find("img").attr("src","images/Carround/round1/mountain_50-70.jpg");}elseif(index==2){$(".Part2CarPic1").find("img").attr("src","images/Carround/round2/highway01_50-70.jpg");}elseif(index==3){$(".Part2CarPic2").find("img").attr("src","images/Carround/round2/highway02_50-70.jpg");}elseif(index==4){$(".Part3CarPicPart1").find("img").attr("src","images/Carround/round3/race01_50-70.jpg");}elseif(index==5){$(".Part3CarPicPart2").find("img").attr("src","images/Carround/round3/race02_50-70.jpg");}elseif(index==6){$(".Part3CarPicPart3").find("img").attr("src","images/Carround/round3/race03_50-70.jpg");}}this.GamePic3=function(){//小于80if(index==1){$(".Part1CarPic").find("img").attr("src","images/Carround/round1/mountain_70-80.jpg");}elseif(index==2){$(".Part2CarPic1").find("img").attr("src","images/Carround/round2/highway01_70-80.jpg");}elseif(index==3){$(".Part2CarPic2").find("img").attr("src","images/Carround/round2/highway02_70-80.jpg");}elseif(index==4){$(".Part3CarPicPart1").find("img").attr("src","images/Carround/round3/race01_70-80.jpg");}elseif(index==5){$(".Part3CarPicPart2").find("img").attr("src","images/Carround/round3/race02_70-80.jpg");}elseif(index==6){$(".Part3CarPicPart3").find("img").attr("src","images/Carround/round3/race03_70-80.jpg");}}this.GamePic4=function(){//小于90if(index==1){$(".Part1CarPic").find("img").attr("src","images/Carround/round1/mountain_80-90.jpg");}elseif(index==2){$(".Part2CarPic1").find("img").attr("src","images/Carround/round2/highway01_80-90.jpg");}elseif(index==3){$(".Part2CarPic2").find("img").attr("src","images/Carround/round2/highway02_80-90.jpg");}elseif(index==4){$(".Part3CarPicPart1").find("img").attr("src","images/Carround/round3/race01_80-90.jpg");}elseif(index==5){$(".Part3CarPicPart2").find("img").attr("src","images/Carround/round3/race02_80-90.jpg");}elseif(index==6){$(".Part3CarPicPart3").find("img").attr("src","images/Carround/round3/race03_80-90.jpg");}}this.GamePic5=function(){//大于90if(index==1){$(".Part1CarPic").find("img").attr("src","images/Carround/round1/mountain_90-100.jpg");}elseif(index==2){$(".Part2CarPic1").find("img").attr("src","images/Carround/round2/highway01_90-100.jpg");}elseif(index==3){$(".Part2CarPic2").find("img").attr("src","images/Carround/round2/highway02_90-100.jpg");}elseif(index==4){$(".Part3CarPicPart1").find("img").attr("src","images/Carround/round3/race01_90-100.jpg");}elseif(index==5){$(".Part3CarPicPart2").find("img").attr("src","images/Carround/round3/race02_90-100.jpg");}elseif(index==6){$(".Part3CarPicPart3").find("img").attr("src","images/Carround/round3/race03_90-100.jpg");}}this.SetShare=function(){SetWechatShare("风驰雷动，千钧待发I追踪声·影，赢BMW虚拟现实展开幕酒会邀请函","风驰雷动，千钧待发I追踪声·影，赢BMW虚拟现实展开幕酒会邀请函","/index.aspx?uid="+UID,"/images/share.jpg");}this.BackPagePicPart=function(){//数字填充varScorelCount=((Score1+Score2+Score3)/3).toFixed(1);$(".jsc_Number").eq(0).attr("src","images/Number/"+ScorelCount[0]+".png");$(".jsc_Number").eq(1).attr("src","images/Number/"+ScorelCount[1]+".png");$(".jsc_Number").eq(2).attr("src","images/Number/"+ScorelCount[3]+".png");}this.ZheZhaoshow=function(){$(".ZheZhao").show();setTimeout(function(){$(".ZheZhao").hide();},1000);}this.huadong=function(){Cmn.Func.TouchSlide(".jsc_huadong",10,function(d){},function(d){if(d=="up"){}elseif(d=="down"){}elseif(d=="left"){$(".page1main").animate({left:"-100%"});$(".page2main").animate({left:"0%"});$(".lunBoDian").find("span").eq(0).removeClass("select");$(".lunBoDian").find("span").eq(1).addClass("select");}else{$(".page1main").animate({left:"0%"});$(".page2main").animate({left:"+100%"});$(".lunBoDian").find("span").eq(0).addClass("select");$(".lunBoDian").find("span").eq(1).removeClass("select");}});}functionSolidLunBo(selectd,left,right){var_self=this;_self.index=0,_legth=$(selectd).length;$(selectd).css("left","100%").show().eq(_self.index).css("left","0%");$(left).on("touchstart",function(){Solid("left",_self.index,(_self.index=++_self.index>=_legth?0:_self.index));});$(right).on("touchstart",function(){Solid("right",_self.index,(_self.index=--_self.index<0?_legth-1:_self.index));});Cmn.Func.TouchSlide(selectd,10,function(){},function(d){if(d=="left"){Solid("left",_self.index,(_self.index=++_self.index>=_legth?0:_self.index));}elseif(d=="right"){Solid("right",_self.index,(_self.index=--_self.index<0?_legth-1:_self.index));}elseif(d=="up"){}else{}});functionSolid(dir,prevIndex,curIndex){if(dir=="left"){$(selectd).eq(prevIndex).delay(15).stop(true,false).animate({left:"-100%"},500);$(selectd).eq(curIndex).css("left","100%").delay(10).stop(true,false).animate({left:"0%"},500)}else{$(selectd).eq(prevIndex).delay(15).stop(true,false).animate({left:"100%"},500);$(selectd).eq(curIndex).css("left","-100%").delay(10).stop(true,false).animate({left:"0%"},500)}}}5，框架代码///<referencepath="../../Cmn.js"/>///<referencepath="../../jquery.js"/>if(!window["Cmn"]){varCmn={};alert("Cmn.js没引入");}if(Cmn.Func.IsMobile()&&!window["Cmn"]["Func"]["TouchSlide"]){varCmn={};alert("CmnFuncExd.js没引入");}Cmn.CmnUIPlugin=(function(){///<summary>相关cmnUI组建</summary>return{ImageCarousel:(function(fillSelector,data,opt){///<summary>图片轮播</summary>///<paramname="fillSelector"type="String">填充的选择器</param>///<paramname="data"type="jsonarray">填充的数据json数组</param>///<paramname="opt"type="json">动画的参数集合</param>//图片轮播var_ImageCarousel=function(fillSelector,data,opt){if(!!data&&data.length>0&&arguments.length>2){//填充数据Cmn.FillData(fillSelector,data,opt);}else{opt=data;}var_self=this;//轮播参数集合_self.defOpt={container:"",//容器选择器selector:fillSelector,delay:0,//延迟时间为0的话取消自动轮播功能单位为毫秒speed:"600",//切换时间easing:"linear",switchModel:"Scroll",//Position切换模式Scroll滚动条模式切换Position定位模式切换switchStyle:"None",//FadeswitchDirection:"horizontal",//vertical切换方向switchNum:"1",//切换数量prev:"",//上一页选择器next:"",//下一页选择器no:"",//编号选择器loop:true,active:"",onSwitch:function(){},//切换之前触发onComplete:function(){}//切换之后触发}//合并参数_self.defOpt=$.extend(_self.defOpt,opt);_self.$carouselContainer=$(fillSelector).parents(_self.defOpt.container);_self.scrollHeight=$(_self.defOpt.container)[0].scrollHeight;_self.scrollWidth=$(_self.defOpt.container)[0].scrollWidth;_self.itemNum=_self.$carouselContainer.find(_self.defOpt.selector).size();_self.pageSize=Math.ceil(_self.itemNum/_self.defOpt.switchNum);var_index=0;var_interval=0;var_isRun=false;var_isHover=false;var_pageSize=_self.pageSize;//初始化this.CurMode=this[_self.defOpt.switchModel]();this.CurMode.Init();//自动选择function_swtichInit(index){_self.defOpt.onSwitch(index);if(!!_self.defOpt.no){$(_self.defOpt.no).removeClass(_self.defOpt.active);$(_self.defOpt.no).eq(index).addClass(_self.defOpt.active);}}//生成序号if(!!_self.defOpt.no){for(var_i=0;_i<_pageSize-1;_i++){var_$clone=$(_self.defOpt.no).eq(_i).clone();if(!!(newNumber($(_self.defOpt.no).eq(0).text())+1)){_$clone.text(newNumber(_$clone.text())+1);}$(_self.defOpt.no).parent().append(_$clone);}}_swtichInit(0);//获取下一页页码function_GetNextIndex(){var_curIndex=_index;_curIndex++;if(_curIndex>_pageSize-1){if(_self.defOpt.loop){_curIndex=0;}else{_curIndex--;}}return_curIndex;}//获取上一页页码function_GetPrevIndex(){var_curIndex=_index;_curIndex--;if(_curIndex<0){if(_self.defOpt.loop){_curIndex=_pageSize-1;}else{_curIndex++;}}return_curIndex;}//下一页var_sildeToNext=function(){var_curIndex=_GetNextIndex();if(_isRun||_index==_curIndex){return;}window.clearTimeout(_interval);_isRun=true;_index=_curIndex;_swtichInit(_curIndex);_self.SildeTo(_curIndex,function(){_AutoPlay();_isRun=false;_self.defOpt.onComplete(_curIndex);},"next");}//上一页var_sildeTo