軟件技術(shù)畢業(yè)設計論文-BWM寶馬微信活動

目錄9205一、開發(fā)背景 447691設計背景 4221292項目意義 4231593作品簡介 490094，開發(fā)環(huán)境 4166585，運行環(huán)境 523536二、軟件詳細設計 5224661，WEB開始界面 5167002，進入游戲界面 6264793，游戲浮層 683544，游戲流程界面 713972三、項目設計 1485271，數(shù)據(jù)庫 14183972，項目結(jié)構(gòu) 166822四、相關(guān)代碼 1679061，接口代碼 19278022，實現(xiàn)接口代碼 19173053，JS運行環(huán)境 21204354，JS相關(guān)內(nèi)容 22170105，框架代碼 32988五、總結(jié)和建議 425692參考文獻 4213298致謝 42一、開發(fā)背景1設計背景寶馬汽車一直是汽車界的名牌產(chǎn)品，隨著微信的日益普及，寶馬決定在微信平臺上發(fā)布宣傳活動的WEB網(wǎng)站。得以更一步擴大寶馬的知名度，讓大眾都了解到寶馬的魅力。2項目意義微信是騰訊集團發(fā)布的大眾交流平臺，擁有極大的玩家基數(shù)，是宣傳和廣告的不二之選，寶馬為了提升新產(chǎn)品的知名度，決定在微信上發(fā)表這個WEB網(wǎng)站，可行性十分之高。微信的玩家十分普及，大到集團老板，小到居家人群，寶馬在中國的定位僅是代步工具，更是身份與富貴的象征，因此寶馬所代表的意義被無限的擴大，是人們追求的名牌。從適應性而言，絕對也是明智之選。3作品簡介1.寶馬汽車展示，2.互動游戲闖關(guān)，3.用戶數(shù)據(jù)上傳.4.抽取幸運用戶發(fā)獎。4，開發(fā)環(huán)境(1)操作系統(tǒng)：Windows7(2)數(shù)據(jù)庫：SQLSERVER(3)開發(fā)工具包：FTP(4)開發(fā)平臺：VSS(5)項目管理工具：VSS5，運行環(huán)境(1)服務器：apache(2)windows7、windowsXP二、軟件詳細設計1，WEB開始界面2，進入游戲界面3，游戲浮層4，游戲流程界面游戲開始頁面321倒計時準備根據(jù)音頻按下快門鍵捕捉汽車圖片根據(jù)按下的時機會有不同的汽車圖片最后算出總分動態(tài)填充的排行榜三、項目設計1，數(shù)據(jù)庫用戶表2，項目結(jié)構(gòu)四、相關(guān)代碼1，接口代碼2，實現(xiàn)接口代碼publicpartialclassajax_ajax:System.Web.UI.Page{privateCmn.JsonItf_Json=newCmn.JsonItf("IsSuccess","ErrMsg");///<summary>///數(shù)據(jù)庫接口///</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,"第一關(guān)完整度不能為空");}if(_gameResult2==""){return_Json.Get(false,"第二關(guān)完整度不能為空");}if(_gameResult3==""){return_Json.Get(false,"第三關(guān)完整度不能為空");}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數(shù)據(jù)庫連入失?。?);}}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,"數(shù)據(jù)庫連入失??！");}}}}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頁面運行環(huán)境<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運行環(huán)境///<referencepath="../Cmn.js"/>///<referencepath="../CmnAjax.js"/>///<referencepath="SiteFunc.js"/>///<referencepath="../../Ajax/Ajax.aspx"/>4，JS相關(guān)內(nèi)容//點擊了捕捉小方框顯示隱藏按鈕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")){//第一關(guān)事件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")){//第二關(guān)事件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")){//第三關(guān)事件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后事件//關(guān)閉圖片以及得分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);}}//點擊進入下一關(guān)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();}//活動規(guī)則事件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("風馳雷動，千鈞待發(fā)I追蹤聲·影，贏BMW虛擬現(xiàn)實展開幕酒會邀請函","風馳雷動，千鈞待發(fā)I追蹤聲·影，贏BMW虛擬現(xiàn)實展開幕酒會邀請函","/index.aspx?uid="+UID,"/images/share.jpg");}this.BackPagePicPart=function(){//數(shù)字填充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>相關(guān)cmnUI組建</summary>return{ImageCarousel:(function(fillSelector,data,opt){///<summary>圖片輪播</summary>///<paramname="fillSelector"type="String">填充的選擇器</param>///<paramname="data"type="jsonarray">填充的數(shù)據(jù)json數(shù)組</param>///<paramname="opt"type="json">動畫的參數(shù)集合</param>//圖片輪播var_ImageCarousel=function(fillSelector,data,opt){if(!!data&&data.length>0&&arguments.length>2){//填充數(shù)據(jù)Cmn.FillData(fillSelector,data,opt);}else{opt=data;}var_self=this;//輪播參數(shù)集合_self.defOpt={container:"",//容器選擇器selector:fillSelector,delay:0,//延遲時間為0的話取消自動輪播功能單位為毫秒speed:"600",//切換時間easing:"linear",switchModel:"Scroll",//Position切換模式Scroll滾動條模式切換Position定位模式切換switchStyle:"None",//FadeswitchDirection:"horizontal",//vertical切換方向switchNum:"1",//切換數(shù)量prev:"",//上一頁選擇器next:"",//下一頁選擇器no:"",//編號選擇器loop:true,active:"",onSwitch:function(){},//切換之前觸發(fā)onComplete:function(){}//切換之后觸發(fā)}//合并參數(shù)_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