SSM项目开发日记02-显示用户未读消息（顶部栏）
>>>2021-07-10
部分代码参考自以下文章：
需要在顶部栏添加未读消息按钮，点击按钮时可以查看未读消息列表，并且显示发信人名称，头像，简略内容，和显示多久之前。
首先在AdminLTE框架中，找到图中位置的代码：
<li class="dropdown messages-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i>
<span class="label label-success">4</span>
</a>
<ul class="dropdown-menu">
<li class="header">你有4个邮件</li>
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu">
<li>
<!-- start message -->
<a href="#">
<div class="pull-left">
<img src="../img/user2-160x160.jpg" class="img-circle"
alt="User Image">
</div>
<h4>
系统消息
<small><i class="fa fa-clock-o"></i> 5 分钟前</small>
</h4>
<p>欢迎登录系统?</p>
</a>
</li>
<!-- end message -->
<li>
<a href="#">
<div class="pull-left">
<img src="../img/user3-128x128.jpg" class="img-circle"
alt="User Image">
</div>
<h4>
团队消息
<small><i class="fa fa-clock-o"></i> 2 小时前</small>
</h4>
<p>你有新的任务了</p>
</a>
</li>
<li>
<a href="#">
<div class="pull-left">
<img src="../img/user4-128x128.jpg" class="img-circle"
alt="User Image">
</div>
<h4>
Developers
<small><i class="fa fa-clock-o"></i> Today</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<li>
<a href="#">
<div class="pull-left">
<img src="../img/user3-128x128.jpg" class="img-circle"
alt="User Image">
</div>
<h4>
Sales Department
<small><i class="fa fa-clock-o"></i> Yesterday</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<li>
<a href="#">
<div class="pull-left">
<img src="../img/user4-128x128.jpg" class="img-circle"
alt="User Image">
</div>
<h4>
Reviewers
<small><i class="fa fa-clock-o"></i> 2 days</small>
</h4>
<p>Why not buy a new awesome theme?</p>
</a>
</li>
</ul>
</li>
<li class="footer"><a href="#">See All Messages</a></li>
</ul>
</li>
调整后如下（整合后的代码会放在文尾）：
<li class="dropdown messages-menu" id="unreadMsgBox">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="unreadMsgBtn">
<i class="fa fa-envelope-o"></i>
</a>
<ul class="dropdown-menu" id="unreadMsgList">
<li>
<ul class="menu" id="unreadMsgUl">
</ul>
</li>
<li class="footer"><a href="#"></a></li>
</ul>
</li>
需要显示的数据有：未读消息数，每个消息的发送人名，发送人头像，消息内容，以及时间。
因为在上一篇文章中，已经把这些对象信息存到了前端的sessionStorage中，因此此处直接取出数据使用即可。查找出的各个字段名如下：
修改上文的js代码如下：
<script type="module">
import {timeFrom} from "${pageContext.request.contextPath}/plugins/tools/timeTool.js";
$(document).ready(function () {
var userSession = getUserSession();
if ($.isEmptyObject(userSession)) {
getLoginUser();
} else {
showImg(userSession);
showMsgList(userSession);
}
});
function getLoginUser() {
$.ajax({
url: "${pageContext.request.contextPath}/user/checkLoginUser.do",
type: "post",
dataType: "json",
success: function (result) {
showImg(result);
setUserSession(result);
showMsgList(result);
}
});
}
function setUserSession(user) {
sessionStorage.clear();
window.sessionStorage.setItem("loginUserSession", JSON.stringify(user));
}
function getUserSession() {
var userSession = JSON.parse(window.sessionStorage.getItem("loginUserSession"));
return userSession;
}
function showImg(result) {
var img = result.url;
var userId = result.id;
<%--document.write('<img src="${pageContext.request.contextPath}' + img + '" class="img-circle" alt="User Image">')--%>
$("#img3").attr('src', '${pageContext.request.contextPath}' + img);
$("#img2").attr('src', '${pageContext.request.contextPath}' + img);
$("#img1").attr('src', '${pageContext.request.contextPath}' + img);
$("#asideNameLink").attr('href', '${pageContext.request.contextPath}/user/findById.do?id=' + userId);
}
function showMsgList(result) {
if (!($.isEmptyObject(result.readMsgList))) {
var unreadCount = 0;
for (let i in result.readMsgList) {
if ((result.readMsgList[i].isReaded == '0') || result.readMsgList[i].isReaded == 0) {
unreadCount = unreadCount + 1;
}
}
$("#unreadMsgBtn").append("<span class='label label-success'>" + unreadCount + "</span>");
$("#unreadMsgList").append("<li class='header'>你有" + unreadCount + "个未读消息</li>");
// alert(result.readMsgList.length);
for (let i in result.readMsgList) {
if ((result.readMsgList[i].isReaded == '0') || result.readMsgList[i].isReaded == 0) {
var unReadMsg = result.readMsgList[i];
var imgUrl= unReadMsg.msggeagege.senderUser.url;
var senderName=unReadMsg.msggeagege.senderUser.cuName;
var msgBoody=unReadMsg.msggeagege.msgBody;
var timeCode=unReadMsg.msggeagege.createDate;
var msgTime=timeFrom(timeCode);
$("#unreadMsgUl").append("<li><a href='#'><div class='pull-left'><img src='${pageContext.request.contextPath}" + imgUrl + "' class='img-circle' alt='User Image'></div><h4>" + senderName +"<small><i class='fa fa-clock-o'></i>"+msgTime+ "</small></h4><p>"+msgBoody.substring(0,10)+"......</p></a></li>");
}
}
}
}
</script>
完整前端代码：
header.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<!-- 页面头部 -->
<header class="main-header">
<!-- Logo -->
<a href="all-admin-index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>校园餐厅</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>校园餐厅</b>后台管理系统</span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less-->
<li class="dropdown messages-menu" id="unreadMsgBox">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="unreadMsgBtn">
<i class="fa fa-envelope-o"></i>
</a>
<ul class="dropdown-menu" id="unreadMsgList">
<li>
<ul class="menu" id="unreadMsgUl">
</ul>
</li>
<li class="footer"><a href="#"></a></li>
</ul>
</li>
<!-- Notifications: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img id="img1" src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
class="user-image"
alt="User Image">
<span class="hidden-xs"><sec:authentication property="name"/></span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header">
<img id="img2" src="${pageContext.request.contextPath}/img/user2-160x160.jpg"
class="img-circle" alt="User Image">
<p><sec:authentication property="name"/>
<small>最后登录 11:20AM</small>
</p>
</li>
<!-- Menu Body
<li class="user-body">
<div class="row">
<div class="col-xs-4 text-center">
<a href="#">Followers</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Sales</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Friends</a>
</div>
</div>
</li>-->
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">修改密码</a>
</div>
<div class="pull-right">
<a href="${pageContext.request.contextPath}/logout.do"
class="btn btn-default btn-flat">注销</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<%--<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>--%>
<%--<script>--%>
<%-- $(document).ready(function () {--%>
<%-- <%–$("button").click(function () {–%>--%>
<%-- <%– $.post("${pageContext.request.contextPath}/user/findLoginUser.do");–%>--%>
<%-- <%–});–%>--%>
<%-- $.ajax({--%>
<%-- url: "${pageContext.request.contextPath}/user/checkLoginUser.do",--%>
<%-- type: "post",--%>
<%-- dataType: "json",--%>
<%-- success: function (result) {--%>
<%-- showImg(result);--%>
<%-- }--%>
<%-- });--%>
<%-- });--%>
<%-- function showImg(result) {--%>
<%-- var img = result.url;--%>
<%-- <%–document.write('<img src="${pageContext.request.contextPath}' + img + '" class="img-circle" alt="User Image">')–%>--%>
<%-- $("#img1").attr('src', '${pageContext.request.contextPath}' + img)--%>
<%-- $("#img2").attr('src', '${pageContext.request.contextPath}' + img)--%>
<%-- }--%>
<%--</script>--%>
<!-- 页面头部 /-->
aside.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<!-- 导航侧栏 -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img id="img3" src="${pageContext.request.contextPath}/img/user2-160x160.jpg" class="img-circle"
alt="User Image">
</div>
<div class="pull-left info">
<p><a id="asideNameLink" href="#"><sec:authentication property="name"/></a></p>
<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
</div>
</div>
<!-- search form -->
<!--<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="搜索...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form>-->
<!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li class="header">菜单</li>
<li id="admin-index"><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> <span>首页</span></a></li>
<!-- 菜单 -->
<li class="treeview">
<a href="#">
<i class="fa fa-cutlery"></i> <span>餐厅管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="canteen_list">
<a href="${pageContext.request.contextPath}/canteen/findAll.do?size=10&page=1">
<i class="fa fa-file-text-o"></i> 餐厅列表
<%-- <i class="fa fa-circle-o"></i> 餐厅列表--%>
</a>
</li>
<li id="canteenApply_list">
<a href="${pageContext.request.contextPath}/canteen/findApplyList.do?size=10&page=1">
<i class="fa fa-file-text-o"></i> 申请列表
<%-- <i class="fa fa-circle-o"></i> 餐厅列表--%>
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-cutlery"></i> <span>菜谱管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="menu_list">
<a href="${pageContext.request.contextPath}/menu/findAll.do?size=10&page=1">
<i class="fa fa-file-text-o"></i> 菜单列表
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-users"></i> <span>用户管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="user_list">
<a href="${pageContext.request.contextPath}/user/findAll.do?size=10&page=1">
<i class="fa fa-file-text-o"></i> 用户列表
</a>
</li>
<li id="user_add">
<a href="${pageContext.request.contextPath}/pages/userAdd.jsp">
<i class="fa fa-plus"></i> 新增用户
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-graduation-cap"></i> <span>角色管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="role_list">
<a href="${pageContext.request.contextPath}/role/findAll.do?size=10&page=1">
<i class="fa fa-file-text-o"></i> 角色列表
</a>
</li>
<li id="role_add">
<a href="${pageContext.request.contextPath}/pages/roleAdd.jsp">
<i class="fa fa-plus"></i> 新增角色
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-users"></i> <span>权限管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="permission_list">
<a href="${pageContext.request.contextPath}/permission/findAll.do?size=10&page=1">
<i class="fa fa-file-text-o"></i> 权限列表
</a>
</li>
<li id="permission_add">
<a href="${pageContext.request.contextPath}/pages/permissionAdd.jsp">
<i class="fa fa-plus"></i> 新增权限
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-folder"></i> <span>后台通用页面</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="admin-login">
<a href="all-admin-login.html">
<i class="fa fa-circle-o"></i> 登录
</a>
</li>
<li id="admin-register">
<a href="all-admin-register.html">
<i class="fa fa-circle-o"></i> 注册
</a>
</li>
<li id="admin-404">
<a href="all-admin-404.html">
<i class="fa fa-circle-o"></i> 404页
</a>
</li>
<li id="admin-500">
<a href="all-admin-500.html">
<i class="fa fa-circle-o"></i> 500页
</a>
</li>
<li id="admin-blank">
<a href="all-admin-blank.html">
<i class="fa fa-circle-o"></i> 空白页
</a>
</li>
<li id="admin-datalist">
<a href="all-admin-datalist.html">
<i class="fa fa-circle-o"></i> 数据列表页
</a>
</li>
<li id="admin-dataform">
<a href="all-admin-dataform.html">
<i class="fa fa-circle-o"></i> 表单页
</a>
</li>
<li id="admin-profile">
<a href="all-admin-profile.html">
<i class="fa fa-circle-o"></i> 个人中心
</a>
</li>
<li id="admin-invoice">
<a href="all-admin-invoice.html">
<i class="fa fa-circle-o"></i> 发票
</a>
</li>
<li id="admin-invoice-print">
<a href="all-admin-invoice-print.html">
<i class="fa fa-circle-o"></i> 发票打印
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-pie-chart"></i> <span>图表Charts</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="charts-chartjs">
<a href="all-charts-chartjs.html">
<i class="fa fa-circle-o"></i> ChartJS
</a>
</li>
<li id="charts-morris">
<a href="all-charts-morris.html">
<i class="fa fa-circle-o"></i> Morris Charts
</a>
</li>
<li id="charts-flot">
<a href="all-charts-flot.html">
<i class="fa fa-circle-o"></i> Flot Charts
</a>
</li>
<li id="charts-inline">
<a href="all-charts-inline.html">
<i class="fa fa-circle-o"></i> Inline Charts
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-laptop"></i> <span>UI界面元素</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="elements-general">
<a href="all-elements-general.html">
<i class="fa fa-circle-o"></i> 标准 General
</a>
</li>
<li id="elements-icons">
<a href="all-elements-icons.html">
<i class="fa fa-circle-o"></i> 图标 Icons
</a>
</li>
<li id="elements-buttons">
<a href="all-elements-buttons.html">
<i class="fa fa-circle-o"></i> 按钮 Buttons
</a>
</li>
<li id="elements-sliders">
<a href="all-elements-sliders.html">
<i class="fa fa-circle-o"></i> 滑块 Sliders
</a>
</li>
<li id="elements-timeline">
<a href="all-elements-timeline.html">
<i class="fa fa-circle-o"></i> 时间线 Timeline
</a>
</li>
<li id="elements-modals">
<a href="all-elements-modals.html">
<i class="fa fa-circle-o"></i> 对话框样式 Modals
</a>
</li>
<li id="elements-widgets">
<a href="all-elements-widgets.html">
<i class="fa fa-circle-o"></i> 窗体小部件 widgets
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-edit"></i> <span>表单 Forms</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="form-general">
<a href="all-form-general.html">
<i class="fa fa-circle-o"></i> 基础表单元素
</a>
</li>
<li id="form-advanced">
<a href="all-form-advanced.html">
<i class="fa fa-circle-o"></i> 高级表单元素
</a>
</li>
<li id="form-editors">
<a href="all-form-editors.html">
<i class="fa fa-circle-o"></i> 编辑器
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-table"></i> <span>表格 tables</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="tables-simple">
<a href="all-tables-simple.html">
<i class="fa fa-circle-o"></i> 简单表格
</a>
</li>
<li id="tables-data">
<a href="all-tables-data.html">
<i class="fa fa-circle-o"></i> 数据表格
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-cube"></i> <span>样例-订单管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="order-manage">
<a href="all-order-manage-list.html">
<i class="fa fa-circle-o"></i> 全部订单
</a>
</li>
<li id="order-cancel">
<a href="all-order-cancel-list.html">
<i class="fa fa-circle-o"></i> 退款
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-book"></i> <span>样例-游记管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="travellog-manage">
<a href="all-travellog-manage-list.html">
<i class="fa fa-circle-o"></i> 游记列表
</a>
</li>
<li id="travellog-review">
<a href="all-travellog-review-list.html">
<i class="fa fa-circle-o"></i> 游记点评
</a>
</li>
<li id="travellog-setting">
<a href="all-travellog-setting-edit.html">
<i class="fa fa-circle-o"></i> 游记设置
</a>
</li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-cogs"></i> <span>样例-系统管理</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li id="system-setting">
<a href="all-system-setting-edit.html">
<i class="fa fa-circle-o"></i> 系统设置
</a>
</li>
</ul>
</li>
<!-- 菜单 /-->
<li id="admin-documentation"><a href="documentation.html" target="_blank"><i class="fa fa-book"></i> <span>AdminLTE汉化文档</span></a>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/dateFormat/date.format.js"></script>
<%--<script src="${pageContext.request.contextPath}/plugins/tools/timeTool.js" type="module"></script>--%>
<script type="module">
import {timeFrom} from "${pageContext.request.contextPath}/plugins/tools/timeTool.js";
// var flag = false;
$(document).ready(function () {
<%--$("button").click(function () {--%>
<%-- $.post("${pageContext.request.contextPath}/user/findLoginUser.do");--%>
<%--});--%>
<%--$.ajax({--%>
<%-- url: "${pageContext.request.contextPath}/user/checkLoginUser.do",--%>
<%-- type: "post",--%>
<%-- dataType: "json",--%>
<%-- success: function (result) {--%>
<%-- showImg(result);--%>
<%-- }--%>
<%--});--%>
var userSession = getUserSession();
if ($.isEmptyObject(userSession)) {
getLoginUser();
// alert("这里！");
} else {
showImg(userSession);
showMsgList(userSession);
// alert("还有这里！");
}
// alert("3点几嘞");
// getLoginUser();
});
function getLoginUser() {
$.ajax({
url: "${pageContext.request.contextPath}/user/checkLoginUser.do",
type: "post",
dataType: "json",
success: function (result) {
showImg(result);
setUserSession(result);
showMsgList(result);
}
});
}
function setUserSession(user) {
sessionStorage.clear();
window.sessionStorage.setItem("loginUserSession", JSON.stringify(user));
}
function getUserSession() {
var userSession = JSON.parse(window.sessionStorage.getItem("loginUserSession"));
return userSession;
}
function showImg(result) {
var img = result.url;
var userId = result.id;
<%--document.write('<img src="${pageContext.request.contextPath}' + img + '" class="img-circle" alt="User Image">')--%>
$("#img3").attr('src', '${pageContext.request.contextPath}' + img);
$("#img2").attr('src', '${pageContext.request.contextPath}' + img);
$("#img1").attr('src', '${pageContext.request.contextPath}' + img);
$("#asideNameLink").attr('href', '${pageContext.request.contextPath}/user/findById.do?id=' + userId);
}
function showMsgList(result) {
if (!($.isEmptyObject(result.readMsgList))) {
var unreadCount = 0;
//
for (let i in result.readMsgList) {
if ((result.readMsgList[i].isReaded == '0') || result.readMsgList[i].isReaded == 0) {
unreadCount = unreadCount + 1;
}
// alert(i.recipientId);
// alert("i是：" + i);
// alert("result.readMsgList[i].recipientId是：" + result.readMsgList[i].recipientId);
// alert("result.readMsgList[i].msggeagege.msgBody 是：" + result.readMsgList[i].msggeagege.msgBody );
}
// $.each(result.readMsgList, function (index, value) {
// alert(i + "..." + value);
// });
$("#unreadMsgBtn").append("<span class='label label-success'>" + unreadCount + "</span>");
$("#unreadMsgList").append("<li class='header'>你有" + unreadCount + "个未读消息</li>");
// alert(result.readMsgList.length);
for (let i in result.readMsgList) {
if ((result.readMsgList[i].isReaded == '0') || result.readMsgList[i].isReaded == 0) {
var unReadMsg = result.readMsgList[i];
var imgUrl= unReadMsg.msggeagege.senderUser.url;
var senderName=unReadMsg.msggeagege.senderUser.cuName;
var msgBoody=unReadMsg.msggeagege.msgBody;
var timeCode=unReadMsg.msggeagege.createDate;
var msgTime=timeFrom(timeCode);
$("#unreadMsgUl").append("<li><a href='#'><div class='pull-left'><img src='${pageContext.request.contextPath}" + imgUrl + "' class='img-circle' alt='User Image'></div><h4>" + senderName +"<small><i class='fa fa-clock-o'></i>"+msgTime+ "</small></h4><p>"+msgBoody.substring(0,10)+"......</p></a></li>");
}
}
}
}
</script>
<!-- 导航侧栏 /-->
if ((result.readMsgList[i].isReaded == '0') || result.readMsgList[i].isReaded == 0) {
var unReadMsg = result.readMsgList[i];
var imgUrl= unReadMsg.msggeagege.senderUser.url;
var senderName=unReadMsg.msggeagege.senderUser.cuName;
var msgBoody=unReadMsg.msggeagege.msgBody;
var timeCode=unReadMsg.msggeagege.createDate;
var msgTime=timeFrom(timeCode);
$("#unreadMsgUl").append("<li><a href='#'><div class='pull-left'><img src='${pageContext.request.contextPath}" + imgUrl + "' class='img-circle' alt='User Image'></div><h4>" + senderName +"<small><i class='fa fa-clock-o'></i>"+msgTime+ "</small></h4><p>"+msgBoody.substring(0,10)+"......</p></a></li>");
}
}
}
}
</script>
<!-- 导航侧栏 /-->
浙公网安备 33010602011771号