模板建站seo优化/沧州网站seo
先编辑数据访问层dao
在messagemapper中添加:
// 查询某个主题下最新的通知
Message selectLatestNotice(int userId, String topic);
// 查询某个主题所包含的通知数量
int selectNoticeCount(int userId, String topic);
// 查询未读的通知的数量
int selectNoticeUnreadCount(int userId, String topic);
打开MessageMapper.xml
查到最新的通知:
<select id="selectLatestNotice" resultType="Message">select <include refid="selectFields"></include>from messagewhere id in (<!-- 最终查到的是最大的id -->select max(id) from messagewhere status != 2 <!-- =2表示私信是被删除的状态 -->and from_id = 1<!-- 因为是系统发的,所以from_id一定为1 -->and to_id = #{userId}<!-- 发送给谁 -->and conversation_id = #{topic}<!-- 主题 -->)
</select>
<select id="selectNoticeCount" resultType="int"><!-- 返回类型 整数 -->select count(id) from message<!-- 查id的数量 -->where status != 2and from_id = 1and to_id = #{userId}and conversation_id = #{topic}
</select>
<select id="selectNoticeUnreadCount" resultType="int">select count(id) from messagewhere status = 0<!-- 表示未读状态-->and from_id = 1and to_id = #{userId}<if test="topic!=null">and conversation_id = #{topic}</if>
</select>
在MessageService添加:
public Message findLatestNotice(int userId, String topic) {//查询最新通知return messageMapper.selectLatestNotice(userId, topic);
}public int findNoticeCount(int userId, String topic) {return messageMapper.selectNoticeCount(userId, topic);
}public int findNoticeUnreadCount(int userId, String topic) {return messageMapper.selectNoticeUnreadCount(userId, topic);
}
在MessageController添加:
在getNoticeList类中添加:
// 查询评论类通知
Message message = messageService.findLatestNotice(user.getId(), TOPIC_COMMENT);
Map<String, Object> messageVO = new HashMap<>();
if (message != null) {messageVO.put("message", message);String content = HtmlUtils.htmlUnescape(message.getContent());//去除content中的转义字符,是正常显示的Map<String, Object> data = JSONObject.parseObject(content, HashMap.class);//得到map类型的对象 datamessageVO.put("user", userService.findUserById((Integer) data.get("userId")));//把data中的数据转存到 messageVO里messageVO.put("entityType", data.get("entityType"));messageVO.put("entityId", data.get("entityId"));messageVO.put("postId", data.get("postId"));//帖子id//某一类通知总的数量int count = messageService.findNoticeCount(user.getId(), TOPIC_COMMENT);messageVO.put("count", count);//未读的数量int unread = messageService.findNoticeUnreadCount(user.getId(), TOPIC_COMMENT);messageVO.put("unread", unread);
}
model.addAttribute("commentNotice", messageVO);//接下来把messageVO 传给模板// 查询点赞类通知
message = messageService.findLatestNotice(user.getId(), TOPIC_LIKE);
messageVO = new HashMap<>();
if (message != null) {messageVO.put("message", message);String content = HtmlUtils.htmlUnescape(message.getContent());Map<String, Object> data = JSONObject.parseObject(content, HashMap.class);messageVO.put("user", userService.findUserById((Integer) data.get("userId")));messageVO.put("entityType", data.get("entityType"));messageVO.put("entityId", data.get("entityId"));messageVO.put("postId", data.get("postId"));int count = messageService.findNoticeCount(user.getId(), TOPIC_LIKE);messageVO.put("count", count);int unread = messageService.findNoticeUnreadCount(user.getId(), TOPIC_LIKE);messageVO.put("unread", unread);
}
model.addAttribute("likeNotice", messageVO);// 查询关注类通知
message = messageService.findLatestNotice(user.getId(), TOPIC_FOLLOW);
messageVO = new HashMap<>();
if (message != null) {messageVO.put("message", message);String content = HtmlUtils.htmlUnescape(message.getContent());Map<String, Object> data = JSONObject.parseObject(content, HashMap.class);messageVO.put("user", userService.findUserById((Integer) data.get("userId")));messageVO.put("entityType", data.get("entityType"));messageVO.put("entityId", data.get("entityId"));//关注不需要postid,只提示:某某某关注了你int count = messageService.findNoticeCount(user.getId(), TOPIC_FOLLOW);messageVO.put("count", count);int unread = messageService.findNoticeUnreadCount(user.getId(), TOPIC_FOLLOW);messageVO.put("unread", unread);
}
model.addAttribute("followNotice", messageVO);
接下来显示这两部分
// 查询未读消息数量
int letterUnreadCount = messageService.findLetterUnreadCount(user.getId(), null);//不关注某一特定会话,而是所有会话,所以此处为null
model.addAttribute("letterUnreadCount", letterUnreadCount);
int noticeUnreadCount = messageService.findNoticeUnreadCount(user.getId(), null);//不关注某一特定主题,而是所有主题,所以此处为null
model.addAttribute("noticeUnreadCount", noticeUnreadCount);return "/site/notice";
打开letter.html
<!-- 通知列表 -->
<ul class="list-unstyled"><!--评论类通知--><li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${commentNotice.message!=null}"><span class="badge badge-danger" th:text="${commentNotice.unread!=0?commentNotice.unread:''}">3</span><!--commentNotice.unread!=0 则显示 unread--><img src="http://static.nowcoder.com/images/head/reply.png" class="mr-4 user-header" alt="通知图标"><div class="media-body"><h6 class="mt-0 mb-3"><span>评论</span><span class="float-right text-muted font-size-12"th:text="${#dates.format(commentNotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span></h6><div><a th:href="@{/notice/detail/comment}">用户<i th:utext="${commentNotice.user.username}">nowcoder</i><!--用户名字 -->评论了你的<b th:text="${commentNotice.entityType==1?'帖子':'回复'}">帖子</b> ...<!--根据entityType,判断是回复还是帖子--></a><ul class="d-inline font-size-12 float-right"><li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${commentNotice.count}">3</i> 条会话</span></li></ul></div></div></li><!--点赞类通知--><li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${likeNotice.message!=null}"><span class="badge badge-danger" th:text="${likeNotice.unread!=0?likeNotice.unread:''}">3</span><!--likeNotice.unread!=则显示unread,否则什么也不显示,即 ''--><img src="http://static.nowcoder.com/images/head/like.png" class="mr-4 user-header" alt="通知图标"><div class="media-body"><h6 class="mt-0 mb-3"><span>赞</span><span class="float-right text-muted font-size-12"th:text="${#dates.format(likeNotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span></h6><div><a th:href="@{/notice/detail/like}">用户<i th:utext="${likeNotice.user.username}">nowcoder</i>点赞了你的<b th:text="${likeNotice.entityType==1?'帖子':'回复'}">帖子</b> ...</a><ul class="d-inline font-size-12 float-right"><li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${likeNotice.count}">3</i> 条会话</span></li></ul></div></div></li><!--关注类通知--><li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:if="${followNotice.message!=null}"><span class="badge badge-danger" th:text="${followNotice.unread!=0?followNotice.unread:''}">3</span><img src="http://static.nowcoder.com/images/head/follow.png" class="mr-4 user-header" alt="通知图标"><div class="media-body"><h6 class="mt-0 mb-3"><span>关注</span><span class="float-right text-muted font-size-12"th:text="${#dates.format(followNotice.message.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</span></h6><div><a th:href="@{/notice/detail/follow}">用户<i th:utext="${followNotice.user.username}">nowcoder</i>关注了你 ...</a><ul class="d-inline font-size-12 float-right"><li class="d-inline ml-2"><span class="text-primary">共 <i th:text="${followNotice.count}">3</i> 条会话</span></li>
测试:
登录后,
查看消息:
下面开发通知详情:
在MessageMapper接口中添加
// 查询某个主题所包含的通知列表
List<Message> selectNotices(int userId, String topic, int offset, int limit);
在MessageMapper.xml中,查询:
<select id="selectNotices" resultType="Message">select <include refid="selectFields"></include>from messagewhere status != 2and from_id = 1and to_id = #{userId}and conversation_id = #{topic}order by create_time desc<!-- 倒序排列-->limit #{offset}, #{limit}
</select>
在业务层MessageService中
public List<Message> findNotices(int userId, String topic, int offset, int limit) {return messageMapper.selectNotices(userId, topic, offset, limit);
}
视图层
在messagecontroller中
@RequestMapping(path = "/notice/detail/{topic}", method = RequestMethod.GET)
public String getNoticeDetail(@PathVariable("topic") String topic, Page page, Model model) {//@PathVariable("topic") 得到路径中的Variable;声明page参数以分页;给模板model传数据User user = hostHolder.getUser();//获取当前用户page.setLimit(5);//设置分页条件,每页五条数据page.setPath("/notice/detail/" + topic);page.setRows(messageService.findNoticeCount(user.getId(), topic));//行数List<Message> noticeList = messageService.findNotices(user.getId(), topic, page.getOffset(), page.getLimit());List<Map<String, Object>> noticeVoList = new ArrayList<>();if (noticeList != null) {for (Message notice : noticeList) {Map<String, Object> map = new HashMap<>();// 通知map.put("notice", notice);// 内容String content = HtmlUtils.htmlUnescape(notice.getContent());//将内容转义处理Map<String, Object> data = JSONObject.parseObject(content, HashMap.class);map.put("user", userService.findUserById((Integer) data.get("userId")));map.put("entityType", data.get("entityType"));map.put("entityId", data.get("entityId"));map.put("postId", data.get("postId"));// 通知作者map.put("fromUser", userService.findUserById(notice.getFromId()));noticeVoList.add(map);}}model.addAttribute("notices", noticeVoList);
// 设置已读
List<Integer> ids = getLetterIds(noticeList);//获取需要设置已读的id
if (!ids.isEmpty()) {messageService.readMessage(ids);
}return "/site/notice-detail";//返回模板
设置返回模板:
编辑
notice.detail.html
<!-- 通知列表 --><ul class="list-unstyled mt-4"><li class="media pb-3 pt-3 mb-2" th:each="map:${notices}"><img th:src="${map.fromUser.headerUrl}" class="mr-4 rounded-circle user-header" alt="系统图标"><div class="toast show d-lg-block" role="alert" aria-live="assertive" aria-atomic="true"><div class="toast-header"><strong class="mr-auto" th:utext="${map.fromUser.username}">落基山脉下的闲人</strong><small th:text="${#dates.format(map.notice.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-25 15:49:32</small><button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="toast-body"><span th:if="${topic.equals('comment')}"><!-- 判断是否等于comment -->用户<i th:utext="${map.user.username}">nowcoder</i>评论了你的<b th:text="${map.entityType==1?'帖子':'回复'}">帖子</b>,<a class="text-primary" th:href="@{|/discuss/detail/${map.postId}|}">点击查看</a> !</span><span th:if="${topic.equals('like')}">用户<i th:utext="${map.user.username}">nowcoder</i>点赞了你的<b th:text="${map.entityType==1?'帖子':'回复'}">帖子</b>,<a class="text-primary" th:href="@{|/discuss/detail/${map.postId}|}">点击查看</a> !</span><span th:if="${topic.equals('follow')}">用户<i th:utext="${map.user.username}">nowcoder</i>关注了你,<a class="text-primary" th:href="@{|/user/profile/${map.user.id}|}">点击查看</a> !</span></div></div></li></ul><!-- 分页 --><nav class="mt-5" th:replace="index::pagination"><ul class="pagination justify-content-center"><li class="page-item"><a class="page-link" href="#">首页</a></li><li class="page-item disabled"><a class="page-link" href="#">上一页</a></li><li class="page-item active"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">4</a></li><li class="page-item"><a class="page-link" href="#">5</a></li><li class="page-item"><a class="page-link" href="#">下一页</a></li><li class="page-item"><a class="page-link" href="#">末页</a></li></ul></nav></div></div>
重新编译:
显示了评论的数据:
点击 点击查看,能链接到 帖子详情
共20条
此时,未读消息清零
现在还有未读消息 数量未处理。
应该是a=b+c
所以要新写一个拦截器,MessageInterceptor
package com.nowcoder.community.controller.interceptor;import com.nowcoder.community.entity.User;
import com.nowcoder.community.service.MessageService;
import com.nowcoder.community.util.HostHolder;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;@Component//交给容器来管理
public class MessageInterceptor implements HandlerInterceptor {@Autowiredprivate HostHolder hostHolder;//当前用户@Autowiredprivate MessageService messageService;@Overridepublic void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {User user = hostHolder.getUser();//查user的未读消息数量if (user != null && modelAndView != null) {//user != null查之前判断 有无登录, 没有登录就不需要查int letterUnreadCount = messageService.findLetterUnreadCount(user.getId(), null);//私信未读数量int noticeUnreadCount = messageService.findNoticeUnreadCount(user.getId(), null);//通知未读数量modelAndView.addObject("allUnreadCount", letterUnreadCount + noticeUnreadCount);//allUnreadCount 总的未读数量}}
}
打开拦截器配置文件:webmvcconfig
注入刚刚写好的拦截器:
@Autowired
private MessageInterceptor messageInterceptor;
添加这一句话:
registry.addInterceptor(messageInterceptor).excludePathPatterns("/**/*.css", "/**/*.js", "/**/*.png", "/**/*.jpg", "/**/*.jpeg");
在index.html中第30页
<a class="nav-link position-relative" th:href="@{/letter/list}">消息<span class="badge badge-danger" th:text="${allUnreadCount!=0?allUnreadCount:''}">12</span></a><!-- 不为0则显示allUnreadCount,为0则显示空值 -->
测试: