基于移動(dòng)互聯(lián)網(wǎng)的社區(qū)便利平臺(tái)-生活服務(wù)

PAGE1題目基于移動(dòng)互聯(lián)網(wǎng)的社區(qū)便利平臺(tái)——生活服務(wù)系別數(shù)學(xué)與信息工程系專業(yè)年級(jí)2012級(jí)計(jì)算機(jī)科學(xué)與技術(shù)(移動(dòng)互聯(lián)網(wǎng)方向)基于移動(dòng)互聯(lián)網(wǎng)的社區(qū)便利平臺(tái)——生活服務(wù)摘要：隨著社會(huì)經(jīng)濟(jì)的發(fā)展、科學(xué)技術(shù)的進(jìn)步，人們溝通、交流的方式呈現(xiàn)越來(lái)越方便、多樣化的形勢(shì)，從古代的郵包、信件，到近代的電報(bào)、固定電話，再到現(xiàn)在的移動(dòng)電話、電子郵件、QQ、微信、微博等。隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)和溝通的工具改變，人們溝通、交流、工作的方式也正在改變。社區(qū)作為社會(huì)的縮影，動(dòng)互聯(lián)網(wǎng)浪潮的推動(dòng)下，它也將用全新的姿態(tài)為居民服務(wù)，給社區(qū)居民帶來(lái)更加便捷智能的生活。關(guān)鍵詞：移動(dòng)互聯(lián)網(wǎng)；社區(qū)平臺(tái)；生活服務(wù)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)設(shè)計(jì) 53.1系統(tǒng)設(shè)計(jì) 53.2功能設(shè)計(jì) 63.3數(shù)據(jù)庫(kù)設(shè)計(jì) 83.3.1邏輯結(jié)構(gòu)設(shè)計(jì) 83.3.2表結(jié)構(gòu)設(shè)計(jì) 84功能實(shí)現(xiàn) 124.1開發(fā)環(huán)境 124.2前臺(tái)實(shí)現(xiàn) 124.3后臺(tái)實(shí)現(xiàn) 495結(jié)論 551緒論1.1開發(fā)背景在我國(guó)互聯(lián)網(wǎng)的發(fā)展過(guò)程中，PC互聯(lián)網(wǎng)已日趨飽和，移動(dòng)互聯(lián)網(wǎng)卻呈現(xiàn)井噴式發(fā)展。前瞻產(chǎn)業(yè)研究院發(fā)布的《中國(guó)移動(dòng)互聯(lián)網(wǎng)行業(yè)市場(chǎng)前瞻與投資戰(zhàn)略規(guī)劃分析報(bào)告前瞻》數(shù)據(jù)顯示，截止2013年底，中國(guó)手機(jī)網(wǎng)民超過(guò)5億，占比達(dá)81%。伴隨著移動(dòng)終端價(jià)格的下降及WIFI的廣泛鋪設(shè)，移動(dòng)網(wǎng)民呈現(xiàn)爆發(fā)趨勢(shì)。隨著寬帶無(wú)線接入技術(shù)和移動(dòng)終端技術(shù)的飛速發(fā)展，人們迫切希望能夠隨時(shí)隨地乃至在移動(dòng)過(guò)程中都能方便地從互聯(lián)網(wǎng)獲取信息和服務(wù)，移動(dòng)互聯(lián)網(wǎng)應(yīng)運(yùn)而生并迅猛發(fā)展。在最近幾年里，人類對(duì)移動(dòng)性和信息的需求急劇上升。越來(lái)越多的人希望在移動(dòng)的過(guò)程中高速地接入互聯(lián)網(wǎng)，獲取急需的信息，完成想做的事情。所以，出現(xiàn)的移動(dòng)與互聯(lián)網(wǎng)相結(jié)合的趨勢(shì)是歷史的必然。移動(dòng)互聯(lián)網(wǎng)正逐漸滲透到人們生活、工作的各個(gè)領(lǐng)域，短信、鈴圖下載、移動(dòng)音樂(lè)、手機(jī)游戲、視頻應(yīng)用、手機(jī)支付、位置服務(wù)等豐富多彩的移動(dòng)互聯(lián)網(wǎng)應(yīng)用迅猛發(fā)展，正在深刻改變信息時(shí)代的社會(huì)生活。隨著移動(dòng)互聯(lián)網(wǎng)、物聯(lián)網(wǎng)的快速發(fā)展，諸多線上線下的管理與服務(wù)方式在潛移默化中提升政府管理服務(wù)效能的同時(shí)，也改變著人們的生活。2015年，中國(guó)最熱詞之一無(wú)疑為“互聯(lián)網(wǎng)+”，促進(jìn)眾多行業(yè)轉(zhuǎn)型升級(jí)的互聯(lián)網(wǎng)，如今也開始用于街道社區(qū)的服務(wù)管理工作。1.2開發(fā)的目的與意義傳統(tǒng)社區(qū)服務(wù)中，社區(qū)工作人員大多被繁雜的事務(wù)捆綁了手腳，難以抽出時(shí)間走近居民，服務(wù)效率不高。隨著中國(guó)移動(dòng)通信用戶不斷大量增加，為了解決這樣的問(wèn)題，打造一個(gè)專屬社區(qū)服務(wù)的微信公眾平臺(tái)，通過(guò)微信的便捷來(lái)發(fā)布社區(qū)資訊，快速及時(shí)地傳遞便民信息和活動(dòng)信息，能有效的提升社區(qū)服務(wù)效能，通過(guò)線上溝通結(jié)合線下互動(dòng)的方式，社區(qū)與居民會(huì)貼得更近。通過(guò)社區(qū)微信平臺(tái)發(fā)布相關(guān)政策，減少居民辦事來(lái)回跑，是創(chuàng)新社區(qū)服務(wù)管理方面的一項(xiàng)重大舉措。智慧城市建設(shè)，其出發(fā)點(diǎn)和落腳點(diǎn)在于為民服務(wù)、為企業(yè)服務(wù)、建立城市公共服務(wù)體系。作為一項(xiàng)龐大而復(fù)雜的系統(tǒng)工程，智慧社區(qū)建設(shè)是智慧城市建設(shè)的一個(gè)重要突破口，相比其他手機(jī)應(yīng)用，微信公眾平臺(tái)是一個(gè)真正基于移動(dòng)互聯(lián)網(wǎng)的平臺(tái)，只需動(dòng)動(dòng)手指，社區(qū)居民就能對(duì)自己關(guān)心的信息了解得清清楚楚。其在為廣大社區(qū)居民帶來(lái)現(xiàn)代化信息、生活等方面便利的同時(shí)，也可以協(xié)助政府進(jìn)行高效管理，提升社會(huì)運(yùn)行效率。社區(qū)微信公共平臺(tái)對(duì)于街道來(lái)說(shuō)，可以減少工作量，對(duì)居民來(lái)說(shuō)，節(jié)約時(shí)間，減少不必要的奔跑，最重要的是可以及時(shí)掌握社區(qū)活動(dòng)、政策。2需求分析2.1功能分析 社區(qū)工作就是指在黨和政府的領(lǐng)導(dǎo)下，依靠社區(qū)力量，利用社區(qū)資源，強(qiáng)化社區(qū)功能，解決社區(qū)問(wèn)題，促進(jìn)社區(qū)政治、經(jīng)濟(jì)、文化、環(huán)境協(xié)調(diào)和健康發(fā)展，不斷提高社區(qū)成員的生活水平和生活質(zhì)量的過(guò)程，也是建設(shè)管理有序、服務(wù)完善、環(huán)境優(yōu)美、治安良好、生活便利、人際關(guān)系和諧的新型社區(qū)的過(guò)程。社區(qū)便利平臺(tái)結(jié)合飛速發(fā)展的移動(dòng)互聯(lián)網(wǎng)實(shí)現(xiàn)居民足不出戶，及時(shí)掌握社區(qū)提供的各類便民服務(wù)，并能及時(shí)了解社區(qū)的服務(wù)與活動(dòng)信息是必須實(shí)現(xiàn)的功能。因此，社區(qū)微信公共平臺(tái)便民服務(wù)的功能設(shè)計(jì)包括居民的水費(fèi)、電費(fèi)以及氣費(fèi)的查詢，通過(guò)社區(qū)平臺(tái)去找招聘、找工作等，居民對(duì)社區(qū)工作的提問(wèn)解答，以及社區(qū)中的娛樂(lè)健身等休閑活動(dòng)。2.2可行性分析基于移動(dòng)互聯(lián)網(wǎng)技術(shù)的社區(qū)便利平臺(tái)是針對(duì)社區(qū)居民的移動(dòng)微信平臺(tái)。社區(qū)居民可以借助這個(gè)平臺(tái)了解社區(qū)活動(dòng)，工作信息以及疑問(wèn)解答。成本低，效率高，大大的滿足了居民們的生活需求。3系統(tǒng)設(shè)計(jì)3.1系統(tǒng)設(shè)計(jì)社區(qū)便利平臺(tái)采用Java作為開發(fā)語(yǔ)言，實(shí)現(xiàn)社區(qū)微信公眾號(hào)的服務(wù)號(hào)開發(fā)，系統(tǒng)采用hibernate、Struts2、以及ajax作為主要技術(shù)框架，搭配js，jQuery等技術(shù)，數(shù)據(jù)庫(kù)使用oracle。3.2功能設(shè)計(jì)根據(jù)系統(tǒng)功能的要求，總體分為前臺(tái)頁(yè)面和后臺(tái)管理。前臺(tái)管理包括瀏覽活動(dòng)信息，查詢水電氣欠費(fèi)，工作招聘信息瀏覽，社區(qū)問(wèn)題瀏覽以及新增提問(wèn)，問(wèn)題解答的瀏覽新增。后臺(tái)管理包括用戶管理，角色管理，權(quán)限管理，用戶角色管理，用戶權(quán)限管理，小區(qū)管理，樓棟管理，房屋管理，欠費(fèi)管理，活動(dòng)管理，社區(qū)工作的提問(wèn)和解答管理，創(chuàng)新服務(wù)管理等模塊。功能模塊見圖3.1。圖2-2功能模塊圖前臺(tái)頁(yè)面：欠費(fèi)查詢:通過(guò)戶主的姓名、身份證號(hào)，實(shí)現(xiàn)居民的水費(fèi)、電費(fèi)，氣費(fèi)等欠費(fèi)情況查詢。創(chuàng)新服務(wù):社區(qū)居民找工作，招聘信息的展示，按小區(qū)查詢的實(shí)現(xiàn)。社區(qū)工作:社區(qū)居民對(duì)社區(qū)工作提問(wèn)信息的瀏覽，同時(shí)可以根據(jù)自己的情況添加提問(wèn)，查看問(wèn)題的回復(fù)，對(duì)問(wèn)題添加回復(fù)。社區(qū)活動(dòng):社區(qū)居民的日常活動(dòng)的組織，活動(dòng)信息的展示。后臺(tái)頁(yè)面：用戶管理:用戶增加、刪除、修改以及詳情；按用戶姓名模糊查詢，顯示符合條件的用戶。角色管理:角色增加、刪除、修改以及詳情；按角色名稱模糊查詢，顯示符合條件的角色。權(quán)限管理:權(quán)限增加、刪除、修改以及詳情；按權(quán)限名稱模糊查詢，父權(quán)限查詢，顯示符合條件的權(quán)限。角色權(quán)限:根據(jù)角色，對(duì)對(duì)應(yīng)角色所擁有的權(quán)限增加，修改。用戶角色:根據(jù)角色，對(duì)對(duì)應(yīng)角色所擁有的用戶增加，修改。小區(qū)管理:小區(qū)增加、刪除、修改以及詳情；按小區(qū)名稱模糊查詢，顯示符合條件的小區(qū)。樓棟管理:樓棟增加、刪除、修改以及詳情；按樓棟號(hào)查詢，小區(qū)查詢，顯示符合條件的樓棟。房屋管理:房屋增加、刪除、修改以及詳情；按房號(hào)查詢，小區(qū)查詢，顯示符合條件的房屋。欠費(fèi)管理:欠費(fèi)增加、刪除、修改以及詳情；按擁有者名字模糊查詢，身份證號(hào)查詢，顯示符合條件的權(quán)限。創(chuàng)新服務(wù):工作增加、刪除、修改以及詳情；按工作名稱模糊查詢，小區(qū)查詢，顯示符合條件的權(quán)限。工作提問(wèn):問(wèn)題增加、刪除、修改以及詳情；按提問(wèn)問(wèn)題模糊查詢，顯示符合條件的問(wèn)題。問(wèn)題解答:問(wèn)題解答增加、刪除、修改以及詳情；按回答內(nèi)容模糊查詢，顯示符合條件的解答?；顒?dòng)管理:活動(dòng)增加、刪除、修改以及詳情；按活動(dòng)名稱模糊查詢，小區(qū)查詢，顯示符合條件的活動(dòng)。3.3數(shù)據(jù)庫(kù)設(shè)計(jì)3.3.1邏輯結(jié)構(gòu)設(shè)計(jì)用戶表（用戶編號(hào)，用戶姓名，用戶密碼，聯(lián)系電話）角色表（角色編號(hào)，角色名稱，角色狀態(tài)）用戶角色表（用戶角色表，用戶編號(hào)，角色編號(hào)）權(quán)限表（權(quán)限編號(hào)，權(quán)限名稱，權(quán)限標(biāo)題，權(quán)限狀態(tài)，排序，父權(quán)限，權(quán)限等級(jí)）角色權(quán)限表（角色權(quán)限編號(hào)，角色編號(hào)，權(quán)限編號(hào)）小區(qū)表（小區(qū)編號(hào)，小區(qū)名稱）樓棟表（樓棟編號(hào)，樓號(hào)，小區(qū)編號(hào)）房屋表（房屋編號(hào)，房號(hào)，小區(qū)編號(hào)，樓棟編號(hào)）欠費(fèi)查詢表（欠費(fèi)編號(hào)，戶主姓名，戶主身份證號(hào)，房屋編號(hào)，樓棟編號(hào)，小區(qū)編號(hào)，欠費(fèi)類型，欠費(fèi)金額）創(chuàng)新服務(wù)表（工作編號(hào)，小區(qū)編號(hào)，工作類型，工作名稱，工作描述）社區(qū)工作提問(wèn)表（問(wèn)題編號(hào)，提問(wèn)標(biāo)題，提問(wèn)內(nèi)容）社區(qū)工作回答表（回答編號(hào)，問(wèn)題編號(hào)，回答內(nèi)容）社區(qū)活動(dòng)表（活動(dòng)編號(hào)，小區(qū)編號(hào)，活動(dòng)名稱，活動(dòng)描述，活動(dòng)圖片）3.3.2表結(jié)構(gòu)設(shè)計(jì)用戶表角色表用戶角色表權(quán)限表角色權(quán)限表小區(qū)表樓棟表房屋表欠費(fèi)查詢表活動(dòng)信息表創(chuàng)新服務(wù)表社區(qū)工作-提問(wèn)表社區(qū)工作-回復(fù)表4功能實(shí)現(xiàn)4.1開發(fā)環(huán)境開發(fā)環(huán)境：Window7、myEclipse8.6、jdk1.7.0、tomcat、Oracle11g4.2前臺(tái)實(shí)現(xiàn)由于是基于移動(dòng)互聯(lián)網(wǎng)微信公眾號(hào)的一個(gè)開發(fā)，面向的用戶是廣大的微信用戶群體，用戶訪問(wèn)主要是通過(guò)移動(dòng)智能終端。所以前臺(tái)頁(yè)面的設(shè)計(jì)要滿足智能縮放，自動(dòng)適應(yīng)屏幕大小。欠費(fèi)查詢：通過(guò)戶主的姓名、身份證號(hào)，實(shí)現(xiàn)居民的水費(fèi)、電費(fèi)，氣費(fèi)等欠費(fèi)情況查詢。代碼如下：<%@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>欠費(fèi)查詢</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="應(yīng)繳水費(fèi):";} elseif(item.oweType==2){type="應(yīng)繳電費(fèi):";} else{type="應(yīng)繳氣費(fèi):"} 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("暫未查詢到相關(guān)信息!");} }); } 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>身份證號(hào):</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)新服務(wù)：社區(qū)居民找工作，招聘信息的展示，按小區(qū)查詢的實(shí)現(xiàn)。具體實(shí)現(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ū)活動(dòng)</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("服務(wù)器繁忙!");}});}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("服務(wù)器繁忙!");}});}</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()'>上一頁(yè)</a></div><divclass='next'><ahref='javascript:next()'>下一頁(yè)</a></div> </div><divclass="clear"></div></div></div></body></html>社區(qū)工作：社區(qū)居民對(duì)社區(qū)工作提問(wèn)信息的瀏覽，同時(shí)可以根據(jù)自己的情況添加提問(wèn)，查看問(wèn)題的回復(fù)，對(duì)問(wèn)題添加回復(fù)。具體實(shí)現(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>問(wèn)題解答</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("服務(wù)器繁忙!"); } }); } </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>我要提問(wèn)</h3></a></center> <h2>問(wèn)題</h2> <divclass="list"> <divclass="entry"> <ul> <liclass="portfolio-third"></li> <!--循環(huán)--></ul> </div> </div> <divclass="blog_nav"> <divclass='prev'><ahref='javascript:prev()'>上一頁(yè)</a></div><divclass='next'><ahref='javascript:next()'>下一頁(yè)</a></div> </div> <divclass="clear"></div> </div> </div> </body> </html>社區(qū)活動(dòng)：社區(qū)居民的日常活動(dòng)的組織，活動(dòng)信息的展示。具體實(shí)現(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ū)活動(dòng)</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