PAGE1題目基于移動互聯(lián)網(wǎng)的社區(qū)便利平臺——生活服務系別數(shù)學與信息工程系專業(yè)年級2012級計算機科學與技術(移動互聯(lián)網(wǎng)方向)基于移動互聯(lián)網(wǎng)的社區(qū)便利平臺——生活服務摘要：隨著社會經(jīng)濟的發(fā)展、科學技術的進步，人們溝通、交流的方式呈現(xiàn)越來越方便、多樣化的形勢，從古代的郵包、信件，到近代的電報、固定電話，再到現(xiàn)在的移動電話、電子郵件、QQ、微信、微博等。隨著移動互聯(lián)網(wǎng)時代的到來和溝通的工具改變，人們溝通、交流、工作的方式也正在改變。社區(qū)作為社會的縮影，動互聯(lián)網(wǎng)浪潮的推動下，它也將用全新的姿態(tài)為居民服務，給社區(qū)居民帶來更加便捷智能的生活。關鍵詞：移動互聯(lián)網(wǎng)；社區(qū)平臺；生活服務Abstract：Withthedevelopmentofsocialeconomy,scienceandtechnologyprogress,peopletocommunicateandexchangebecomesmoreandmoreconvenientanddiversifiedsituation,fromancientparcelsandletters,totherecentTelegraphandtelephone,andnowthemobilephone,e-mail,QQ,microchannel,microbloggingandother.WiththeadventoftheeraofmobileInternetandcommunicationtoolstochange,people'swayofcommunication,communication,workisalsochanging.Communityasamicrocosmofsociety,thepromotionofthemobileInternetwave,itwillalsouseanewattitudefortheresidentsofservices,tobringmoreconvenientandintelligentlifeofcommunityresidents.Keywords：MobileInternet；communityfacilities；lifeservices目錄1緒論 31.1開發(fā)背景 31.2開發(fā)的目的與意義 42需求分析 52.1功能分析 52.2可行性分析 53系統(tǒng)設計 53.1系統(tǒng)設計 53.2功能設計 63.3數(shù)據(jù)庫設計 83.3.1邏輯結(jié)構設計 83.3.2表結(jié)構設計 84功能實現(xiàn) 124.1開發(fā)環(huán)境 124.2前臺實現(xiàn) 124.3后臺實現(xiàn) 495結(jié)論 551緒論1.1開發(fā)背景在我國互聯(lián)網(wǎng)的發(fā)展過程中，PC互聯(lián)網(wǎng)已日趨飽和，移動互聯(lián)網(wǎng)卻呈現(xiàn)井噴式發(fā)展。前瞻產(chǎn)業(yè)研究院發(fā)布的《中國移動互聯(lián)網(wǎng)行業(yè)市場前瞻與投資戰(zhàn)略規(guī)劃分析報告前瞻》數(shù)據(jù)顯示，截止2013年底，中國手機網(wǎng)民超過5億，占比達81%。伴隨著移動終端價格的下降及WIFI的廣泛鋪設，移動網(wǎng)民呈現(xiàn)爆發(fā)趨勢。隨著寬帶無線接入技術和移動終端技術的飛速發(fā)展，人們迫切希望能夠隨時隨地乃至在移動過程中都能方便地從互聯(lián)網(wǎng)獲取信息和服務，移動互聯(lián)網(wǎng)應運而生并迅猛發(fā)展。在最近幾年里，人類對移動性和信息的需求急劇上升。越來越多的人希望在移動的過程中高速地接入互聯(lián)網(wǎng)，獲取急需的信息，完成想做的事情。所以，出現(xiàn)的移動與互聯(lián)網(wǎng)相結(jié)合的趨勢是歷史的必然。移動互聯(lián)網(wǎng)正逐漸滲透到人們生活、工作的各個領域，短信、鈴圖下載、移動音樂、手機游戲、視頻應用、手機支付、位置服務等豐富多彩的移動互聯(lián)網(wǎng)應用迅猛發(fā)展，正在深刻改變信息時代的社會生活。隨著移動互聯(lián)網(wǎng)、物聯(lián)網(wǎng)的快速發(fā)展，諸多線上線下的管理與服務方式在潛移默化中提升政府管理服務效能的同時，也改變著人們的生活。2015年，中國最熱詞之一無疑為“互聯(lián)網(wǎng)+”，促進眾多行業(yè)轉(zhuǎn)型升級的互聯(lián)網(wǎng)，如今也開始用于街道社區(qū)的服務管理工作。1.2開發(fā)的目的與意義傳統(tǒng)社區(qū)服務中，社區(qū)工作人員大多被繁雜的事務捆綁了手腳，難以抽出時間走近居民，服務效率不高。隨著中國移動通信用戶不斷大量增加，為了解決這樣的問題，打造一個專屬社區(qū)服務的微信公眾平臺，通過微信的便捷來發(fā)布社區(qū)資訊，快速及時地傳遞便民信息和活動信息，能有效的提升社區(qū)服務效能，通過線上溝通結(jié)合線下互動的方式，社區(qū)與居民會貼得更近。通過社區(qū)微信平臺發(fā)布相關政策，減少居民辦事來回跑，是創(chuàng)新社區(qū)服務管理方面的一項重大舉措。智慧城市建設，其出發(fā)點和落腳點在于為民服務、為企業(yè)服務、建立城市公共服務體系。作為一項龐大而復雜的系統(tǒng)工程，智慧社區(qū)建設是智慧城市建設的一個重要突破口，相比其他手機應用，微信公眾平臺是一個真正基于移動互聯(lián)網(wǎng)的平臺，只需動動手指，社區(qū)居民就能對自己關心的信息了解得清清楚楚。其在為廣大社區(qū)居民帶來現(xiàn)代化信息、生活等方面便利的同時，也可以協(xié)助政府進行高效管理，提升社會運行效率。社區(qū)微信公共平臺對于街道來說，可以減少工作量，對居民來說，節(jié)約時間，減少不必要的奔跑，最重要的是可以及時掌握社區(qū)活動、政策。2需求分析2.1功能分析 社區(qū)工作就是指在黨和政府的領導下，依靠社區(qū)力量，利用社區(qū)資源，強化社區(qū)功能，解決社區(qū)問題，促進社區(qū)政治、經(jīng)濟、文化、環(huán)境協(xié)調(diào)和健康發(fā)展，不斷提高社區(qū)成員的生活水平和生活質(zhì)量的過程，也是建設管理有序、服務完善、環(huán)境優(yōu)美、治安良好、生活便利、人際關系和諧的新型社區(qū)的過程。社區(qū)便利平臺結(jié)合飛速發(fā)展的移動互聯(lián)網(wǎng)實現(xiàn)居民足不出戶，及時掌握社區(qū)提供的各類便民服務，并能及時了解社區(qū)的服務與活動信息是必須實現(xiàn)的功能。因此，社區(qū)微信公共平臺便民服務的功能設計包括居民的水費、電費以及氣費的查詢，通過社區(qū)平臺去找招聘、找工作等，居民對社區(qū)工作的提問解答，以及社區(qū)中的娛樂健身等休閑活動。2.2可行性分析基于移動互聯(lián)網(wǎng)技術的社區(qū)便利平臺是針對社區(qū)居民的移動微信平臺。社區(qū)居民可以借助這個平臺了解社區(qū)活動，工作信息以及疑問解答。成本低，效率高，大大的滿足了居民們的生活需求。3系統(tǒng)設計3.1系統(tǒng)設計社區(qū)便利平臺采用Java作為開發(fā)語言，實現(xiàn)社區(qū)微信公眾號的服務號開發(fā)，系統(tǒng)采用hibernate、Struts2、以及ajax作為主要技術框架，搭配js，jQuery等技術，數(shù)據(jù)庫使用oracle。3.2功能設計根據(jù)系統(tǒng)功能的要求，總體分為前臺頁面和后臺管理。前臺管理包括瀏覽活動信息，查詢水電氣欠費，工作招聘信息瀏覽，社區(qū)問題瀏覽以及新增提問，問題解答的瀏覽新增。后臺管理包括用戶管理，角色管理，權限管理，用戶角色管理，用戶權限管理，小區(qū)管理，樓棟管理，房屋管理，欠費管理，活動管理，社區(qū)工作的提問和解答管理，創(chuàng)新服務管理等模塊。功能模塊見圖3.1。圖2-2功能模塊圖前臺頁面：欠費查詢:通過戶主的姓名、身份證號，實現(xiàn)居民的水費、電費，氣費等欠費情況查詢。創(chuàng)新服務:社區(qū)居民找工作，招聘信息的展示，按小區(qū)查詢的實現(xiàn)。社區(qū)工作:社區(qū)居民對社區(qū)工作提問信息的瀏覽，同時可以根據(jù)自己的情況添加提問，查看問題的回復，對問題添加回復。社區(qū)活動:社區(qū)居民的日常活動的組織，活動信息的展示。后臺頁面：用戶管理:用戶增加、刪除、修改以及詳情；按用戶姓名模糊查詢，顯示符合條件的用戶。角色管理:角色增加、刪除、修改以及詳情；按角色名稱模糊查詢，顯示符合條件的角色。權限管理:權限增加、刪除、修改以及詳情；按權限名稱模糊查詢，父權限查詢，顯示符合條件的權限。角色權限:根據(jù)角色，對對應角色所擁有的權限增加，修改。用戶角色:根據(jù)角色，對對應角色所擁有的用戶增加，修改。小區(qū)管理:小區(qū)增加、刪除、修改以及詳情；按小區(qū)名稱模糊查詢，顯示符合條件的小區(qū)。樓棟管理:樓棟增加、刪除、修改以及詳情；按樓棟號查詢，小區(qū)查詢，顯示符合條件的樓棟。房屋管理:房屋增加、刪除、修改以及詳情；按房號查詢，小區(qū)查詢，顯示符合條件的房屋。欠費管理:欠費增加、刪除、修改以及詳情；按擁有者名字模糊查詢，身份證號查詢，顯示符合條件的權限。創(chuàng)新服務:工作增加、刪除、修改以及詳情；按工作名稱模糊查詢，小區(qū)查詢，顯示符合條件的權限。工作提問:問題增加、刪除、修改以及詳情；按提問問題模糊查詢，顯示符合條件的問題。問題解答:問題解答增加、刪除、修改以及詳情；按回答內(nèi)容模糊查詢，顯示符合條件的解答?；顒庸芾?活動增加、刪除、修改以及詳情；按活動名稱模糊查詢，小區(qū)查詢，顯示符合條件的活動。3.3數(shù)據(jù)庫設計3.3.1邏輯結(jié)構設計用戶表（用戶編號，用戶姓名，用戶密碼，聯(lián)系電話）角色表（角色編號，角色名稱，角色狀態(tài)）用戶角色表（用戶角色表，用戶編號，角色編號）權限表（權限編號，權限名稱，權限標題，權限狀態(tài)，排序，父權限，權限等級）角色權限表（角色權限編號，角色編號，權限編號）小區(qū)表（小區(qū)編號，小區(qū)名稱）樓棟表（樓棟編號，樓號，小區(qū)編號）房屋表（房屋編號，房號，小區(qū)編號，樓棟編號）欠費查詢表（欠費編號，戶主姓名，戶主身份證號，房屋編號，樓棟編號，小區(qū)編號，欠費類型，欠費金額）創(chuàng)新服務表（工作編號，小區(qū)編號，工作類型，工作名稱，工作描述）社區(qū)工作提問表（問題編號，提問標題，提問內(nèi)容）社區(qū)工作回答表（回答編號，問題編號，回答內(nèi)容）社區(qū)活動表（活動編號，小區(qū)編號，活動名稱，活動描述，活動圖片）3.3.2表結(jié)構設計用戶表角色表用戶角色表權限表角色權限表小區(qū)表樓棟表房屋表欠費查詢表活動信息表創(chuàng)新服務表社區(qū)工作-提問表社區(qū)工作-回復表4功能實現(xiàn)4.1開發(fā)環(huán)境開發(fā)環(huán)境：Window7、myEclipse8.6、jdk1.7.0、tomcat、Oracle11g4.2前臺實現(xiàn)由于是基于移動互聯(lián)網(wǎng)微信公眾號的一個開發(fā)，面向的用戶是廣大的微信用戶群體，用戶訪問主要是通過移動智能終端。所以前臺頁面的設計要滿足智能縮放，自動適應屏幕大小。欠費查詢：通過戶主的姓名、身份證號，實現(xiàn)居民的水費、電費，氣費等欠費情況查詢。代碼如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath(); StringbasePath=request.getScheme()+"://" +request.getServerName()+":"+request.getServerPort() +path+"/";%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html> <head> <basehref="<%=basePath%>"> <title>MyJSP'owe.jsp'startingpage</title> <metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> <linkrel="apple-touch-icon"sizes="114x114"href="front/images/apple-touch-icon.png"/> <linkrel="apple-touch-startup-image"href="front/images/apple-touch-startup-image.png"/> <title>欠費查詢</title> <!--MainCSSfile--> <linkrel="stylesheet"type="text/css"media="all"href="front/css/style.css"/> <scripttype='text/javascript'src='front/scripts/jquery.js'></script> <scripttype='text/javascript'src='front/scripts/jquery.flexslider.js'></script> <scriptsrc="front/js/jquery.validate.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.validate.unobtrusive.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.unobtrusive-ajax.min.js"type="text/javascript"></script> <linkrel="stylesheet"type="text/css"href="css/easyui.css"> <linkrel="stylesheet"type="text/css"href="css/icon.css"> <linkrel="stylesheet"type="text/css"href="css/demo.css"> <scripttype="text/javascript"src="js/jquery-1.8.3.js"></script> <scripttype="text/javascript"src="js/jquery.easyui.min.js"></script> <styletype="text/css"> .recentcommentsa{ display:inline!important; padding:0!important; margin:0!important; } </style> <linkrel="stylesheet"href="front/prettyphoto/prettyPhoto.css"type="text/css"media="screen"title="prettyPhotomainstylesheet"charset="{dede:global.cfg_soft_lang/}"/> <scripttype="text/javascript"> var$=jQuery.noConflict(); $(window).load(function(){ $('.icons_nav').flexslider({ animation:"slide", directionNav:true, animationLoop:false, controlNav:false, slideshow:false, animationDuration:300 }); $('.panels_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:false, slideToStart:1, animationDuration:300, slideshow:false }); $('.images_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:true, animationDuration:300, slideshow:false }); }); </script> <!--Maineffectsfiles--> <scripttype="text/javascript"> var$=jQuery.noConflict(); vararray; $(function(){ $(".toggle_container").hide(); $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); returnfalse; }); }); functionchaxun(){ varoname=$("#oname").val(); varidcard=$("#idcard").val(); $.ajax({ url:"oweowefindByPage", type:"post", data:{oname:oname,idcard:idcard}, success:function(data){ //alert(data[0].oweType); varstr=""; str+='<trstyle="margin-bottom:15px;">'+'<th>'+"用戶姓名:"+'</th>'+'<td>'+data[0].ownName+'</td>'+'</tr>'; str+='<trstyle="margin-bottom:15px;">'+'<th>'+"所在小區(qū):"+'</th>'+'<td>'+data[0].plotId.plotName+'</td>'+'</tr>'; str+='<trstyle="margin-bottom:15px;">'+'<th>'+"所在樓棟:"+'</th>'+'<td>'+data[0].ridgesId.ridgesNumber+'</td>'+'</tr>'; str+='<trstyle="margin-bottom:15px;">'+'<th>'+"用戶房屋:"+'</th>'+'<td>'+data[0].houseId.houseNumber+'</td>'+'</tr>'; $.each(data,function(i,item){ vartype=""; if(item.oweType==1) {type="應繳水費:";} elseif(item.oweType==2){type="應繳電費:";} else{type="應繳氣費:"} str+='<trstyle="margin-bottom:15px;">'+'<th>'+type+'</th>'+'<td>'+item.oweMoney+'</td>'+'</tr>';})$(".portfolio-third").html(str);//window.location.href="http://localhost:8080/Community/front/oweshow.jsp";}, error:function(){alert("暫未查詢到相關信息!");} }); } functiongetowe(){ returnarray; } </script> <!--HideMobilesBrowserNavigationBar--> <scripttype="text/javascript"> window.addEventListener("load",function(){ //Setatimeout... setTimeout(function(){ //Hidetheaddressbar! window.scrollTo(0,1); },0); }); </script> <!--Hideoniphonetopbrowserelement|onlyonhome> <scripttype="text/javascript"> if((navigator.userAgent.match(/iPhone/i)) ||(navigator.userAgent.match(/iPod/i))){ $(window).load(function(){ $("body").removeClass("home"); //Checktoseeifthewindowisrunninginappmode. //Ifitisnot,thenitisrunninginfullscreenmode if(("standalone"inwindow.navigator) &&!window.navigator.standalone){ $("body").addClass("homeiphone_app"); }else{ $("body").addClass("homeiphone_full"); }});} </script> <styletype="text/css"> body{background-color:#4A2D70;} #pagecontainer{ background:url(front/images/pages_bg.jpg)no-repeatcentertop;} .content{background-color:#FFFFFF;} body{color:#000000;} span.subtitle_descr{color:#000000;} .triggera{color:#000000;} input.search_input{color:#000000;} input{padding:5px0px5px5px;} textarea{ width:150px; padding:5px0px5px5px;} td{vertical-align:top;} tddiv{height:30px; color:red;} </style> </head> <bodyid="page"> <divid="pagecontainer"> <divclass="content"> <div> <center> <table> <tr> <th>戶主姓名:</th> <td><inputtype="text"id="oname"name="oname"/></td> </tr> <tr> <th>身份證號:</th> <td><inputtype="text"id="idcard"name="idcard"/></td> </tr> <tr> <tdcolspan="2"style="text-align:center;"> <!--<inputtype="submit"value="提交"/>--> <ahref="javascript:chaxun()"style="background-color:#ccc;">搜索</a> </td> </tr> </table><br><br> <tableclass="portfolio-third"> </table> </center> </div> <divclass="clear"></div> </div> </div> </body></html>創(chuàng)新服務：社區(qū)居民找工作，招聘信息的展示，按小區(qū)查詢的實現(xiàn)。具體實現(xiàn)代碼如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=basePath%>"> <metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> <linkrel="apple-touch-icon"sizes="114x114"href="front/images/apple-touch-icon.png"/> <linkrel="apple-touch-startup-image"href="front/images/apple-touch-startup-image.png"/> <title>社區(qū)活動</title> <!--MainCSSfile--> <linkrel="stylesheet"type="text/css"media="all"href="front/css/style.css"/> <scripttype='text/javascript'src='front/scripts/jquery.js'></script> <scripttype='text/javascript'src='front/scripts/jquery.flexslider.js'></script> <scriptsrc="front/js/jquery.validate.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.validate.unobtrusive.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.unobtrusive-ajax.min.js"type="text/javascript"></script> <styletype="text/css">.recentcommentsa{ display:inline!important; padding:0!important; margin:0!important;}</style><linkrel="stylesheet"href="front/prettyphoto/prettyPhoto.css"type="text/css"media="screen"title="prettyPhotomainstylesheet"charset="{dede:global.cfg_soft_lang/}"/><scripttype="text/javascript">var$=jQuery.noConflict();$(window).load(function(){ $('.icons_nav').flexslider({ animation:"slide", directionNav:true, animationLoop:false, controlNav:false, slideshow:false, animationDuration:300 }); $('.panels_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:false, slideToStart:1, animationDuration:300, slideshow:false }); $('.images_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:true, animationDuration:300, slideshow:false }); });</script><!--Maineffectsfiles--><scripttype="text/javascript">var$=jQuery.noConflict();varmaxPage=0;vartypeId=0;varpageNum=1;$(function(){//maxPage=$(".maxPage").val();changePages();getPlot();//$('#tabsmenu').tabify();$(".toggle_container").hide();$(".trigger").click(function(){$(this).toggleClass("active").next().slideToggle("slow");returnfalse;});});functionchangeType(id){typeId=id;pageNum=1;changePages();}functionprev(){if(pageNum<=1){pageNum=1;}else{pageNum--;changePages();}}functionnext(){if(pageNum>=maxPage){pageNum=maxPage;}else{pageNum++;changePages();}}functionchangePages(){$.ajax({url:"jobfindByPage",data:{"page":pageNum,"cjob.plotId.plotId":typeId,"rows":9},dataType:"json",type:"post",async:true,success:function(success){maxPage=parseInt(success.total%9==0?success.total/9:success.total/9+1);varstr="";$.each(success.rows,function(i,item){ vartype=""; if(item.jobType==1) { type="找工作"; } else{type="招聘"}varname=item.jobName.length>5?item.jobName.substring(0,5)+".":item.jobName;str+='<listyle="margin-bottom:15px;"><ahref="jobjobfindById?cjob.jobId='+item.jobId+'">';str+='<br><spanstyle="line-height:8px"><h3>'+name+'</h3></span>'+type+'</a></li>';})$(".portfolio-third").html(str);},error:function(){alert("服務器繁忙!");}});}functiongetPlot(){$.ajax({url:"plotfindAll",data:{},dataType:"json",type:"post",async:true,success:function(success){varstr="";$.each(success,function(i,item){str+='<li><ahref="javascript:changeType('+item.plotId+')">'+item.plotName+'</a></li>';})$("#plot").html(str);},error:function(){alert("服務器繁忙!");}});}</script><!--HideMobilesBrowserNavigationBar--><scripttype="text/javascript"> window.addEventListener("load",function(){ setTimeout(function(){ window.scrollTo(0,1); },0); });</script><!--Hideoniphonetopbrowserelement|onlyonhome><scripttype="text/javascript">if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))){$(window).load(function(){$("body").removeClass("home");if(("standalone"inwindow.navigator)&&!window.navigator.standalone){$("body").addClass("homeiphone_app");}else{$("body").addClass("homeiphone_full");}});}</script><styletype="text/css">body{ background-color:#4A2D70;}#pagecontainer{ background:url(front/images/pages_bg.jpg)no-repeatcentertop;}.content{ background-color:#FFFFFF;}body{ color:#000000;}span.subtitle_descr{color:#000000;}.triggera{color:#000000;}input.search_input{color:#000000;}input{padding:5px0px5px5px;}textarea{width:150px;padding:5px0px5px5px;}td{vertical-align:top;}tddiv{height:30px;color:red;}</style></head><bodyid="page"><divid="pagecontainer"><divclass="content"><divclass="toogle_wrap"><divclass="trigger"><ahref="#">小區(qū)</a></div><divclass="toggle_container"><ulid="plot"class="lists"></ul></div></div><h2>工作信息</h2><divclass="list"><divclass="entry"><ulclass="portfolio-third"> <!--循環(huán)商品--></ul></div></div><divclass="blog_nav"> <divclass='prev'><ahref='javascript:prev()'>上一頁</a></div><divclass='next'><ahref='javascript:next()'>下一頁</a></div> </div><divclass="clear"></div></div></div></body></html>社區(qū)工作：社區(qū)居民對社區(qū)工作提問信息的瀏覽，同時可以根據(jù)自己的情況添加提問，查看問題的回復，對問題添加回復。具體實現(xiàn)代碼如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=basePath%>"><metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> <linkrel="apple-touch-icon"sizes="114x114"href="front/images/apple-touch-icon.png"/> <linkrel="apple-touch-startup-image"href="front/images/apple-touch-startup-image.png"/> <title>問題解答</title> <!--MainCSSfile--> <linkrel="stylesheet"type="text/css"media="all"href="front/css/style.css"/> <scripttype='text/javascript'src='front/scripts/jquery.js'></script> <scripttype='text/javascript'src='front/scripts/jquery.flexslider.js'></script> <scriptsrc="front/js/jquery.validate.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.validate.unobtrusive.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.unobtrusive-ajax.min.js"type="text/javascript"></script> <styletype="text/css"> .recentcommentsa{ display:inline!important; padding:0!important; margin:0!important; } </style> <linkrel="stylesheet"href="front/prettyphoto/prettyPhoto.css"type="text/css"media="screen"title="prettyPhotomainstylesheet"charset="{dede:global.cfg_soft_lang/}"/> <scripttype="text/javascript"> var$=jQuery.noConflict(); $(window).load(function(){ $('.icons_nav').flexslider({ animation:"slide", directionNav:true, animationLoop:false, controlNav:false, slideshow:false, animationDuration:300 }); $('.panels_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:false, slideToStart:1, animationDuration:300, slideshow:false }); $('.images_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:true, animationDuration:300, slideshow:false }); }); </script> <!--Maineffectsfiles--> <scripttype="text/javascript"> var$=jQuery.noConflict(); varmaxPage=0; vartypeId=0; varpageNum=1; $(function(){ //maxPage=$(".maxPage").val(); changePages(); //$('#tabsmenu').tabify(); $(".toggle_container").hide(); $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); returnfalse; }); }); functionprev(){ if(pageNum<=1){ pageNum=1; }else{ pageNum--; changePages(); } } functionnext(){ if(pageNum>=maxPage){ pageNum=maxPage; }else{ pageNum++; changePages(); } } functionchangePages(){ $.ajax({ url:"questionfindByPage", data:{"page":pageNum,"rows":9}, dataType:"json", type:"post", async:true, success:function(success){ maxPage=parseInt(success.total%9==0?success.total/9:success.total/9+1); varstr=""; $.each(success.rows,function(i,item){ str+='<listyle="margin-bottom:15px;"><ahref="questionquestionfindById?cquestion.questionId=' +item.questionId+ '"><h3>'+item.questionTitle+'</h3></a></li>'; }) $(".portfolio-third").html(str); }, error:function(){ alert("服務器繁忙!"); } }); } </script> <!--HideMobilesBrowserNavigationBar--> <scripttype="text/javascript"> window.addEventListener("load",function(){ //Setatimeout... setTimeout(function(){ //Hidetheaddressbar! window.scrollTo(0,1); },0); }); </script> <!--Hideoniphonetopbrowserelement|onlyonhome> <scripttype="text/javascript"> if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))){ $(window).load(function(){ $("body").removeClass("home"); if(("standalone"inwindow.navigator)&&!window.navigator.standalone){ $("body").addClass("homeiphone_app"); }else{ $("body").addClass("homeiphone_full"); } }); } </script> <styletype="text/css"> body{ background-color:#4A2D70; } #pagecontainer{ background:url(front/images/pages_bg.jpg)no-repeatcentertop; } .content{ background-color:#FFFFFF; } body{ color:#000000; } span.subtitle_descr{ color:#000000; } input.search_input{ color:#000000; } input{ padding:5px0px5px5px; } textarea{ width:150px; padding:5px0px5px5px; } td{ vertical-align:top; } tddiv{ height:30px; color:red; } </style> </head> <bodyid="page"> <divid="pagecontainer"> <divclass="content"> <center><ahref="front/questionadd.jsp"><h3>我要提問</h3></a></center> <h2>問題</h2> <divclass="list"> <divclass="entry"> <ul> <liclass="portfolio-third"></li> <!--循環(huán)--></ul> </div> </div> <divclass="blog_nav"> <divclass='prev'><ahref='javascript:prev()'>上一頁</a></div><divclass='next'><ahref='javascript:next()'>下一頁</a></div> </div> <divclass="clear"></div> </div> </div> </body> </html>社區(qū)活動：社區(qū)居民的日?；顒拥慕M織，活動信息的展示。具體實現(xiàn)代碼如下：<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><basehref="<%=basePath%>"><title>MyJSP'index.jsp'startingpage</title> <metahttp-equiv="pragma"content="no-cache"> <metahttp-equiv="cache-control"content="no-cache"> <metahttp-equiv="expires"content="0"> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="Thisismypage"> <linkrel="apple-touch-icon"sizes="114x114"href="front/images/apple-touch-icon.png"/> <linkrel="apple-touch-startup-image"href="front/images/apple-touch-startup-image.png"/> <title>社區(qū)活動</title> <!--MainCSSfile--> <linkrel="stylesheet"type="text/css"media="all"href="front/css/style.css"/> <scripttype='text/javascript'src='front/scripts/jquery.js'></script> <scripttype='text/javascript'src='front/scripts/jquery.flexslider.js'></script> <scriptsrc="front/js/jquery.validate.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.validate.unobtrusive.min.js"type="text/javascript"></script> <scriptsrc="front/js/jquery.unobtrusive-ajax.min.js"type="text/javascript"></script> <styletype="text/css">.recentcommentsa{ display:inline!important; padding:0!important; margin:0!important;}</style><linkrel="stylesheet"href="front/prettyphoto/prettyPhoto.css"type="text/css"media="screen"title="prettyPhotomainstylesheet"charset="{dede:global.cfg_soft_lang/}"/><scripttype="text/javascript">var$=jQuery.noConflict();$(window).load(function(){ $('.icons_nav').flexslider({ animation:"slide", directionNav:true, animationLoop:false, controlNav:false, slideshow:false, animationDuration:300 }); $('.panels_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:false, slideToStart:1, animationDuration:300, slideshow:false }); $('.images_slider').flexslider({ animation:"slide", directionNav:false, controlNav:true, animationLoop:true, animationDuration:300, slideshow:false }); });</script><!--Maineffectsfiles--><scripttype="text/javascript">var$=jQuery.noConflict();varmaxPage=0;vartypeId=0;varpageNum=1;$(function(){//maxPage=$(".maxPage").val();changePages();getPlot();//$('#tabsmenu').tabify();$(".toggle_container").hide();$(".trigger").click(function(){$(this).toggleClass("active").next().slideToggle("slow");returnfalse;});});functionchangeType(id){typeId=id;pageNum=1;changePages();}functionprev(){if(pageNum<=1){pageNum=1;}else{pageNum--;changePages();}}functionnext(){if(pageNum>=maxPage){pageNum=maxPage;}else{pageNum++;changePages();}}functionchangePages(){$.ajax({url:"activityfindByPage",data:{"page":pageNum,"cactivity.plotId.plotId":typeId,"rows":9},dataType:"json",type:"post",async:true,success:function(success){maxPage=parseInt(success.total%9==0?success.total/9:success.total/9+1);varstr="";$.each(success.rows,function(i,item){varname=item.activityName.length>5?item.activ