修复登录页问题，添加论坛表情

2017-11-30 17:24:00 +08:00
parent 5e87ddf1ba
commit 40483bae6a
22 changed files with 788 additions and 198 deletions
--- a/WebRoot/css/animate.css
+++ b/WebRoot/css/animate.css
@@ -1,3 +1,4 @@
+
@charset "UTF-8";

 /*!
--- a/WebRoot/css/docs.min.css
+++ b/WebRoot/css/docs.min.css
--- a/WebRoot/css/jumbotron-narrow.css
+++ b/WebRoot/css/jumbotron-narrow.css
@@ -0,0 +1,79 @@
+/* Space out content a bit */
+body {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+/* Everything but the jumbotron gets side spacing for mobile first views */
+.header,
+.marketing,
+.footer {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+/* Custom page header */
+.header {
+  padding-bottom: 20px;
+  border-bottom: 1px solid #e5e5e5;
+}
+/* Make the masthead heading the same height as the navigation */
+.header h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+  line-height: 40px;
+}
+
+/* Custom page footer */
+.footer {
+  padding-top: 19px;
+  color: #777;
+  border-top: 1px solid #e5e5e5;
+}
+
+/* Customize container */
+@media (min-width: 768px) {
+  .container {
+    max-width: 730px;
+  }
+}
+.container-narrow > hr {
+  margin: 30px 0;
+}
+
+/* Main marketing message and sign up button */
+.jumbotron {
+  text-align: center;
+  border-bottom: 1px solid #e5e5e5;
+}
+.jumbotron .btn {
+  padding: 14px 24px;
+  font-size: 21px;
+}
+
+/* Supporting marketing content */
+.marketing {
+  margin: 40px 0;
+}
+.marketing p + h4 {
+  margin-top: 28px;
+}
+
+/* Responsive: Portrait tablets and up */
+@media screen and (min-width: 768px) {
+  /* Remove the padding we set earlier */
+  .header,
+  .marketing,
+  .footer {
+    padding-right: 0;
+    padding-left: 0;
+  }
+  /* Space out the masthead */
+  .header {
+    margin-bottom: 30px;
+  }
+  /* Remove the bottom border on the jumbotron for visual effect */
+  .jumbotron {
+    border-bottom: 0;
+  }
+}
--- a/WebRoot/css/patch.css
+++ b/WebRoot/css/patch.css
@@ -0,0 +1,18 @@
+body {
+  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+}
+
+.bs-example:after {
+	content: "实例：" !important;
+}
+
+.bs-docs-section > p, .bs-docs-section > ul, 
+.bs-docs-section > ol, .bs-callout > p, 
+.bs-callout > ol, .bs-callout > ul {
+	line-height: 1.75;
+	margin-bottom: 1.2em;
+}
+
+.bs-callout *:last-child {
+	margin-bottom: 0;
+}
--- a/WebRoot/css/zzsc.css
+++ b/WebRoot/css/zzsc.css
@@ -1,4 +1,4 @@
-/*reset*/
+/*
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
 	form, fieldset, legend, input, textarea, p, blockquote, th, td {
 	margin: 0;
@@ -104,7 +104,7 @@ legend {
 a {
 	text-decoration: none;
 }
-/*reset*/
+reset */

 /*Ö÷ÒªÑùÊ½*/
 .subNavBox {
@@ -152,7 +152,7 @@ a {
 	color: #333
 }

-.navContent li a:hover {
+/* .navContent li a:hover {
 	color: #fff;
 	background-color: #277fc2
-}
+} */
--- a/WebRoot/detail.jsp
+++ b/WebRoot/detail.jsp
@@ -16,6 +16,7 @@
 <link href="forum/css/plugins/iCheck/custom.css" rel="stylesheet">
 <link href="forum/css/animate.css" rel="stylesheet">
 <link href="forum/css/style.css" rel="stylesheet">
+<link href="css/emoji.css" rel="stylesheet">
 <script type="text/javascript">

 	function validateSubject(field) {
@@ -27,8 +28,7 @@
 	function validate(form) {
 		fail = validateSubject(form.subject.value)
 		fail += validateContent(form.content.value)
-		if (fail == "") return true;
-		else {
+		if (fail == "") return true;else {
 			alert(fail);return false;
 		} //判断表单的内容不能为空
 	}
@@ -49,7 +49,6 @@
 		String k1 = request.getQueryString();//得到ID的值(id=数字).
 		String re = "\\D+"; //正则表达式
 		String result = k1.replaceAll(re, ""); //找到不是数字的字符,用""替代
-		
 	%>
 	<%@ include file="module/top.jsp"%>
 	<div class="container">
@@ -76,6 +75,7 @@
 						Statement sql;
 						ResultSet rs;
 						String content = "";
+						String regex = "<(?!image).*?>";
 						try {
 							Class.forName("com.mysql.jdbc.Driver");
 						} catch (ClassNotFoundException e) {
@@ -91,7 +91,9 @@

 						while (rs.next()) {
 					%>
-
+					<%
+						if (!adminuser.equals("")) {
+					%>

 					<%
 						if (rs.getInt("flag") == 0) {
@@ -110,6 +112,11 @@
 					<%
 						}
 					%>
+					<%
+						} else {
+								out.print("");
+							}
+					%>
 				</div>
 				<div class="row">
 					<div class="mail_box col-lg-10 col-md-10">
@@ -117,19 +124,30 @@
 				<div class="mail-body">
 					<h3>
 					            <%
-										if (rs.getInt("flag") == 1) {
+									if (rs.getInt("flag") == 1 && rs.getString("subject").matches(regex)) {
+										//置顶且匹配
 								%>
-									<span class="font-noraml">主题: </span><strong style="color=red"><%=rs.getString("subject")%></strong>
-									<%
-										} else {
-									%>
-
-									<span class="font-noraml">主题: </span>><%=rs.getString("subject")%>
-
+								<span class="font-noraml">主题: </span><strong><script type='text/html' style='display:inline;color:red;'><%=rs.getString("subject")%></script></strong>
 								<%
 									} 
+					               	if (rs.getInt("flag") == 0 && rs.getString("subject").matches(regex)) {
+                                          //不置顶但匹配
 								%>
+								<span class="font-noraml">主题: </span><script type='text/html' style='display:inline;color:red;'><%=rs.getString("subject")%></script>
+								<%
+									}
+					               	if (rs.getInt("flag") == 1 && !(rs.getString("subject").matches(regex))) {
+										//置顶但不匹配
+								%>
+								<span class="font-noraml">主题: </span><strong><script type='text/html' style='display:inline;color:red;'><%=rs.getString("subject")%></script></strong>
+						        <%
+					               	}
+					               	if (rs.getInt("flag") == 0 && !(rs.getString("subject").matches(regex))) {
+					               		//不置顶且不匹配
+						        %>
+						        <span class="font-noraml">主题: </span><%=rs.getString("subject")%>
 						        
+						        <%} %>
 					</h3>
 					
 				</div>
@@ -138,9 +156,16 @@
 				<div class="mail-body">
 					<div class="mail-Content">
 						<h3>内容</h3>
+						<%if(rs.getString("content").matches(regex)) {%>
+						     <script type='text/html' style='display:block;'><%=rs.getString("content")%></script>
+						<%
+						    }else{
+						    	
+						%>
 						<%=rs.getString("content")%>
+						<%} %>
                      <h5>
-										<span class="pull-right font-noraml"><%=rs.getString("username")%>&nbsp<%=rs.getDate("time")%>&nbsp<%=rs.getTime("time")%></span>
+						<span class="pull-right font-noraml"><%=username%>&nbsp;<%=rs.getDate("time")%>&nbsp;<%=rs.getTime("time")%></span>

 					</h5>
 						<%
@@ -177,14 +202,28 @@
 									%>

 									<div class="mail-body">
+										<%
+											if (!adminuser.equals("")) {
+										%>
 										<a class="btn btn-danger btn-xs"
 											href="forum/deleteComment.jsp?commentid=<%=comrs.getInt("commentid")%>"
-											role="button"> <span class="glyphicon glyphicon-remove"></span></a>
+											role="button"> <span class="glyphicon glyphicon-remove"></span></a><%
+											} else {
+														out.print("");
+													}
+										%>
+										<%if(comrs.getString("comment").matches(regex)) {%>
+						     <script type='text/html' style='display:inline;'><%=comrs.getString("comment")%></script>
+						<%
+						    }else{
+						    	
+						%>
 										<%=comrs.getString("comment")%>
+										<%} %>
 										

 										<h5>
-											<span class="pull-right font-noraml"><%=floor++%>L&nbsp<%=comrs.getString("username")%>&nbsp<%=comrs.getDate("time")%>&nbsp<%=comrs.getTime("time")%></span>
+											<span class="pull-right font-noraml"><%=floor++%>楼&nbsp<%=comrs.getString("username")%>&nbsp<%=comrs.getDate("time")%>&nbsp<%=comrs.getTime("time")%></span>

 										</h5>
 									</div>
@@ -203,12 +242,13 @@
 								</div>
 								<br> <br> <br> <br>
 								<div class="mail-text h-200">
-									<form action="forum/sendComment.jsp" onsubmit="return validate(this)">
+									<form action="forum/sendComment.jsp"
+										onsubmit="return validate(this)">
 										<input type="hidden" name="subid" value=<%=result%>>
 										<h4>评论</h4>

 										<textarea rows="10" cols="135" name="comment"
-											class="form-control"></textarea>
+											class="form-control" id="form-control"></textarea><img src="chartroom/arclist/1.gif" class="emotion" style="margin-left: 30px;">
 										<input class="btn btn-default pull-right createNew"
 											type="submit" value="提交"> <input type="hidden"
 											name="username" value="<%=user1%>" />
@@ -251,6 +291,46 @@
 			});
 		});
 	</script>
+	<script src="js/jquery.min.js"></script>
+	<script type="text/javascript" src="js/jquery.qqFace_forum.js"></script>
+	<script type="text/javascript">
+	
+		$(function() {
+	
+			$('.emotion').qqFace({
+				id : 'facebox',
+	
+				assign : 'form-control',
+	
+				path : 'chartroom/arclist/' //表情存放的路径
+	
+			});
+	
+			$(".send").click(function() {
+	
+				var str = $("#form-control").val();
+	
+				$("#show").html(replace_em(str));
+	
+			});
+	
+		});
+	
+		//查看结果
+	
+		function replace_em(str) {
+			str = str.replace(/\</g, '&lt;');
+	
+			str = str.replace(/\>/g, '&gt;');
+	
+			str = str.replace(/\n/g, '<br/>');
+	
+			str = str.replace(/\[em_([0-9]*)\]/g, '< img src="chartroom/arclist/$1.gif" border="0" />');
+	
+			return str;
+	
+		}
+	</script>
 </body>

 </html>
--- a/WebRoot/forum/css/style.css
+++ b/WebRoot/forum/css/style.css
@@ -14,7 +14,9 @@
 h1, h2, h3, h4, h5, h6 {
 	font-weight: 100;
 }
-
+a {
+	text-decoration: none;
+}
 h1 {
 	font-size: 30px;
 }
@@ -50,6 +52,7 @@ h3, h4, h5 {
 	margin-right: 15px;
 	margin-top: 5px;
 	margin-bottom: 5px;
+	padding-bottom:5px;
 }
 body:not (.fixed-sidebar ):not (.canvas-menu ).mini-navbar .nav li:hover>.nav-second-level,
 	.mini-navbar .nav li:focus>.nav-second-level {
--- a/WebRoot/forum/send.jsp
+++ b/WebRoot/forum/send.jsp
@@ -38,7 +38,7 @@
 			con = DriverManager.getConnection(
 					"jdbc:mysql://localhost/db_bbs?useUnicode=true&characterEncoding=utf-8", "root", "");
 			sql = con.createStatement();
-			String text = "insert into send(subject,content,time,username) values('" + k2 + "','" + k3 + "',now(),'" + k4 + "')";
+			String text = "insert into send(subject,content,time,username,updatetime) values('" + k2 + "','" + k3 + "',now(),'" + k4 + "',now())";
 			sql.executeUpdate(text);
 			sql.close();
 			con.close();
--- a/WebRoot/forum/sendComment.jsp
+++ b/WebRoot/forum/sendComment.jsp
@@ -41,7 +41,8 @@
         try{con=DriverManager.getConnection("jdbc:mysql://localhost/db_bbs?useUnicode=true&characterEncoding=utf-8","root","");
         sql=con.createStatement();
         String text="insert into comment(subid,comment,time,username) values('"+k6+"','"+k5+"',now(),'"+k7+"')";
-        
+        String updatesend = "update send set updatetime = now() where id = '"+k6+"'";
+         sql.executeUpdate(updatesend);
         sql.executeUpdate(text);
         sql.close();
         con.close();
--- a/WebRoot/index.html
+++ b/WebRoot/index.html
@@ -34,20 +34,13 @@
 		'use strict';
 		var p1 = document.getElementById("Password2").value; //获取密码框的值
 		var p2 = document.getElementById("Password3").value; //获取重新输入的密码值
-		if (p1.match(/\d/) && p1.match(/[a-zA-Z]/ && p1.length >= 6)) {
-		{document.getElementById("msg").innerHTML = "";
-			return true;}
-		} else {
-			  alert("您输入的密码至少包含一个数字和一个字母！");  
-			/* document.getElementById("msg").innerHTML = "您输入的密码至少包含一个数字和一个字母！"; */
-			return false;
-		}
 		if(p1==""){
 		 alert("请输入密码！");//检测到密码为空，提醒输入//
 		 document.register.Password2.focus();//焦点放到密码框
 		 return false;//退出检测函数
 		}//如果允许空密码，可取消这个条件*/
-
+		if (p1.match(/\d/) && p1.match(/[a-zA-Z]/)) {
+		{document.getElementById("msg").innerHTML = "";
 				if (p1 != p2) { //判断两次输入的值是否一致，不一致则显示错误信息
 					document.getElementById("msg").innerHTML = "两次输入密码不一致，请重新输入"; //在div显示错误信息
 		
@@ -56,6 +49,15 @@
 					document.getElementById("msg").innerHTML = "";
 				//密码一致，可以继续下一步操作 
 				}
+			return true;}
+		} else {
+			  alert("您输入的密码至少包含一个数字和一个字母！");  
+			/* document.getElementById("msg").innerHTML = "您输入的密码至少包含一个数字和一个字母！"; */
+			return false;
+		}
+		
+
+		
 	}
 	function isEmail(strEmail) {
 		if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) {
--- a/WebRoot/index.jsp
+++ b/WebRoot/index.jsp
@@ -18,9 +18,20 @@
 <title>帖子列表</title>
 <link href="css/bootstrap.min.css" rel="stylesheet">
 <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
-<link href="forum/css/plugins/iCheck/custom.css" rel="stylesheet">
 <link href="forum/css/animate.css" rel="stylesheet">
 <link href="forum/css/style.css" rel="stylesheet">
+	<script src="js/jquery-2.1.1.js"></script>
+	<script src="js/bootstrap.min.js"></script>
+	<script src="js/bootstrap.js"></script>
+	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
+	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
+
+	<!-- Custom and plugin javascript -->
+	<script src="js/inspinia.js"></script>
+	<script src="js/plugins/pace/pace.min.js"></script>
+
+	<!-- iCheck -->
+	<script src="js/plugins/iCheck/icheck.min.js"></script>
 </head>

 <body>
@@ -52,16 +63,24 @@
 					<div class="mail-tools">
 						<div class="btn-group pull-right"></div>
 						<form action="forum/deletesend.jsp" method="post">
+							<%
+								if (!adminuser.equals("")) {
+							%>
 							<input class="btn btn-danger deleteTitle pull-right"
 								type="submit" value="删除帖子">
+							<%
+								} else {
+									out.print("");
+								}
+							%>
 							<%
 								Connection con;
 								Statement sql;
 								ResultSet rs;
 								int id = 0;
-								String regex1 = "<(?!img).*?>";
+								String regex1 = "<(?!image).*?>";
 								/* String username = "admin"; */
-								String subject = "", content = "", username = "";
+								String subject = "", content = "", username = null;
 								Date time = new Date();
 								SimpleDateFormat sdf = new SimpleDateFormat();
 								sdf.format(time);
@@ -74,7 +93,7 @@
 										"root", "");
 								sql = con.createStatement();
 								String send = null;
-								content = "select id,subject,username,time,flag from send order by flag desc,id";
+								content = "select id,subject,username,flag,updatetime from send order by flag desc,updatetime desc";
 								rs = sql.executeQuery(content);
 								while (rs.next()) {
 									id = rs.getInt("id");
@@ -82,15 +101,7 @@
 									username = rs.getString("username");
 									String str = String.valueOf(id);
 							%>
-
-
-
-
-
-
-
 							<div class="row">
-
 								<table class="table table-hover">
 									<tbody>
 										<tr>
@@ -110,8 +121,7 @@
 														//不置顶不匹配
 											%>

-											<td><a href="detail.jsp?id=<%=id%>"><%=subject%></a>
-											</td>
+											<td><a href="detail.jsp?id=<%=id%>"><%=subject%></a></td>

 											<%
 												}
@@ -134,7 +144,7 @@
 											<%
 												}
 											%>
-											<td class="text-right mail-date"><%=username%>&nbsp&nbsp<%=rs.getDate("time")%>&nbsp<%=rs.getTime("time")%></td>
+											<td class="text-right mail-date"><%=username%>&nbsp;&nbsp;<%=rs.getDate("updatetime")%>&nbsp<%=rs.getTime("updatetime")%></td>
 										</tr>

 									</tbody>
@@ -161,18 +171,7 @@


 	<!-- Mainly scripts -->
-	<script src="js/jquery-2.1.1.js"></script>
-	<script src="js/bootstrap.min.js"></script>
-	<script src="js/bootstrap.js"></script>
-	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
-	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

-	<!-- Custom and plugin javascript -->
-	<script src="js/inspinia.js"></script>
-	<script src="js/plugins/pace/pace.min.js"></script>
-
-	<!-- iCheck -->
-	<script src="js/plugins/iCheck/icheck.min.js"></script>
 	<script>
 		$(document).ready(function() {
 			$('.i-checks').iCheck({
--- a/WebRoot/js/docs.min.js
+++ b/WebRoot/js/docs.min.js
--- a/WebRoot/js/h.js
+++ b/WebRoot/js/h.js
@@ -0,0 +1,55 @@
+(function(){var h={},mt={},c={id:"bdb993b828cbe079a7fbc1a951f44726",dm:["v3.bootcss.com"],js:"tongji.baidu.com/hm-web/js/",etrk:[],icon:'',ctrk:false,align:-1,nv:-1,vdur:1800000,age:31536000000,rec:0,rp:[],trust:0,vcard:0,qiao:0,lxb:0,conv:0,med:0,cvcc:'',cvcf:[],apps:''};var q=void 0,r=!0,t=null,u=!1;mt.cookie={};mt.cookie.set=function(a,b,d){var f;d.H&&(f=new Date,f.setTime(f.getTime()+d.H));document.cookie=a+"="+b+(d.domain?"; domain="+d.domain:"")+(d.path?"; path="+d.path:"")+(f?"; expires="+f.toGMTString():"")+(d.hb?"; secure":"")};mt.cookie.get=function(a){return(a=RegExp("(^| )"+a+"=([^;]*)(;|$)").exec(document.cookie))?a[2]:t};mt.h={};mt.h.oa=function(a){return document.getElementById(a)};
+mt.h.J=function(a,b){var d=[],f=[];if(!a)return f;for(;a.parentNode!=t;){for(var g=0,n=0,l=a.parentNode.childNodes.length,p=0;p<l;p++){var e=a.parentNode.childNodes[p];if(e.nodeName===a.nodeName&&(g++,e===a&&(n=g),0<n&&1<g))break}if((l=""!==a.id)&&b){d.unshift("#"+encodeURIComponent(a.id));break}else l&&(l="#"+encodeURIComponent(a.id),l=0<d.length?l+">"+d.join(">"):l,f.push(l)),d.unshift(encodeURIComponent(String(a.nodeName).toLowerCase())+(1<g?"["+n+"]":""));a=a.parentNode}f.push(d.join(">"));return f};
+mt.h.$a=function(a){return(a=mt.h.J(a,r))&&a.length?String(a[0]):""};mt.h.Za=function(a){return mt.h.J(a,u)};mt.h.Xa=function(a,b){for(b=b.toUpperCase();(a=a.parentNode)&&1==a.nodeType;)if(a.tagName==b)return a;return t};mt.h.pa=function(a){return 9===a.nodeType?a:a.ownerDocument||a.document};
+mt.h.Ya=function(a){var b={top:0,left:0};if(!a)return b;var d=mt.h.pa(a).documentElement;"undefined"!==typeof a.getBoundingClientRect&&(b=a.getBoundingClientRect());return{top:b.top+(window.pageYOffset||d.scrollTop)-(d.clientTop||0),left:b.left+(window.pageXOffset||d.scrollLeft)-(d.clientLeft||0)}};
+(mt.h.Ea=function(){function a(){if(!a.A){a.A=r;for(var b=0,d=f.length;b<d;b++)f[b]()}}function b(){try{document.documentElement.doScroll("left")}catch(d){setTimeout(b,1);return}a()}var d=u,f=[],g;document.addEventListener?g=function(){document.removeEventListener("DOMContentLoaded",g,u);a()}:document.attachEvent&&(g=function(){"complete"===document.readyState&&(document.detachEvent("onreadystatechange",g),a())});(function(){if(!d)if(d=r,"complete"===document.readyState)a.A=r;else if(document.addEventListener)document.addEventListener("DOMContentLoaded",
+g,u),window.addEventListener("load",a,u);else if(document.attachEvent){document.attachEvent("onreadystatechange",g);window.attachEvent("onload",a);var f=u;try{f=window.frameElement==t}catch(l){}document.documentElement.doScroll&&f&&b()}})();return function(b){a.A?b():f.push(b)}}()).A=u;mt.event={};mt.event.c=function(a,b,d){a.attachEvent?a.attachEvent("on"+b,function(b){d.call(a,b)}):a.addEventListener&&a.addEventListener(b,d,u)};
+mt.event.preventDefault=function(a){a.preventDefault?a.preventDefault():a.returnValue=u};
+(function(){var a=mt.event;mt.f={};mt.f.Da=/msie (\d+\.\d+)/i.test(navigator.userAgent);mt.f.Ba=/msie (\d+\.\d+)/i.test(navigator.userAgent)?document.documentMode||+RegExp.$1:q;mt.f.cookieEnabled=navigator.cookieEnabled;mt.f.javaEnabled=navigator.javaEnabled();mt.f.language=navigator.language||navigator.browserLanguage||navigator.systemLanguage||navigator.userLanguage||"";mt.f.Ga=(window.screen.width||0)+"x"+(window.screen.height||0);mt.f.colorDepth=window.screen.colorDepth||0;mt.f.K=function(){var a;
+a=a||document;return parseInt(window.pageYOffset||a.documentElement.scrollTop||a.body&&a.body.scrollTop||0,10)};mt.f.L=function(){var a=document;return parseInt(window.innerHeight||a.documentElement.clientHeight||a.body&&a.body.clientHeight||0,10)};mt.f.orientation=0;(function(){function b(){var a=0;window.orientation!==q&&(a=window.orientation);screen&&(screen.orientation&&screen.orientation.angle!==q)&&(a=screen.orientation.angle);mt.f.orientation=a}b();a.c(window,"orientationchange",b)})();return mt.f})();
+mt.l={};mt.l.parse=function(){return(new Function('return (" + source + ")'))()};
+mt.l.stringify=function(){function a(a){/["\\\x00-\x1f]/.test(a)&&(a=a.replace(/["\\\x00-\x1f]/g,function(a){var b=d[a];if(b)return b;b=a.charCodeAt();return"\\u00"+Math.floor(b/16).toString(16)+(b%16).toString(16)}));return'"'+a+'"'}function b(a){return 10>a?"0"+a:a}var d={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"};return function(d){switch(typeof d){case "undefined":return"undefined";case "number":return isFinite(d)?String(d):"null";case "string":return a(d);case "boolean":return String(d);
+default:if(d===t)return"null";if(d instanceof Array){var g=["["],n=d.length,l,p,e;for(p=0;p<n;p++)switch(e=d[p],typeof e){case "undefined":case "function":case "unknown":break;default:l&&g.push(","),g.push(mt.l.stringify(e)),l=1}g.push("]");return g.join("")}if(d instanceof Date)return'"'+d.getFullYear()+"-"+b(d.getMonth()+1)+"-"+b(d.getDate())+"T"+b(d.getHours())+":"+b(d.getMinutes())+":"+b(d.getSeconds())+'"';l=["{"];p=mt.l.stringify;for(n in d)if(Object.prototype.hasOwnProperty.call(d,n))switch(e=
+d[n],typeof e){case "undefined":case "unknown":case "function":break;default:g&&l.push(","),g=1,l.push(p(n)+":"+p(e))}l.push("}");return l.join("")}}}();mt.lang={};mt.lang.d=function(a,b){return"[object "+b+"]"==={}.toString.call(a)};mt.lang.cb=function(a){return mt.lang.d(a,"Number")&&isFinite(a)};mt.lang.fb=function(a){return mt.lang.d(a,"String")};mt.lang.j=function(a){return a.replace?a.replace(/'/g,"'0").replace(/\*/g,"'1").replace(/!/g,"'2"):a};mt.localStorage={};
+mt.localStorage.C=function(){if(!mt.localStorage.g)try{mt.localStorage.g=document.createElement("input"),mt.localStorage.g.type="hidden",mt.localStorage.g.style.display="none",mt.localStorage.g.addBehavior("#default#userData"),document.getElementsByTagName("head")[0].appendChild(mt.localStorage.g)}catch(a){return u}return r};
+mt.localStorage.set=function(a,b,d){var f=new Date;f.setTime(f.getTime()+d||31536E6);try{window.localStorage?(b=f.getTime()+"|"+b,window.localStorage.setItem(a,b)):mt.localStorage.C()&&(mt.localStorage.g.expires=f.toUTCString(),mt.localStorage.g.load(document.location.hostname),mt.localStorage.g.setAttribute(a,b),mt.localStorage.g.save(document.location.hostname))}catch(g){}};
+mt.localStorage.get=function(a){if(window.localStorage){if(a=window.localStorage.getItem(a)){var b=a.indexOf("|"),d=a.substring(0,b)-0;if(d&&d>(new Date).getTime())return a.substring(b+1)}}else if(mt.localStorage.C())try{return mt.localStorage.g.load(document.location.hostname),mt.localStorage.g.getAttribute(a)}catch(f){}return t};
+mt.localStorage.remove=function(a){if(window.localStorage)window.localStorage.removeItem(a);else if(mt.localStorage.C())try{mt.localStorage.g.load(document.location.hostname),mt.localStorage.g.removeAttribute(a),mt.localStorage.g.save(document.location.hostname)}catch(b){}};mt.sessionStorage={};mt.sessionStorage.set=function(a,b){if(window.sessionStorage)try{window.sessionStorage.setItem(a,b)}catch(d){}};
+mt.sessionStorage.get=function(a){return window.sessionStorage?window.sessionStorage.getItem(a):t};mt.sessionStorage.remove=function(a){window.sessionStorage&&window.sessionStorage.removeItem(a)};mt.aa={};mt.aa.log=function(a,b){var d=new Image,f="mini_tangram_log_"+Math.floor(2147483648*Math.random()).toString(36);window[f]=d;d.onload=d.onerror=d.onabort=function(){d.onload=d.onerror=d.onabort=t;d=window[f]=t;b&&b(a)};d.src=a};mt.S={};
+mt.S.ua=function(){var a="";if(navigator.plugins&&navigator.mimeTypes.length){var b=navigator.plugins["Shockwave Flash"];b&&b.description&&(a=b.description.replace(/^.*\s+(\S+)\s+\S+$/,"$1"))}else if(window.ActiveXObject)try{if(b=new ActiveXObject("ShockwaveFlash.ShockwaveFlash"))(a=b.GetVariable("$version"))&&(a=a.replace(/^.*\s+(\d+),(\d+).*$/,"$1.$2"))}catch(d){}return a};
+mt.S.Wa=function(a,b,d,f,g){return'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="'+a+'" width="'+d+'" height="'+f+'"><param name="movie" value="'+b+'" /><param name="flashvars" value="'+(g||"")+'" /><param name="allowscriptaccess" value="always" /><embed type="application/x-shockwave-flash" name="'+a+'" width="'+d+'" height="'+f+'" src="'+b+'" flashvars="'+(g||"")+'" allowscriptaccess="always" /></object>'};mt.url={};
+mt.url.i=function(a,b){var d=a.match(RegExp("(^|&|\\?|#)("+b+")=([^&#]*)(&|$|#)",""));return d?d[3]:t};mt.url.ab=function(a){return(a=a.match(/^(https?:)\/\//))?a[1]:t};mt.url.ra=function(a){return(a=a.match(/^(https?:\/\/)?([^\/\?#]*)/))?a[2].replace(/.*@/,""):t};mt.url.W=function(a){return(a=mt.url.ra(a))?a.replace(/:\d+$/,""):a};mt.url.J=function(a){return(a=a.match(/^(https?:\/\/)?[^\/]*(.*)/))?a[2].replace(/[\?#].*/,"").replace(/^$/,"/"):t};
+(function(){function a(){for(var a=u,d=document.getElementsByTagName("script"),f=d.length,f=100<f?100:f,g=0;g<f;g++){var n=d[g].src;if(n&&0===n.indexOf("https://hm.baidu.com/h")){a=r;break}}return a}return h.na=a})();var A=h.na;
+h.D={bb:"http://tongji.baidu.com/hm-web/welcome/ico",$:"hm.baidu.com/hm.gif",ea:"baidu.com",ya:"hmmd",za:"hmpl",Pa:"utm_medium",xa:"hmkw",Ra:"utm_term",va:"hmci",Oa:"utm_content",Aa:"hmsr",Qa:"utm_source",wa:"hmcu",Na:"utm_campaign",r:0,m:Math.round(+new Date/1E3),U:Math.round(+new Date/1E3)%65535,protocol:"https:"===document.location.protocol?"https:":"http:",O:A()||"https:"===document.location.protocol?"https:":"http:",eb:0,Ta:6E5,gb:5E3,Ua:5,Va:1024,Sa:1,P:2147483647,ba:"cc cf ci ck cl cm cp cu cw ds vl ep et fl ja ln lo lt rnd si su v cv lv api sn ct u tt".split(" ")};
+(function(){var a={p:{},c:function(a,d){this.p[a]=this.p[a]||[];this.p[a].push(d)},w:function(a,d){this.p[a]=this.p[a]||[];for(var f=this.p[a].length,g=0;g<f;g++)this.p[a][g](d)}};return h.G=a})();
+(function(){function a(a,f){var g=document.createElement("script");g.charset="utf-8";b.d(f,"Function")&&(g.readyState?g.onreadystatechange=function(){if("loaded"===g.readyState||"complete"===g.readyState)g.onreadystatechange=t,f()}:g.onload=function(){f()});g.src=a;var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(g,n)}var b=mt.lang;return h.load=a})();
+(function(){function a(){return function(){h.b.a.nv=0;h.b.a.st=4;h.b.a.et=3;h.b.a.ep=h.F.sa()+","+h.F.qa();h.b.k()}}function b(){clearTimeout(z);var a;v&&(a="visible"==document[v]);x&&(a=!document[x]);p="undefined"==typeof a?r:a;if((!l||!e)&&p&&k)y=r,m=+new Date;else if(l&&e&&(!p||!k))y=u,s+=+new Date-m;l=p;e=k;z=setTimeout(b,100)}function d(a){var k=document,m="";if(a in k)m=a;else for(var d=["webkit","ms","moz","o"],b=0;b<d.length;b++){var s=d[b]+a.charAt(0).toUpperCase()+a.slice(1);if(s in k){m=
+s;break}}return m}function f(a){if(!("focus"==a.type||"blur"==a.type)||!(a.target&&a.target!=window))k="focus"==a.type||"focusin"==a.type?r:u,b()}var g=mt.event,n=h.G,l=r,p=r,e=r,k=r,w=+new Date,m=w,s=0,y=r,v=d("visibilityState"),x=d("hidden"),z;b();(function(){var a=v.replace(/[vV]isibilityState/,"visibilitychange");g.c(document,a,b);g.c(window,"pageshow",b);g.c(window,"pagehide",b);"object"==typeof document.onfocusin?(g.c(document,"focusin",f),g.c(document,"focusout",f)):(g.c(window,"focus",f),
+g.c(window,"blur",f))})();h.F={sa:function(){return+new Date-w},qa:function(){return y?+new Date-m+s:s}};n.c("pv-b",function(){g.c(window,"unload",a())});return h.F})();
+(function(){var a=mt.lang,b=h.D,d=h.load,f={Ca:function(g){if((window._dxt===q||a.d(window._dxt,"Array"))&&"undefined"!==typeof h.b){var f=h.b.I();d([b.protocol,"//datax.baidu.com/x.js?si=",c.id,"&dm=",encodeURIComponent(f)].join(""),g)}},Ma:function(d){if(a.d(d,"String")||a.d(d,"Number"))window._dxt=window._dxt||[],window._dxt.push(["_setUserId",d])}};return h.ha=f})();
+(function(){function a(a,d,m,b){if(!(a===q||d===q||b===q)){if(""===a)return[d,m,b].join("*");a=String(a).split("!");for(var e,v=u,x=0;x<a.length;x++)if(e=a[x].split("*"),String(d)===e[0]){e[1]=m;e[2]=b;a[x]=e.join("*");v=r;break}v||a.push([d,m,b].join("*"));return a.join("!")}}function b(a){for(var e in a)if({}.hasOwnProperty.call(a,e)){var m=a[e];d.d(m,"Object")||d.d(m,"Array")?b(m):a[e]=String(m)}}var d=mt.lang,f=mt.l,g=mt.f,n=h.D,l=h.G,p=h.ha,e={s:[],B:0,Y:u,o:{T:"",page:""},init:function(){e.e=
+0;l.c("pv-b",function(){e.ia();e.la()});l.c("pv-d",function(){e.ma();e.o.page=""});l.c("stag-b",function(){h.b.a.api=e.e||e.B?e.e+"_"+e.B:"";h.b.a.ct=[decodeURIComponent(h.b.getData("Hm_ct_"+c.id)||""),e.o.T,e.o.page].join("!")});l.c("stag-d",function(){h.b.a.api=0;e.e=0;e.B=0})},ia:function(){var a=window._hmt||[];if(!a||d.d(a,"Array"))window._hmt={id:c.id,cmd:{},push:function(){for(var a=window._hmt,k=0;k<arguments.length;k++){var b=arguments[k];d.d(b,"Array")&&(a.cmd[a.id].push(b),"_setAccount"===
+b[0]&&(1<b.length&&/^[0-9a-f]{32}$/.test(b[1]))&&(b=b[1],a.id=b,a.cmd[b]=a.cmd[b]||[]))}}},window._hmt.cmd[c.id]=[],window._hmt.push.apply(window._hmt,a)},la:function(){var a=window._hmt;if(a&&a.cmd&&a.cmd[c.id])for(var d=a.cmd[c.id],m=/^_track(Event|MobConv|Order|RTEvent)$/,b=0,f=d.length;b<f;b++){var v=d[b];m.test(v[0])?e.s.push(v):e.Q(v)}a.cmd[c.id]={push:e.Q}},ma:function(){if(0<e.s.length)for(var a=0,d=e.s.length;a<d;a++)e.Q(e.s[a]);e.s=t},Q:function(a){var b=a[0];if(e.hasOwnProperty(b)&&d.d(e[b],
+"Function"))e[b](a)},_setAccount:function(a){1<a.length&&/^[0-9a-f]{32}$/.test(a[1])&&(e.e|=1)},_setAutoPageview:function(a){if(1<a.length&&(a=a[1],u===a||r===a))e.e|=2,h.b.X=a},_trackPageview:function(a){if(1<a.length&&a[1].charAt&&"/"===a[1].charAt(0)){e.e|=4;h.b.a.et=0;h.b.a.ep="";h.b.a.vl=g.K()+g.L();h.b.M?(h.b.a.nv=0,h.b.a.st=4):h.b.M=r;var b=h.b.a.u,d=h.b.a.su;h.b.a.u=n.protocol+"//"+document.location.host+a[1];e.Y||(h.b.a.su=document.location.href);h.b.k();h.b.a.u=b;h.b.a.su=d}},_trackEvent:function(a){2<
+a.length&&(e.e|=8,h.b.a.nv=0,h.b.a.st=4,h.b.a.et=4,h.b.a.ep=d.j(a[1])+"*"+d.j(a[2])+(a[3]?"*"+d.j(a[3]):"")+(a[4]?"*"+d.j(a[4]):""),h.b.k())},_setCustomVar:function(a){if(!(4>a.length)){var b=a[1],m=a[4]||3;if(0<b&&6>b&&0<m&&4>m){e.B++;for(var s=(h.b.a.cv||"*").split("!"),f=s.length;f<b-1;f++)s.push("*");s[b-1]=m+"*"+d.j(a[2])+"*"+d.j(a[3]);h.b.a.cv=s.join("!");a=h.b.a.cv.replace(/[^1](\*[^!]*){2}/g,"*").replace(/((^|!)\*)+$/g,"");""!==a?h.b.setData("Hm_cv_"+c.id,encodeURIComponent(a),c.age):h.b.Fa("Hm_cv_"+
+c.id)}}},_setUserTag:function(b){if(!(3>b.length)){var e=d.j(b[1]);b=d.j(b[2]);if(e!==q&&b!==q){var m=decodeURIComponent(h.b.getData("Hm_ct_"+c.id)||""),m=a(m,e,1,b);h.b.setData("Hm_ct_"+c.id,encodeURIComponent(m),c.age)}}},_setVisitTag:function(b){if(!(3>b.length)){var f=d.j(b[1]);b=d.j(b[2]);if(f!==q&&b!==q){var m=e.o.T,m=a(m,f,2,b);e.o.T=m}}},_setPageTag:function(b){if(!(3>b.length)){var f=d.j(b[1]);b=d.j(b[2]);if(f!==q&&b!==q){var m=e.o.page,m=a(m,f,3,b);e.o.page=m}}},_setReferrerOverride:function(a){1<
+a.length&&(h.b.a.su=a[1].charAt&&"/"===a[1].charAt(0)?n.protocol+"//"+window.location.host+a[1]:a[1],e.Y=r)},_trackOrder:function(a){a=a[1];d.d(a,"Object")&&(b(a),e.e|=16,h.b.a.nv=0,h.b.a.st=4,h.b.a.et=94,h.b.a.ep=f.stringify(a),h.b.k())},_trackMobConv:function(a){if(a={webim:1,tel:2,map:3,sms:4,callback:5,share:6}[a[1]])e.e|=32,h.b.a.et=93,h.b.a.ep=a,h.b.k()},_trackRTPageview:function(a){a=a[1];d.d(a,"Object")&&(b(a),a=f.stringify(a),512>=encodeURIComponent(a).length&&(e.e|=64,h.b.a.rt=a))},_trackRTEvent:function(a){a=
+a[1];if(d.d(a,"Object")){b(a);a=encodeURIComponent(f.stringify(a));var g=function(a){var b=h.b.a.rt;e.e|=128;h.b.a.et=90;h.b.a.rt=a;h.b.k();h.b.a.rt=b},m=a.length;if(900>=m)g.call(this,a);else for(var m=Math.ceil(m/900),s="block|"+Math.round(Math.random()*n.P).toString(16)+"|"+m+"|",l=[],v=0;v<m;v++)l.push(v),l.push(a.substring(900*v,900*v+900)),g.call(this,s+l.join("|")),l=[]}},_setUserId:function(a){a=a[1];p.Ca();p.Ma(a)}};e.init();h.fa=e;return h.fa})();
+(function(){function a(){"undefined"===typeof window["_bdhm_loaded_"+c.id]&&(window["_bdhm_loaded_"+c.id]=r,this.a={},this.X=r,this.M=u,this.init())}var b=mt.url,d=mt.aa,f=mt.S,g=mt.lang,n=mt.cookie,l=mt.f,p=mt.localStorage,e=mt.sessionStorage,k=h.D,w=h.G;a.prototype={N:function(a,b){a="."+a.replace(/:\d+/,"");b="."+b.replace(/:\d+/,"");var d=a.indexOf(b);return-1<d&&d+b.length===a.length},Z:function(a,b){a=a.replace(/^https?:\/\//,"");return 0===a.indexOf(b)},z:function(a){for(var d=0;d<c.dm.length;d++)if(-1<
+c.dm[d].indexOf("/")){if(this.Z(a,c.dm[d]))return r}else{var e=b.W(a);if(e&&this.N(e,c.dm[d]))return r}return u},I:function(){for(var a=document.location.hostname,b=0,d=c.dm.length;b<d;b++)if(this.N(a,c.dm[b]))return c.dm[b].replace(/(:\d+)?[\/\?#].*/,"");return a},V:function(){for(var a=0,b=c.dm.length;a<b;a++){var d=c.dm[a];if(-1<d.indexOf("/")&&this.Z(document.location.href,d))return d.replace(/^[^\/]+(\/.*)/,"$1")+"/"}return"/"},ta:function(){if(!document.referrer)return k.m-k.r>c.vdur?1:4;var a=
+u;this.z(document.referrer)&&this.z(document.location.href)?a=r:(a=b.W(document.referrer),a=this.N(a||"",document.location.hostname));return a?k.m-k.r>c.vdur?1:4:3},getData:function(a){try{return n.get(a)||e.get(a)||p.get(a)}catch(b){}},setData:function(a,b,d){try{n.set(a,b,{domain:this.I(),path:this.V(),H:d}),d?p.set(a,b,d):e.set(a,b)}catch(f){}},Fa:function(a){try{n.set(a,"",{domain:this.I(),path:this.V(),H:-1}),e.remove(a),p.remove(a)}catch(b){}},Ka:function(){var a,b,d,e,f;k.r=this.getData("Hm_lpvt_"+
+c.id)||0;13===k.r.length&&(k.r=Math.round(k.r/1E3));b=this.ta();a=4!==b?1:0;if(d=this.getData("Hm_lvt_"+c.id)){e=d.split(",");for(f=e.length-1;0<=f;f--)13===e[f].length&&(e[f]=""+Math.round(e[f]/1E3));for(;2592E3<k.m-e[0];)e.shift();f=4>e.length?2:3;for(1===a&&e.push(k.m);4<e.length;)e.shift();d=e.join(",");e=e[e.length-1]}else d=k.m,e="",f=1;this.setData("Hm_lvt_"+c.id,d,c.age);this.setData("Hm_lpvt_"+c.id,k.m);d=k.m===this.getData("Hm_lpvt_"+c.id)?"1":"0";if(0===c.nv&&this.z(document.location.href)&&
+(""===document.referrer||this.z(document.referrer)))a=0,b=4;this.a.nv=a;this.a.st=b;this.a.cc=d;this.a.lt=e;this.a.lv=f},Ja:function(){for(var a=[],b=this.a.et,d=0,e=k.ba.length;d<e;d++){var f=k.ba[d],g=this.a[f];"undefined"!==typeof g&&""!==g&&("tt"!==f||"tt"===f&&0===b)&&("ct"!==f||"ct"===f&&0===b)&&a.push(f+"="+encodeURIComponent(g))}switch(b){case 0:a.push("sn="+k.U);this.a.rt&&a.push("rt="+encodeURIComponent(this.a.rt));break;case 3:a.push("sn="+k.U);break;case 90:this.a.rt&&a.push("rt="+this.a.rt)}return a.join("&")},
+La:function(){this.Ka();this.a.si=c.id;this.a.su=document.referrer;this.a.ds=l.Ga;this.a.cl=l.colorDepth+"-bit";this.a.ln=String(l.language).toLowerCase();this.a.ja=l.javaEnabled?1:0;this.a.ck=l.cookieEnabled?1:0;this.a.lo="number"===typeof _bdhm_top?1:0;this.a.fl=f.ua();this.a.v="1.2.27";this.a.cv=decodeURIComponent(this.getData("Hm_cv_"+c.id)||"");this.a.tt=document.title||"";this.a.vl=l.K()+l.L();var a=document.location.href;this.a.cm=b.i(a,k.ya)||"";this.a.cp=b.i(a,k.za)||b.i(a,k.Pa)||"";this.a.cw=
+b.i(a,k.xa)||b.i(a,k.Ra)||"";this.a.ci=b.i(a,k.va)||b.i(a,k.Oa)||"";this.a.cf=b.i(a,k.Aa)||b.i(a,k.Qa)||"";this.a.cu=b.i(a,k.wa)||b.i(a,k.Na)||""},init:function(){try{this.La(),0===this.a.nv?this.Ia():this.R(".*"),h.b=this,this.ga(),w.w("pv-b"),this.Ha()}catch(a){var b=[];b.push("si="+c.id);b.push("n="+encodeURIComponent(a.name));b.push("m="+encodeURIComponent(a.message));b.push("r="+encodeURIComponent(document.referrer));d.log(k.O+"//"+k.$+"?"+b.join("&"))}},Ha:function(){function a(){w.w("pv-d")}
+this.X?(this.M=r,this.a.et=0,this.a.ep="",this.a.vl=l.K()+l.L(),this.k(a)):a()},k:function(a){var b=this;b.a.rnd=Math.round(Math.random()*k.P);w.w("stag-b");var e=k.O+"//"+k.$+"?"+b.Ja();w.w("stag-d");b.da(e);d.log(e,function(d){b.R(d);g.d(a,"Function")&&a.call(b)})},ga:function(){var a=document.location.hash.substring(1),d=RegExp(c.id),e=-1<document.referrer.indexOf(k.ea),f=b.i(a,"jn"),g=/^heatlink$|^select$|^pageclick$/.test(f);a&&(d.test(a)&&e&&g)&&(this.a.rnd=Math.round(Math.random()*k.P),a=document.createElement("script"),
+a.setAttribute("type","text/javascript"),a.setAttribute("charset","utf-8"),a.setAttribute("src",k.protocol+"//"+c.js+f+".js?"+this.a.rnd),f=document.getElementsByTagName("script")[0],f.parentNode.insertBefore(a,f))},da:function(a){var b=e.get("Hm_unsent_"+c.id)||"",d=this.a.u?"":"&u="+encodeURIComponent(document.location.href),b=encodeURIComponent(a.replace(/^https?:\/\//,"")+d)+(b?","+b:"");e.set("Hm_unsent_"+c.id,b)},R:function(a){var b=e.get("Hm_unsent_"+c.id)||"";b&&(a=encodeURIComponent(a.replace(/^https?:\/\//,
+"")),a=RegExp(a.replace(/([\*\(\)])/g,"\\$1")+"(%26u%3D[^,]*)?,?","g"),(b=b.replace(a,"").replace(/,$/,""))?e.set("Hm_unsent_"+c.id,b):e.remove("Hm_unsent_"+c.id))},Ia:function(){var a=this,b=e.get("Hm_unsent_"+c.id);if(b)for(var b=b.split(","),f=function(b){d.log(k.O+"//"+decodeURIComponent(b),function(b){a.R(b)})},g=0,l=b.length;g<l;g++)f(b[g])}};return new a})();
+(function(){var a=mt.event,b=mt.l;try{if(window.performance&&performance.timing&&"undefined"!==typeof h.b){var d=function(a){var b=performance.timing,d=b[a+"Start"]?b[a+"Start"]:0;a=b[a+"End"]?b[a+"End"]:0;return{start:d,end:a,value:0<a-d?a-d:0}},f=function(){var a;a=d("navigation");var f=d("request");a={netAll:f.start-a.start,netDns:d("domainLookup").value,netTcp:d("connect").value,srv:d("response").start-f.start,dom:performance.timing.domInteractive-performance.timing.fetchStart,loadEvent:d("loadEvent").end-
+a.start};h.b.a.et=87;h.b.a.ep=b.stringify(a);h.b.k()};a.c(window,"load",function(){setTimeout(f,500)})}}catch(g){}})();
+(function(){var a=mt.f,b=mt.lang,d=mt.event,f=mt.l;if("undefined"!==typeof h.b&&(c.med||(!a.Da||7<a.Ba)&&c.cvcc)){var g,n,l,p,e=function(a){if(a.item){for(var b=a.length,d=Array(b);b--;)d[b]=a[b];return d}return[].slice.call(a)},k=function(a,b){for(var d in a)if(a.hasOwnProperty(d)&&b.call(a,d,a[d])===u)return u},w=function(a,d){var e={};e.n=g;e.t="clk";e.v=a;if(d){var k=d.getAttribute("href"),m=d.getAttribute("onclick")?""+d.getAttribute("onclick"):t,n=d.getAttribute("id")||"";l.test(k)?(e.sn="mediate",
+e.snv=k):b.d(m,"String")&&l.test(m)&&(e.sn="wrap",e.snv=m);e.id=n}h.b.a.et=86;h.b.a.ep=f.stringify(e);h.b.k();for(e=+new Date;400>=+new Date-e;);};if(c.med)n="/zoosnet",g="swt",l=/swt|zixun|call|chat|zoos|business|talk|kefu|openkf|online|\/LR\/Chatpre\.aspx/i,p={click:function(){for(var a=[],b=e(document.getElementsByTagName("a")),b=[].concat.apply(b,e(document.getElementsByTagName("area"))),b=[].concat.apply(b,e(document.getElementsByTagName("img"))),d,f,g=0,k=b.length;g<k;g++)d=b[g],f=d.getAttribute("onclick"),
+d=d.getAttribute("href"),(l.test(f)||l.test(d))&&a.push(b[g]);return a}};else if(c.cvcc){n="/other-comm";g="other";l=c.cvcc.q||q;var m=c.cvcc.id||q;p={click:function(){for(var a=[],b=e(document.getElementsByTagName("a")),b=[].concat.apply(b,e(document.getElementsByTagName("area"))),b=[].concat.apply(b,e(document.getElementsByTagName("img"))),d,f,g,k=0,n=b.length;k<n;k++)d=b[k],l!==q?(f=d.getAttribute("onclick"),g=d.getAttribute("href"),m?(d=d.getAttribute("id"),(l.test(f)||l.test(g)||m.test(d))&&
+a.push(b[k])):(l.test(f)||l.test(g))&&a.push(b[k])):m!==q&&(d=d.getAttribute("id"),m.test(d)&&a.push(b[k]));return a}}}if("undefined"!==typeof p&&"undefined"!==typeof l){var s;n+=/\/$/.test(n)?"":"/";var y=function(a,d){if(s===d)return w(n+a,d),u;if(b.d(d,"Array")||b.d(d,"NodeList"))for(var e=0,f=d.length;e<f;e++)if(s===d[e])return w(n+a+"/"+(e+1),d[e]),u};d.c(document,"mousedown",function(a){a=a||window.event;s=a.target||a.srcElement;var d={};for(k(p,function(a,e){d[a]=b.d(e,"Function")?e():document.getElementById(e)});s&&
+s!==document&&k(d,y)!==u;)s=s.parentNode})}}})();(function(){var a=mt.h,b=mt.lang,d=mt.event,f=mt.l;if("undefined"!==typeof h.b&&b.d(c.cvcf,"Array")&&0<c.cvcf.length){var g={ca:function(){for(var b=c.cvcf.length,f,p=0;p<b;p++)(f=a.oa(decodeURIComponent(c.cvcf[p])))&&d.c(f,"click",g.ka())},ka:function(){return function(){h.b.a.et=86;var a={n:"form",t:"clk"};a.id=this.id;h.b.a.ep=f.stringify(a);h.b.k()}}};a.Ea(function(){g.ca()})}})();
+(function(){var a=mt.event,b=mt.l;if(c.med&&"undefined"!==typeof h.b){var d=+new Date,f={n:"anti",sb:0,kb:0,clk:0},g=function(){h.b.a.et=86;h.b.a.ep=b.stringify(f);h.b.k()};a.c(document,"click",function(){f.clk++});a.c(document,"keyup",function(){f.kb=1});a.c(window,"scroll",function(){f.sb++});a.c(window,"unload",function(){f.t=+new Date-d;g()});a.c(window,"load",function(){setTimeout(g,5E3)})}})();})();
--- a/WebRoot/js/jquery.qqFace_forum.js
+++ b/WebRoot/js/jquery.qqFace_forum.js
@@ -0,0 +1,109 @@
+// QQ表情插件
+(function($){  
+	$.fn.qqFace = function(options){
+		var defaults = {
+			id : 'facebox',
+			path : 'face/',
+			assign : 'content',
+			tip : 'emoji'
+		};
+		var option = $.extend(defaults, options);
+		var assign = $('#'+option.assign);
+		var id = option.id;
+		var path = option.path;
+		var tip = option.tip;
+		
+		if(assign.length<=0){
+			alert('缺少表情赋值对象。');
+			return false;
+		}
+		
+		$(this).click(function(e){
+			var strFace, labFace;
+			if($('#'+id).length<=0){
+				strFace = '<div id="'+id+'" style="position:absolute;display:none;z-index:1000;" class="qqFace">' +
+							  '<table border="0" cellspacing="0" cellpadding="0"><tr>';
+				for(var i=1; i<=75; i++){
+					labFace ="<image src=chartroom/arclist/"+i+".gif>"; 
+					strFace += '<td><img src="'+path+i+'.gif" onclick="$(\'#'+option.assign+'\').setCaret();$(\'#'+option.assign+'\').insertAtCaret(\'' + labFace + '\');" /></td>';
+					if( i % 15 == 0 ) strFace += '</tr><tr>';
+				}
+				strFace += '</tr></table>';
+				strFace +='<table border="0" cellspacing="0" cellpadding="0"><tr>';
+				
+				strFace += '</tr></table></div>';
+			}
+			$(this).parent().append(strFace);
+			var offset = $(this).position();
+			var top = offset.top + $(this).outerHeight();
+			$('#'+id).css('top',top);
+			$('#'+id).css('left',offset.left);
+			$('#'+id).show();
+			e.stopPropagation();
+		});
+
+		$(document).click(function(){
+			$('#'+id).hide();
+			$('#'+id).remove();
+		});
+	};
+
+})(jQuery);
+
+jQuery.extend({ 
+unselectContents: function(){ 
+	if(window.getSelection) 
+		window.getSelection().removeAllRanges(); 
+	else if(document.selection) 
+		document.selection.empty(); 
+	} 
+}); 
+jQuery.fn.extend({ 
+	selectContents: function(){ 
+		$(this).each(function(i){ 
+			var node = this; 
+			var selection, range, doc, win; 
+			if ((doc = node.ownerDocument) && (win = doc.defaultView) && typeof win.getSelection != 'undefined' && typeof doc.createRange != 'undefined' && (selection = window.getSelection()) && typeof selection.removeAllRanges != 'undefined'){ 
+				range = doc.createRange(); 
+				range.selectNode(node); 
+				if(i == 0){ 
+					selection.removeAllRanges(); 
+				} 
+				selection.addRange(range); 
+			} else if (document.body && typeof document.body.createTextRange != 'undefined' && (range = document.body.createTextRange())){ 
+				range.moveToElementText(node); 
+				range.select(); 
+			} 
+		}); 
+	}, 
+
+	setCaret: function(){ 
+		if(!$.browser.msie) return; 
+		var initSetCaret = function(){ 
+			var textObj = $(this).get(0); 
+			textObj.caretPos = document.selection.createRange().duplicate(); 
+		}; 
+		$(this).click(initSetCaret).select(initSetCaret).keyup(initSetCaret); 
+	}, 
+
+	insertAtCaret: function(textFeildValue){ 
+		var textObj = $(this).get(0); 
+		if(document.all && textObj.createTextRange && textObj.caretPos){ 
+			var caretPos=textObj.caretPos; 
+			caretPos.text = caretPos.text.charAt(caretPos.text.length-1) == '' ? 
+			textFeildValue+'' : textFeildValue; 
+		} else if(textObj.setSelectionRange){ 
+			var rangeStart=textObj.selectionStart; 
+			var rangeEnd=textObj.selectionEnd; 
+			var tempStr1=textObj.value.substring(0,rangeStart); 
+			var tempStr2=textObj.value.substring(rangeEnd); 
+			textObj.value=tempStr1+textFeildValue+tempStr2; 
+			textObj.focus(); 
+			var len=textFeildValue.length; 
+			textObj.setSelectionRange(rangeStart+len,rangeStart+len); 
+			textObj.blur(); 
+		}else{ 
+			textObj.value+=textFeildValue; 
+		} 
+	} 
+});
--- a/WebRoot/module/footer.jsp
+++ b/WebRoot/module/footer.jsp
@@ -1,19 +1,5 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8"
 	pageEncoding="UTF-8"%>
-<!doctype html>
-<html lang="zh-CN">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<title></title>
-<link rel="stylesheet" href="../css/manage.css" type="text/css">
-<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css">
-<link rel="stylesheet" href="../css/footer.css" type="text/css">
-<script src="js/ie-emulation-modes-warning.js"></script>
-</head>
-<body>
-	<!-- Footer -->
 		<div class="footer">

 			<!-- Copyright -->
@@ -27,8 +13,3 @@
 			<!-- //Copyright -->

 		</div>
-		<!-- //Footer -->
-	<script src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
-	<script src="../js/bootstrap.js" type="text/javascript"></script>
-</body>
-</html>
--- a/WebRoot/module/hidden_btn.jsp
+++ b/WebRoot/module/hidden_btn.jsp
@@ -0,0 +1,5 @@
+<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
+<%
+String path = request.getContextPath();
+String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
+%>
--- a/WebRoot/module/sidebar.jsp
+++ b/WebRoot/module/sidebar.jsp
@@ -13,15 +13,15 @@
 <script src="js/jquery-1.3.2.js" type="text/javascript"></script>
 <script src="js/bootstrap.js" type="text/javascript"></script>
 <script type="text/javascript">
-$(function(){
-$(".subNav").click(function(){
+	$(function() {
+		$(".subNav").click(function() {
 			$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")
 			$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")

 			// 修改数字控制速度， slideUp(500)控制卷起速度
 			$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);
 		})
-})
+	})
 </script>
 <style type="text/css">
 .placeholders {
@@ -30,12 +30,15 @@ $(".subNav").click(function(){
 	margin-left: 15px;
 }

-.placeholders h4{
+.placeholders h4 {
 	margin-bottom: 0;
 }
- .placeholder h4{
+
+.placeholder h4 {
 	/* padding-left:20px; */
+	
 }
+
 .placeholder img {
 	display: inline-block;
 	border-radius: 50%;
@@ -48,13 +51,23 @@ $(".subNav").click(function(){
 			<div class="placeholder">
 				<img src="img/client1.jpg" width="100" height="100"
 					class="img-responsive" alt="用户头像">
-				<h4><% out.println(user1);%></h4><!-- 已在top.jsp中声明，此处报错正常 -->
-				<span class="text-muted"><% out.println(vipuser+" "+adminuser);%></span><!-- 已在top.jsp中声明，此处报错正常 -->
+				<h4>
+					<%
+						out.println(user1);
+					%>
+				</h4>
+				<!-- 已在top.jsp中声明，此处报错正常 -->
+				<span class="text-muted"> <%
+ 	out.println(vipuser + " " + adminuser);
+ %>
+				</span>
+				<!-- 已在top.jsp中声明，此处报错正常 -->
 			</div>
 		</div>
 		<div class="subNavBox">
-	<div class="subNav currentDd currentDt">管理员档案</div>
-    <ul class="nav nav-sidebar text-center navContent " style="display:block">
+			<div class="subNav currentDd currentDt"><h4>管理员档案</h4></div>
+			<ul class="nav nav-sidebar text-center navContent "
+				style="display:block">
 				<li class="active"><a href="add_admin.jsp">添加管理员<span
 						class="sr-only">(current)</span></a></li>
 				<li class="active"><a href="add_docFile.jsp">添加档案<span
@@ -63,23 +76,30 @@ $(".subNav").click(function(){
 				<li><a href="exhibition_admin.jsp">展示管理员</a></li>
 				<li><a href="change_admin.jsp">修改管理员</a></li>
 			</ul>
-    <div class="subNav">岗位管理</div>
+			<div class="subNav"><h4>岗位管理</h4></div>
 			<ul class="nav nav-sidebar text-center navContent">
 				<li><a href="add_adminjob.jsp">添加岗位</a></li>
 				<li><a href="show_adminjob.jsp">查看岗位</a></li>
 			</ul>
-    <div class="subNav">用户管理</div>
+			<div class="subNav"><h4>用户管理</h4></div>
 			<ul class="nav nav-sidebar text-center navContent">
 				<li><a href="manage_user.jsp">管理用户</a></li>
 				<li><a href="show_user.jsp">查看用户</a></li>
 			</ul>
-    <div class="subNav">云服务</div>
+			<div class="subNav"><h4>云服务</h4></div>
 			<ul class="nav nav-sidebar text-center navContent">
 				<li><a href="chartroom/login.jsp">聊天室</a></li>
 				<li><a href="index.jsp">论坛</a></li>
 				<li><a href="x2_resource.jsp">信2资源站（维护中）</a></li>
 			</ul>
-</div>
+			<div class="subNav"><h4>团队中心</h4></div>
+			<ul class="nav nav-sidebar text-center navContent">
+				<li><a href="add_docFile.jsp">添加个人档案</a></li>
+				<li><a href="show_docFile.jsp">查看个人档案</a></li>
+				<li><a href="manage_docFile.jsp">编辑个人档案</a></li>
+				<li><a href="issue_page.jsp">发布信息</a></li>
+			</ul>
+		</div>
 	</div>
 	<script src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
 	<script src="../js/bootstrap.js" type="text/javascript"></script>
--- a/WebRoot/module/sidebar_pull.jsp
+++ b/WebRoot/module/sidebar_pull.jsp
@@ -7,10 +7,26 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>test</title>
-<link rel="stylesheet" href="../css/manage.css" type="text/css">
-<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css">
-<link rel="stylesheet" href="../css/footer.css" type="text/css">
 <script src="js/ie-emulation-modes-warning.js"></script>
+<link href="css/zzsc.css" type="text/css" rel="stylesheet">
+<link href="css/bootstrap.css" type="text/css" rel="stylesheet">
+<link href="css/patch.css" type="text/css" rel="stylesheet">
+<link href="css/docs.min.css" type="text/css" rel="stylesheet">
+<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+<script src="js/h.js" type="text/javascript"></script>
+<script src="js/docs.min.js" type="text/javascript"></script>
+<script type="text/javascript">
+	$(function() {
+		$(".subNav").click(function() {
+			$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")
+			$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")
+
+			// 修改数字控制速度， slideUp(500)控制卷起速度
+			$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);
+		})
+	})
+</script>
 <style type="text/css">
 .placeholders {
 	margin-bottom: 20px;
@@ -18,12 +34,15 @@
 	margin-left: 15px;
 }

-.placeholders h4{
+.placeholders h4 {
 	margin-bottom: 0;
 }
- .placeholder h4{
+
+.placeholder h4 {
 	/* padding-left:20px; */
+	
 }
+
 .placeholder img {
 	display: inline-block;
 	border-radius: 50%;
@@ -36,37 +55,135 @@
 			<div class="placeholder">
 				<img src="img/client1.jpg" width="100" height="100"
 					class="img-responsive" alt="用户头像">
-				<h4><% out.println(user1);%></h4><!-- 已在top.jsp中声明，此处报错正常 -->
-				<span class="text-muted"><% out.println(vipuser+" "+adminuser);%></span><!-- 已在top.jsp中声明，此处报错正常 -->
+				<h4>
+					<%
+						out.println(user1);
+					%>
+				</h4>
+				<!-- 已在top.jsp中声明，此处报错正常 -->
+				<span class="text-muted"> <%
+ 	out.println(vipuser + " " + adminuser);
+ %>
+				</span>
+				<!-- 已在top.jsp中声明，此处报错正常 -->
 			</div>
 		</div>
-		<ul class="nav nav-sidebar text-center
-	">
-			<h3>管理员档案</h3>
-			<li class="active"><a href="add_admin.jsp">添加管理员<span
-					class="sr-only">(current)</span></a></li>
-					<li class="active"><a href="add_docFile.jsp">添加档案<span
-					class="sr-only">(current)</span></a></li>
-			<li><a href="show_admin.jsp">查看管理员</a></li>
-			<li><a href="exhibition_admin.jsp">展示管理员</a></li>
-			<li><a href="change_admin.jsp">修改管理员</a></li>
+		<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix">
+      <ul class="nav bs-docs-sidenav">
+        <li> <a href="#js-overview">概览</a>
+          <ul class="nav">
+            <li><a href="#js-individual-compiled">单个还是全部引入</a></li>
+            <li><a href="#js-data-attrs">data 属性</a></li>
+            <li><a href="#js-programmatic-api">编程方式的 API</a></li>
+            <li><a href="#js-noconflict">避免命名空间冲突</a></li>
+            <li><a href="#js-events">事件</a></li>
+            <li><a href="#js-version-nums">Version numbers</a></li>
+            <li><a href="#js-disabled">浏览器的 JavaScript 被禁用的情况</a></li>
+            <li><a href="#callout-third-party-libs">第三方工具库</a></li>
          </ul>
-		<ul class="nav nav-sidebar text-center" >
-			<h3>岗位管理</h3>
-			<li><a href="add_adminjob.jsp">添加岗位</a></li>
-			<li><a href="show_adminjob.jsp">查看岗位</a></li>
+        </li>
+        <li><a href="#transitions">过渡效果</a></li>
+        <li> <a href="#modals">模态框</a>
+          <ul class="nav">
+            <li><a href="#modals-examples">实例</a></li>
+            <li><a href="#modals-sizes">Sizes</a></li>
+            <li><a href="#modals-remove-animation">Remove animation</a></li>
+            <li><a href="#modals-related-target">Varying content based on trigger button</a></li>
+            <li><a href="#modals-usage">用法</a></li>
+            <li><a href="#modals-options">参数</a></li>
+            <li><a href="#modals-methods">方法</a></li>
+            <li><a href="#modals-events">事件</a></li>
          </ul>
-		<ul class="nav nav-sidebar text-center">
-			<h3>用户管理</h3>
-			<li><a href="manage_user.jsp">管理用户</a></li>
-			<li><a href="show_user.jsp">查看用户</a></li>
+        </li>
+        <li class="active"> <a href="#dropdowns">下拉菜单</a>
+          <ul class="nav">
+            <li><a href="#dropdowns-examples">实例</a></li>
+            <li><a href="#dropdowns-usage">用法</a></li>
+            <li><a href="#dropdowns-methods">方法</a></li>
+            <li><a href="#dropdowns-events">事件</a></li>
          </ul>
-		<ul class="nav nav-sidebar text-center">
-			<h3>云服务</h3>
-			<li><a href="chartroom/login.jsp">聊天室</a></li>
-			<li><a href="index.jsp">论坛</a></li>
-			<li><a href="x2_resource.jsp">信2资源站（维护中）</a></li>
+        </li>
+        <li> <a href="#scrollspy">滚动监听</a>
+          <ul class="nav">
+            <li><a href="#scrollspy-examples">实例</a></li>
+            <li><a href="#scrollspy-usage">用法</a></li>
+            <li><a href="#scrollspy-methods">方法</a></li>
+            <li><a href="#scrollspy-options">参数</a></li>
+            <li><a href="#scrollspy-events">事件</a></li>
          </ul>
+        </li>
+        <li> <a href="#tabs">标签页</a>
+          <ul class="nav">
+            <li><a href="#tabs-examples">实例</a></li>
+            <li><a href="#tabs-usage">用法</a></li>
+            <li><a href="#tabs-methods">方法</a></li>
+            <li><a href="#tabs-events">事件</a></li>
+          </ul>
+        </li>
+        <li> <a href="#tooltips">工具提示</a>
+          <ul class="nav">
+            <li><a href="#tooltips-examples">实例</a></li>
+            <li><a href="#tooltips-usage">用法</a></li>
+            <li><a href="#tooltips-options">参数</a></li>
+            <li><a href="#tooltips-methods">方法</a></li>
+            <li><a href="#tooltips-events">事件</a></li>
+          </ul>
+        </li>
+        <li> <a href="#popovers">弹出框</a>
+          <ul class="nav">
+            <li><a href="#popovers-examples">实例</a></li>
+            <li><a href="#popovers-usage">用法</a></li>
+            <li><a href="#popovers-options">参数</a></li>
+            <li><a href="#popovers-methods">方法</a></li>
+            <li><a href="#popovers-events">事件</a></li>
+          </ul>
+        </li>
+        <li> <a href="#alerts">警告框</a>
+          <ul class="nav">
+            <li><a href="#alerts-examples">警告框实例</a></li>
+            <li><a href="#alerts-usage">用法</a></li>
+            <li><a href="#alerts-methods">方法</a></li>
+            <li><a href="#alerts-events">事件</a></li>
+          </ul>
+        </li>
+        <li> <a href="#buttons">按钮</a>
+          <ul class="nav">
+            <li><a href="#buttons-stateful">Stateful</a></li>
+            <li><a href="#buttons-single-toggle">Single toggle</a></li>
+            <li><a href="#buttons-checkbox-radio">Checkbox / Radio</a></li>
+            <li><a href="#buttons-methods">方法</a></li>
+          </ul>
+        </li>
+        <li> <a href="#collapse">Collapse</a>
+          <ul class="nav">
+            <li><a href="#collapse-example">实例</a></li>
+            <li><a href="#collapse-example-accordion">Accordion example</a></li>
+            <li><a href="#collapse-usage">用法</a></li>
+            <li><a href="#collapse-options">参数</a></li>
+            <li><a href="#collapse-methods">方法</a></li>
+            <li><a href="#collapse-events">事件</a></li>
+          </ul>
+        </li>
+        <li> <a href="#carousel">Carousel</a>
+          <ul class="nav">
+            <li><a href="#carousel-examples">实例</a></li>
+            <li><a href="#carousel-usage">用法</a></li>
+            <li><a href="#carousel-options">参数</a></li>
+            <li><a href="#carousel-methods">方法</a></li>
+            <li><a href="#carousel-events">事件</a></li>
+          </ul>
+        </li>
+        <li> <a href="#affix">Affix</a>
+          <ul class="nav">
+            <li><a href="#affix-examples">实例</a></li>
+            <li><a href="#affix-usage">用法</a></li>
+            <li><a href="#affix-options">参数</a></li>
+            <li><a href="#affix-methods">方法</a></li>
+            <li><a href="#affix-events">事件</a></li>
+          </ul>
+        </li>
+      </ul>
+      <a class="back-to-top" href="#top"> 返回顶部 </a> <a href="#" class="bs-docs-theme-toggle" role="button"> 主题预览 </a> </nav>
 	</div>
 	<script src="../js/jquery-1.11.2.min.js" type="text/javascript"></script>
 	<script src="../js/bootstrap.js" type="text/javascript"></script>
--- a/WebRoot/module/top.jsp
+++ b/WebRoot/module/top.jsp
@@ -7,9 +7,9 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title></title>
-<link rel="stylesheet" href="../css/manage.css" type="text/css">
-<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css">
-<link rel="stylesheet" href="../css/footer.css" type="text/css">
+<link rel="stylesheet" href="css/manage.css" type="text/css">
+<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
+<link rel="stylesheet" href="css/footer.css" type="text/css">
 <script src="js/ie-emulation-modes-warning.js"></script>
 </head>
 <body>
--- a/WebRoot/send.jsp
+++ b/WebRoot/send.jsp
@@ -20,6 +20,7 @@
 	rel="stylesheet">
 <link href="forum/css/animate.css" rel="stylesheet">
 <link href="forum/css/style.css" rel="stylesheet">
+<link href="css/emoji.css" rel="stylesheet">

 </head>

@@ -60,9 +61,10 @@
 						<!--<input type="text" class="form-control" name="subject"></div>-->
 						<div class="form-group">

-							<label for="textContent">内容</label>
+							<label for="textContent">内容</label>标签
 							<textarea rows="10" cols="135" name="content"
-								class="form-control" placeholder="åå®¹"></textarea>
+								class="form-control" placeholder="内容" id="form-control"></textarea>
+							<p class="emotion" style="margin-left: 30px;">标签</p>
 								 <input class="btn btn-default pull-right createNew" type="submit"
 								value="åè¡¨å¸å">
 						</div>
@@ -116,6 +118,46 @@
 			$('.click2edit').destroy();
 		};
 	</script>
+	<script src="js/jquery.min.js"></script>
+	<script type="text/javascript" src="js/jquery.qqFace_forum.js"></script>
+	<script type="text/javascript">
+	
+		$(function() {
+	
+			$('.emotion').qqFace({
+				id : 'facebox',
+	
+				assign : 'form-control',
+	
+				path : 'chartroom/arclist/' //表情存放的路径
+	
+			});
+	
+			$(".send").click(function() {
+	
+				var str = $("#form-control").val();
+	
+				$("#show").html(replace_em(str));
+	
+			});
+	
+		});
+	
+		//查看结果
+	
+		function replace_em(str) {
+			str = str.replace(/\</g, '&lt;');
+	
+			str = str.replace(/\>/g, '&gt;');
+	
+			str = str.replace(/\n/g, '<br/>');
+	
+			str = str.replace(/\[em_([0-9]*)\]/g, '< img src="chartroom/arclist/$1.gif" border="0" />');
+	
+			return str;
+	
+		}
+	</script>
 </body>

 </html>
--- a/WebRoot/sendForum.jsp
+++ b/WebRoot/sendForum.jsp
@@ -19,6 +19,7 @@
 	rel="stylesheet">
 <link href="forum/css/animate.css" rel="stylesheet">
 <link href="forum/css/style.css" rel="stylesheet">
+<link href="css/emoji.css" rel="stylesheet">
 <script type="text/javascript">

 	function validateSubject(field) {
@@ -30,8 +31,7 @@
 	function validate(form) {
 		fail = validateSubject(form.subject.value)
 		fail += validateContent(form.content.value)
-		if (fail == "") return true;
-		else {
+		if (fail == "") return true;else {
 			alert(fail);return false;
 		} //判断表单的内容不能为空
 	}
@@ -64,7 +64,8 @@
 					</div>
 				</div>
 				<div class="row">
-					<form action="forum/send.jsp" method="post" onsubmit="return validate(this)">
+					<form action="forum/send.jsp" method="post"
+						onsubmit="return validate(this)">
 						<div class="form-group">

 							<label for="textTitle">主题</label> <input type="text"
@@ -74,7 +75,7 @@

 								<label for="textContent">内容</label>
 								<textarea rows="10" cols="135" name="content"
-									class="form-control" placeholder="内容"></textarea>
+									class="form-control" placeholder="内容" id="form-control"></textarea><img src="chartroom/arclist/1.gif" class="emotion" style="margin-left: 30px;">
 								<input class="btn btn-default pull-right createNew"
 									type="submit" value="发表帖子"> <input type="hidden"
 									name="username" value="<%=user1%>" />
@@ -132,6 +133,46 @@
 			$('.click2edit').destroy();
 		};
 	</script>
+	<script src="js/jquery.min.js"></script>
+	<script type="text/javascript" src="js/jquery.qqFace_forum.js"></script>
+	<script type="text/javascript">
+	
+		$(function() {
+	
+			$('.emotion').qqFace({
+				id : 'facebox',
+	
+				assign : 'form-control',
+	
+				path : 'chartroom/arclist/' //表情存放的路径
+	
+			});
+	
+			$(".send").click(function() {
+	
+				var str = $("#form-control").val();
+	
+				$("#show").html(replace_em(str));
+	
+			});
+	
+		});
+	
+		//查看结果
+	
+		function replace_em(str) {
+			str = str.replace(/\</g, '&lt;');
+	
+			str = str.replace(/\>/g, '&gt;');
+	
+			str = str.replace(/\n/g, '<br/>');
+	
+			str = str.replace(/\[em_([0-9]*)\]/g, '< img src="chartroom/arclist/$1.gif" border="0" />');
+	
+			return str;
+	
+		}
+	</script>
 </body>

 </html>
--- a/WebRoot/x2_resource.jsp
+++ b/WebRoot/x2_resource.jsp
@@ -94,7 +94,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="panel panel-primary">
+				<%-- <div class="panel panel-primary">
 					<div class="panel-heading">
 						<h3 class="panel-title text-center">上传文件</h3>
 					</div>
@@ -111,7 +111,7 @@
 							</table>
 						</div>
 					</div>
-				</div>
+				</div> --%>
 			</div>
 		</div>
 		<!-- Footer -->