2021年6月3日：
登录的前端代码：
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<jsp:include page="login_head.jsp"></jsp:include>
<form id="regForm" action="${pageContext.request.contextPath}/login"
method="post">
<h1>用户登录</h1>
<div>
<input type="text" required name="login_mail" class="form-control"
placeholder="注册的邮箱" />
</div>
<div>
<input type="password" required name="pwd" maxlength="20"
class="form-control" placeholder="请输入密码 " />
</div>
<div style="padding-left: 90px;">
<button type="submit" class="btn btn-default">登录</button>
<button type="button" class="btn btn-default"
onclick="window.location='${pageContext.request.contextPath}/register.jsp'">注册</button>
<a class="reset_pass" href="#">忘记密码?</a>
</div>
<div class="clearfix"></div>
<div class="separator">
<div class="clearfix"></div>
<br />
<div>
<h1>
<i class="fa fa-paw"></i> Gentelella Alela!
</h1>
<p>©2021 All Rights Reserved. Gentelella Alela! is a Bootstrap 3
template. Privacy and Terms</p>
</div>
</div>
</form>
<jsp:include page="login_foot.jsp"></jsp:include>
<script type="text/javascript">
var msg = "${msg}";
if (msg.length > 0) {
if (msg.indexOf("需激活") >= 0) {
active();
} else {
alert(msg);
}
}
function active() {
var code = prompt("请输入激活验证码:");
var userId = msg.split("|")[1];
if (code != null) {
$
.ajax({
url : "${pageContext.request.contextPath}/active",
data : "userId=" + userId + "&code=" + code,
type : "get",
dataType : "text",
success : function(result) {
alert(result);
if (result.indexOf("成功") >= 0) {
window.location.href = "${pageContext.request.contextPath}/login.jsp";
} else {
active();
}
}
});
}
}
</script>
注册的代码：
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<jsp:include page="login_head.jsp"></jsp:include>
<form id="regForm" action="${pageContext.request.contextPath}/register"
method="post">
<h1>用户注册</h1>
<div>
<input style="margin: 0px;" type="text" name="login_mail"
class="form-control" placeholder="注册邮箱" />
<div style=" 350px; height: 20px; margin-bottom: 5px;">
<span id="mail" class="help-block"
style="margin-right: 220px; margin-top: 0px; margin-bottom: 0px;"></span>
</div>
</div>
<div>
<input style="margin: 0px;" type="password" name="pwd" maxlength="20"
class="form-control" placeholder="密码 6-20位" />
<div style=" 350px; height: 20px; margin-bottom: 5px;">
<span id="pwd" class="help-block"
style="margin-right: 220px; margin-top: 0px; margin-bottom: 0px;"></span>
</div>
</div>
<div>
<input style="margin: 0px;" type="password" name="pwd2"
class="form-control" maxlength="20" placeholder="重复密码" />
<div style=" 350px; height: 20px; margin-bottom: 5px;">
<span id="pwd2" class="help-block"
style="margin-right: 220px; margin-top: 0px; margin-bottom: 0px;"></span>
</div>
</div>
<div>
<button type="submit" class="btn btn-default">注册</button>
</div>
<div class="clearfix"></div>
<div class="separator">
<div class="clearfix"></div>
<br />
<div>
<h1>
<i class="fa fa-paw"></i> Gentelella Alela!
</h1>
<p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3
template. Privacy and Terms</p>
</div>
</div>
</form>
<jsp:include page="login_foot.jsp"></jsp:include>
<script type="text/javascript">
var msg = "${msg}";
if (msg.length > 0) {
if (msg = "注册成功") {
alert(msg);
window.location = "${pageContext.request.contextPath}/login.jsp";
}
}
$(function() {
var exp = /[1-9][0-9]{4,}@qq.com/;
$("input[name='login_mail']").on('input propertychange', function() {
if ($(this).val()) {
if (!exp.test($(this).val())) {
$(this).parent().removeClass("has-error");
$(this).parent().addClass("has-error");
$("#mail").text("请输入正确的邮箱格式");
} else {
$(this).parent().removeClass("has-error");
$("#mail").text("");
}
} else {
$(this).parent().removeClass("has-error");
$("#mail").text("");
}
})
$("input[name='pwd']").on('input propertychange', function() {
if ($(this).val()) {
if ($("input[name='pwd']").val().length < 6) {
$(this).parent().removeClass("has-error");
$(this).parent().addClass("has-error");
$("#pwd").text("请输入正确的密码格式");
} else {
$(this).parent().removeClass("has-error");
$("#pwd").text("");
}
} else {
$(this).parent().removeClass("has-error");
$("#pwd").text("");
}
})
$("input[name='pwd2']").on('input propertychange', function() {
if ($(this).val()) {
if ($(this).val() != $("input[name='pwd']").val()) {
$(this).parent().removeClass("has-error");
$(this).parent().addClass("has-error");
$("#pwd2").text("请输入正确的重复密码");
} else {
$(this).parent().removeClass("has-error");
$("#pwd2").text("");
}
} else {
$(this).parent().removeClass("has-error");
$("#pwd2").text("");
}
})
$("#regForm").submit(function() {
var a = $("#mail").text();
var b = $("#pwd").text();
var c = $("#pwd2").text();
var mail = $("input[name='login_mail']").val();
var pwd = $("input[name='pwd']").val();
var pwd2 = $("input[name='pwd2']").val();
if (!mail) {
$("input[name='login_mail']").parent().addClass("has-error");
$("#mail").text("此项不能为空!");
return false;
}
if (!pwd) {
$("input[name='pwd']").parent().addClass("has-error");
$("#pwd").text("此项不能为空!");
return false;
}
if (!pwd2) {
$("input[name='pwd2']").parent().addClass("has-error");
$("#pwd2").text("此项不能为空!");
return false;
}
if (a == "" && b == "" && c == "") {
return true;
} else {
return false;
}
})
})
</script>
首页的头文件代码：
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${param.title}-优优社团</title>
<link
href="${pageContext.request.contextPath}/statics/css/bootstrap.min.css"
rel="stylesheet">
<link
href="${pageContext.request.contextPath}/statics/css/font-awesome.min.css"
rel="stylesheet">
<link
href="${pageContext.request.contextPath}/statics/css/nprogress.css"
rel="stylesheet">
<link
href="${pageContext.request.contextPath}/statics/css/jquery.mCustomScrollbar.min.css"
rel="stylesheet" />
<link
href="${pageContext.request.contextPath}/statics/css/custom.min.css"
rel="stylesheet">
<c:if test="${not empty param.needSwitch}">
<link
href="${pageContext.request.contextPath}/statics/plugins/switch/bootstrap-switch.min.css"
rel="stylesheet">
</c:if>
<c:if test="${not empty param.needCropper}">
<link
href="${pageContext.request.contextPath}/statics/plugins/cropper/cropper.css"
rel="stylesheet">
</c:if>
<c:if test="${not empty param.needTable}">
<link
href="${pageContext.request.contextPath}/statics/plugins/table/bootstrap-table.css"
rel="stylesheet">
</c:if>
</head>
<body class="nav-md">
<div class="modal fade" id="mh" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title">
已确定的人数 <span
id="zi" style="color: red;"></span> / <span id="mu"></span>
</h4>
</div>
<div class="modal-body">
<div role="tabpanel" class="tab-pane fade active in"
id="tab_content1" aria-labelledby="home-tab"
style="height: 320px;">
<div style="height: 320px;">
<ul class="list-unstyled user_data" id="u">
</ul>
</div>
</div>
<ul class="nav nav-pills"
style="padding-left: 390px; display: none;" id="fenye">
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">创建部门</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="biaodan">
<div class="form-group">
<label class="col-sm-2 control-label">部门名字:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="name"
id="bumenname"> <input type="hidden" name="club_name"
id="clubname">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">部门简介:</label>
<div class="col-sm-10">
<textarea rows="5" class="form-control" name="produce"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">团员人数:</label>
<div class="col-sm-10">
<input type="email" class="form-control" name="renshu"
id="renshu">
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="save">创建</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title">拒绝说明</h4>
</div>
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label">请说明拒绝的理由(没有就写无):</label>
<div class="col-sm-10" style="margin-top: 10px;">
<textarea rows="10" class="form-control col-md-7 col-xs-12 "
required id="refuse"></textarea>
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="queding">确定</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modelmessage" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title">申请回复</h4>
</div>
<div style="margin-top: 10px;" id="messagequeding"></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="quedingm">确定</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modelhuodong" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title">活动确认</h4>
</div>
<div style="margin-top: 10px;" id="huodongrending"></div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="huodongqueding">确认</button>
</div>
</div>
</div>
</div>
</div>
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col menu_fixed">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i>
<span>优优社团</span></a>
</div>
<div class="clearfix"></div>
<div class="profile clearfix">
<div class="profile_pic">
<img
src="<c:if test="${empty sessionScope.user.head_img}">${pageContext.request.contextPath}/statics/images/img.jpg</c:if>
<c:if test="${not empty sessionScope.user.head_img}">${pageContext.request.contextPath}/statics/images/user/${sessionScope.user.head_img}</c:if>"
class="img-circle profile_img">
</div>
<div class="profile_info">
<span>欢迎</span>
<h2>
<c:if test="${empty sessionScope.user.nick_name}">${sessionScope.user.login_mail}</c:if>
<c:if test="${not empty sessionScope.user.nick_name}">${sessionScope.user.nick_name}</c:if>
</h2>
</div>
</div>
<br />
<div id="sidebar-menu"
class="main_menu_side hidden-print main_menu">
<div class="menu_section">
<h3>General</h3>
<ul class="nav side-menu">
<li><a><i class="fa fa-home"></i> 个人管理 <span
class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="${pageContext.request.contextPath}/index">个人名片</a></li>
<li><a
href="${pageContext.request.contextPath}/user/edit<c:if test="${empty sessionScope.user.nick_name}">?action=change</c:if>">个人资料</a></li>
<li><a
href="${pageContext.request.contextPath}/user/head.html">修改头像</a></li>
<li><a
href="${pageContext.request.contextPath}/club/sousuo">搜索社团</a></li>
<c:if test="${sessionScope.user.user_type==2}">
<li><a
href="${pageContext.request.contextPath}/club/huodong?name=${user.true_name}">发起活动</a></li>
<li><a
href="${pageContext.request.contextPath}/club/lookhuodong?name=${user.true_name}">我发起的活动</a></li>
</c:if>
<li><a
href="${pageContext.request.contextPath}/club/joinhuodong?name=${user.true_name}">我参与过的活动</a></li>
</ul></li>
<li><a><i class="fa fa-group"></i>我的社团<span
class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<c:forEach items="${clublist}" var="club">
<li><a
href="${pageContext.request.contextPath}/club/lookclub?name=${club.name}&id=${club.id}">${club.name}</a></li>
</c:forEach>
</ul></li>
</ul>
</div>
</div>
<div class="sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a> <a data-toggle="tooltip" data-placement="top" title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span
class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a> <a data-toggle="tooltip" data-placement="top" title="Logout"
href="login.html"> <span class="glyphicon glyphicon-off"
aria-hidden="true"></span>
</a>
</div>
</div>
</div>
<div class="top_nav">
<div class="nav_menu">
<nav>
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class=""><a href="javascript:;"
class="user-profile dropdown-toggle" data-toggle="dropdown"
aria-expanded="false"> <img
src="<c:if test="${empty sessionScope.user.head_img}">${pageContext.request.contextPath}/statics/images/img.jpg</c:if>
<c:if test="${not empty sessionScope.user.head_img}">${pageContext.request.contextPath}/statics/images/user/${sessionScope.user.head_img}</c:if>"
alt=""> <c:if test="${empty sessionScope.user.nick_name}">${sessionScope.user.login_mail}</c:if>
<c:if test="${not empty sessionScope.user.nick_name}">${sessionScope.user.nick_name}</c:if>
<span class=" fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="${pageContext.request.contextPath}/index">
个人主页</a></li>
<li><a
href="${pageContext.request.contextPath}/logout.html"><i
class="fa fa-sign-out pull-right"></i> 登出</a></li>
</ul></li>
<li role="presentation" class="dropdown"><a
href="javascript:;" class="dropdown-toggle info-number"
data-toggle="dropdown" aria-expanded="false"> <i
class="fa fa-envelope-o"></i> <span class="badge bg-red"
id="count1"></span>
</a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list"
role="menu" style="height: 200px; overflow-y: scroll;">
</ul></li>
</ul>
</nav>
</div>
</div>
<div class="right_col" role="main">
<div>
<div class="page-title"></div>
<div class="clearfix"></div>
<div class="row">
首页的脚文件代码：
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
</div>
</div>
</div>
<footer>
<div class="pull-right">
Gentelella - Bootstrap ClubAdmin Template by <a
href="https://colorlib.com">Colorlib</a>
</div>
<div class="clearfix"></div>
</footer>
</div>
</div>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script
src="${pageContext.request.contextPath}/statics/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/fastclick.js"></script>
<script src="${pageContext.request.contextPath}/statics/js/nprogress.js"></script>
<script
src="${pageContext.request.contextPath}/statics/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script
src="${pageContext.request.contextPath}/statics/js/custom.min.js"></script>
<c:if test="${not empty param.needSwitch}">
<script
src="${pageContext.request.contextPath}/statics/plugins/switch/bootstrap-switch.min.js"></script>
</c:if>
<c:if test="${not empty param.needCropper}">
<script
src="${pageContext.request.contextPath}/statics/plugins/cropper/cropper.js"></script>
<script
src="${pageContext.request.contextPath}/statics/plugins/cropper/jquery-cropper.js"></script>
</c:if>
<c:if test="${not empty param.needAlert}">
<script
src="${pageContext.request.contextPath}/statics/plugins/sweetalert2.js"></script>
</c:if>
<c:if test="${not empty param.needTable}">
<script
src="${pageContext.request.contextPath}/statics/plugins/table/bootstrap-table.js"></script>
<script
src="${pageContext.request.contextPath}/statics/plugins/table/bootstrap-table-zh-CN.min.js"></script>
</c:if>
<script type="text/javascript">
$(function() {
messageupdate("${user.true_name}");
})
var userlist = '${param.userlist}';
var clubname = "${param.clubname}";
var msg = "${msg2}";
var content = "${content}";
var user = "${param.user}";
var refuse = "${param.refuse}";
var messagec = content.split(",")[0];
var imgpath = content.split(",")[1];
var websocket = null;
var userno = "${user.true_name}";
var huodong = "${param.huodong}";
var time = "${param.time}";
var huodongclub = "${param.huodongclub}";
var a;
if (userno) {
websocket = new WebSocket("ws://localhost:8080/ssm-crud/websocket/"
+ userno);
}
function send4() {
var a = [];
$.each(JSON.parse(userlist), function() {
a.push(this.true_name);
})
var message = huodongclub + ":" + huodong + "?" + "将大致于" + time
+ "时间段进行,具体时间在QQ上另行通知,请各个部门的部长和相应部门的团员做好自己的工作,请在10分钟之内点击确认收到"
+ "|" + a.join(",");
websocket.send(message);
sendmessage1(a, message.split("|")[0], "通知", userno, null);
}
function send3() {
var message = "抱歉,你想成为" + clubname + "团员的申请已被拒绝,请重新申请加入。拒绝理由:" + refuse
+ "|" + user;
websocket.send(message);
sendmessage(user, message.split("|")[0], "入团", userno, null);
}
function send2() {
var message = "你好!恭喜你成为" + clubname + "社团的团员" + "|" + user;
websocket.send(message);
sendmessage(user, message.split("|")[0], "入团", userno, null);
}
function send() {
var message = "用户" + userno + "向你发送一条入团申请";
var ToSendUserno = msg.substring(13, msg.length);
message1 = message + "|" + ToSendUserno;
websocket.send(message1);
sendmessage(ToSendUserno, messagec, "申请", userno, imgpath);
}
function sendmessage(receive_user, messagec, type, link_user, imgpath) {
$.ajax({
url : "${pageContext.request.contextPath}/club/message",
data : "receiveuser=" + receive_user + "&message=" + messagec
+ "&linkuser=" + link_user + "&imgpath=" + imgpath
+ "&type=" + type,
type : "get",
success : function(data) {
}
})
}
function sendmessage1(receive_user, messagec, type, link_user, imgpath) {
$.ajax({
url : "${pageContext.request.contextPath}/club/message1",
data : "shuzu=" + receive_user + "&message=" + messagec
+ "&linkuser=" + link_user + "&imgpath=" + imgpath
+ "&type=" + type,
type : "get",
success : function(data) {
}
})
}
if (userno) {
websocket.onopen = function() {
if (msg.length > 0) {
if (msg.indexOf("成功") >= 0) {
alert("申请成功!请等待社长回应");
send();
window.location.href = "${pageContext.request.contextPath}/club/sousuo";
} else {
alert(msg);
}
}
if (clubname && user && refuse == "" && clubname != "null"
&& user != "null") {
send2();
}
if (clubname && user && refuse && clubname != "null"
&& user != "null" && refuse != "null") {
send3();
}
if (huodong && time && huodong != "null" && time != "null"
&& huodongclub != null && huodongclub != "null") {
send4();
}
}
websocket.onmessage = function(event) {
messageupdate(event.data);
}
window.onbeforeunload = function() {
websocket.close();
}
}
$(document).on("click", ".cha", function() {
$("#messagequeding").text($(this).attr("data-text"));
$("#quedingm").attr("data-id", $(this).attr("data-id"));
$("#modelmessage").modal({
backdrop : "static"
})
})
$(document).on(
"click",
".huo",
function() {
$("#huodongrending").text(
$(this).attr("data-text").split(":")[1].split("?")[0]
+ $(this).attr("data-text").split(":")[1]
.split("?")[1]);
$("#huodongqueding").attr("data-id", $(this).attr("data-id"));
$("#huodongqueding").attr("data-huodong",
$(this).attr("data-text").split(":")[1].split("?")[0]);
$("#huodongqueding").attr("data-club",
$(this).attr("data-text").split(":")[0]);
$("#modelhuodong").modal({
backdrop : "static"
})
})
$("#quedingm").click(function() {
$.ajax({
url : "${pageContext.request.contextPath}/user/m",
data : "id=" + $(this).attr("data-id"),
type : "get",
success : function(data) {
}
})
$("#modelmessage").modal('hide');
location.reload();
})
$("#huodongqueding").click(
function() {
$.ajax({
url : "${pageContext.request.contextPath}/user/huodong",
data : "id=" + $(this).attr("data-id") + "&club="
+ $(this).attr("data-club") + "&huodong="
+ $(this).attr("data-huodong") + "&user=" + userno,
type : "get",
dataType : "text",
async : false,
success : function(data) {
if (data.length > 2) {
a = data;
}
}
})
$("#modelhuodong").modal('hide');
location.reload();
alert(a);
})
function messageupdate(receiveuser) {
$.ajax({
url : "${pageContext.request.contextPath}/user/message",
data : "receiveuser=" + receiveuser,
type : "get",
dataType : "json",
success : function(result) {
if (result.length != 0) {
$("#count1").text(result.length);
}
$("#menu1").empty();
$.each(result, function() {
if (this.type == "申请") {
var span1 = $("<span class='image'></span>").append(
$("<img/>").attr(
"src",
"${pageContext.request.contextPath}/statics/images/photos/"
+ this.photo));
var span2 = $("<span></span>").append(
$("<span></span>").append(this.link_user))
.append(
$("<span class='time'></span>").append(
this.create_time));
var a = $("<a></a>").append(span1).append(span2)
.append("<span class='message'>查看详情</span>")
.attr(
"href",
"${pageContext.request.contextPath}/user/xiangqing?photo="
+ this.photo);
var message = $("<li></li>").append(a);
$("#menu1").append(message);
}
if (this.type == "入团") {
var span1 = $("<span class='image'></span>");
var span2 = $("<span></span>").append(
$("<span></span>").append("社长已回复你......"))
.append(
$("<span class='time'></span>").append(
this.create_time));
var a = $("<a href='javaScript:;' class='cha'></a>")
.append(span1).append(span2).append(
"<span class='message'>查看详情</span>")
.attr("data-text", this.content).attr(
"data-id", this.id);
var message = $("<li></li>").append(a);
$("#menu1").append(message);
}
if (this.type == "通知") {
var span1 = $("<span class='image'></span>");
var span2 = $("<span></span>").append(
$("<span></span>").append("活动通知")).append(
$("<span class='time'></span>").append(
this.create_time));
var a = $("<a href='javaScript:;' class='huo'></a>")
.append(span1).append(span2).append(
"<span class='message'>查看详情</span>")
.attr("data-text", this.content).attr(
"data-id", this.id);
var message = $("<li></li>").append(a);
$("#menu1").append(message);
}
})
}
})
}
</script>
</body>
</html>