基于移动互联网的社区便利平台-生活服务

PAGE1题目基于移动互联网的社区便利平台——生活服务系别数学与信息工程系专业年级2012级计算机科学与技术(移动互联网方向)基于移动互联网的社区便利平台——生活服务摘要：随着社会经济的发展、科学技术的进步，人们沟通、交流的方式呈现越来越方便、多样化的形势，从古代的邮包、信件，到近代的电报、固定电话，再到现在的移动电话、电子邮件、QQ、微信、微博等。随着移动互联网时代的到来和沟通的工具改变，人们沟通、交流、工作的方式也正在改变。社区作为社会的缩影，动互联网浪潮的推动下，它也将用全新的姿态为居民服务，给社区居民带来更加便捷智能的生活。关键词：移动互联网；社区平台；生活服务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开发背景 31.2开发的目的与意义 42需求分析 52.1功能分析 52.2可行性分析 53系统设计 53.1系统设计 53.2功能设计 63.3数据库设计 83.3.1逻辑结构设计 83.3.2表结构设计 84功能实现 124.1开发环境 124.2前台实现 124.3后台实现 495结论 551绪论1.1开发背景在我国互联网的发展过程中，PC互联网已日趋饱和，移动互联网却呈现井喷式发展。前瞻产业研究院发布的《中国移动互联网行业市场前瞻与投资战略规划分析报告前瞻》数据显示，截止2013年底，中国手机网民超过5亿，占比达81%。伴随着移动终端价格的下降及WIFI的广泛铺设，移动网民呈现爆发趋势。随着宽带无线接入技术和移动终端技术的飞速发展，人们迫切希望能够随时随地乃至在移动过程中都能方便地从互联网获取信息和服务，移动互联网应运而生并迅猛发展。在最近几年里，人类对移动性和信息的需求急剧上升。越来越多的人希望在移动的过程中高速地接入互联网，获取急需的信息，完成想做的事情。所以，出现的移动与互联网相结合的趋势是历史的必然。移动互联网正逐渐渗透到人们生活、工作的各个领域，短信、铃图下载、移动音乐、手机游戏、视频应用、手机支付、位置服务等丰富多彩的移动互联网应用迅猛发展，正在深刻改变信息时代的社会生活。随着移动互联网、物联网的快速发展，诸多线上线下的管理与服务方式在潜移默化中提升政府管理服务效能的同时，也改变着人们的生活。2015年，中国最热词之一无疑为“互联网+”，促进众多行业转型升级的互联网，如今也开始用于街道社区的服务管理工作。1.2开发的目的与意义传统社区服务中，社区工作人员大多被繁杂的事务捆绑了手脚，难以抽出时间走近居民，服务效率不高。随着中国移动通信用户不断大量增加，为了解决这样的问题，打造一个专属社区服务的微信公众平台，通过微信的便捷来发布社区资讯，快速及时地传递便民信息和活动信息，能有效的提升社区服务效能，通过线上沟通结合线下互动的方式，社区与居民会贴得更近。通过社区微信平台发布相关政策，减少居民办事来回跑，是创新社区服务管理方面的一项重大举措。智慧城市建设，其出发点和落脚点在于为民服务、为企业服务、建立城市公共服务体系。作为一项庞大而复杂的系统工程，智慧社区建设是智慧城市建设的一个重要突破口，相比其他手机应用，微信公众平台是一个真正基于移动互联网的平台，只需动动手指，社区居民就能对自己关心的信息了解得清清楚楚。其在为广大社区居民带来现代化信息、生活等方面便利的同时，也可以协助政府进行高效管理，提升社会运行效率。社区微信公共平台对于街道来说，可以减少工作量，对居民来说，节约时间，减少不必要的奔跑，最重要的是可以及时掌握社区活动、政策。2需求分析2.1功能分析 社区工作就是指在党和政府的领导下，依靠社区力量，利用社区资源，强化社区功能，解决社区问题，促进社区政治、经济、文化、环境协调和健康发展，不断提高社区成员的生活水平和生活质量的过程，也是建设管理有序、服务完善、环境优美、治安良好、生活便利、人际关系和谐的新型社区的过程。社区便利平台结合飞速发展的移动互联网实现居民足不出户，及时掌握社区提供的各类便民服务，并能及时了解社区的服务与活动信息是必须实现的功能。因此，社区微信公共平台便民服务的功能设计包括居民的水费、电费以及气费的查询，通过社区平台去找招聘、找工作等，居民对社区工作的提问解答，以及社区中的娱乐健身等休闲活动。2.2可行性分析基于移动互联网技术的社区便利平台是针对社区居民的移动微信平台。社区居民可以借助这个平台了解社区活动，工作信息以及疑问解答。成本低，效率高，大大的满足了居民们的生活需求。3系统设计3.1系统设计社区便利平台采用Java作为开发语言，实现社区微信公众号的服务号开发，系统采用hibernate、Struts2、以及ajax作为主要技术框架，搭配js，jQuery等技术，数据库使用oracle。3.2功能设计根据系统功能的要求，总体分为前台页面和后台管理。前台管理包括浏览活动信息，查询水电气欠费，工作招聘信息浏览，社区问题浏览以及新增提问，问题解答的浏览新增。后台管理包括用户管理，角色管理，权限管理，用户角色管理，用户权限管理，小区管理，楼栋管理，房屋管理，欠费管理，活动管理，社区工作的提问和解答管理，创新服务管理等模块。功能模块见图3.1。图2-2功能模块图前台页面：欠费查询:通过户主的姓名、身份证号，实现居民的水费、电费，气费等欠费情况查询。创新服务:社区居民找工作，招聘信息的展示，按小区查询的实现。社区工作:社区居民对社区工作提问信息的浏览，同时可以根据自己的情况添加提问，查看问题的回复，对问题添加回复。社区活动:社区居民的日常活动的组织，活动信息的展示。后台页面：用户管理:用户增加、删除、修改以及详情；按用户姓名模糊查询，显示符合条件的用户。角色管理:角色增加、删除、修改以及详情；按角色名称模糊查询，显示符合条件的角色。权限管理:权限增加、删除、修改以及详情；按权限名称模糊查询，父权限查询，显示符合条件的权限。角色权限:根据角色，对对应角色所拥有的权限增加，修改。用户角色:根据角色，对对应角色所拥有的用户增加，修改。小区管理:小区增加、删除、修改以及详情；按小区名称模糊查询，显示符合条件的小区。楼栋管理:楼栋增加、删除、修改以及详情；按楼栋号查询，小区查询，显示符合条件的楼栋。房屋管理:房屋增加、删除、修改以及详情；按房号查询，小区查询，显示符合条件的房屋。欠费管理:欠费增加、删除、修改以及详情；按拥有者名字模糊查询，身份证号查询，显示符合条件的权限。创新服务:工作增加、删除、修改以及详情；按工作名称模糊查询，小区查询，显示符合条件的权限。工作提问:问题增加、删除、修改以及详情；按提问问题模糊查询，显示符合条件的问题。问题解答:问题解答增加、删除、修改以及详情；按回答内容模糊查询，显示符合条件的解答。活动管理:活动增加、删除、修改以及详情；按活动名称模糊查询，小区查询，显示符合条件的活动。3.3数据库设计3.3.1逻辑结构设计用户表（用户编号，用户姓名，用户密码，联系电话）角色表（角色编号，角色名称，角色状态）用户角色表（用户角色表，用户编号，角色编号）权限表（权限编号，权限名称，权限标题，权限状态，排序，父权限，权限等级）角色权限表（角色权限编号，角色编号，权限编号）小区表（小区编号，小区名称）楼栋表（楼栋编号，楼号，小区编号）房屋表（房屋编号，房号，小区编号，楼栋编号）欠费查询表（欠费编号，户主姓名，户主身份证号，房屋编号，楼栋编号，小区编号，欠费类型，欠费金额）创新服务表（工作编号，小区编号，工作类型，工作名称，工作描述）社区工作提问表（问题编号，提问标题，提问内容）社区工作回答表（回答编号，问题编号，回答内容）社区活动表（活动编号，小区编号，活动名称，活动描述，活动图片）3.3.2表结构设计用户表角色表用户角色表权限表角色权限表小区表楼栋表房屋表欠费查询表活动信息表创新服务表社区工作-提问表社区工作-回复表4功能实现4.1开发环境开发环境：Window7、myEclipse8.6、jdk1.7.0、tomcat、Oracle11g4.2前台实现由于是基于移动互联网微信公众号的一个开发，面向的用户是广大的微信用户群体，用户访问主要是通过移动智能终端。所以前台页面的设计要满足智能缩放，自动适应屏幕大小。欠费查询：通过户主的姓名、身份证号，实现居民的水费、电费，气费等欠费情况查询。代码如下：<%@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>'+"所在小区:"+'</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>创新服务：社区居民找工作，招聘信息的展示，按小区查询的实现。具体实现代码如下：<%@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();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="#">小区</a></div><divclass="toggle_container"><ulid="plot"class="lists"></ul></div></div><h2>工作信息</h2><divclass="list"><divclass="entry"><ulclass="portfolio-third"> <!--循环商品--></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>社区工作：社区居民对社区工作提问信息的浏览，同时可以根据自己的情况添加提问，查看问题的回复，对问题添加回复。具体实现代码如下：<%@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> <!--循环--></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>社区活动：社区居民的日常活动的组织，活动信息的展示。具体实现代码如下：<%@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>社区活动</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