回复的简易实现
前些日子写了篇博客,网友给予了很多的评论,在查看及回复评论的过程中,也是发现博客园现有回复的不太好,举例如下,现有的回复如下图所示:
,这里根本看不出来tony_ontheway说了什么,还要我一个一个找,哦,原来他是在第N页第N行说了这个,所以非常的不方便。
所以今天我把网易盖楼回复的实现原理以及实例Demo贴出,望博友们顶起来,让博客园整改一下,必竟,博客园是我们的大本营,是我们学习知识的地方。这里高手如云,精英荟萃,我们的大本营也不能太差,是吧。我们让博客园改进,也是为自己创建良好的环境,所以,博友们,顶起来,吼起来,一起唤起博客园的注意。
实现盖楼回复大致分三部。
第一步:建数据库表,这个表需要有ID及父ID.
第二步:添加回复,添加回复的关键代码如下:
var comment = StringExtension.ChangeStr(collection["comment"]); var bbsId = collection["comment_post_ID"].ToString(); var comment_parent = collection["comment_parent"].ToString(); //$引用3楼 测试盖楼回复。。。 if (comment.IndexOf("$引用") >= 0) { comment = comment.Substring(comment.IndexOf("楼") + 1, comment.Length - comment.IndexOf("楼") - 1); } else { comment_parent = "0"; } NetFavCommentModel bbsComment = new NetFavCommentModel { commentContent = comment, NetFavId = Convert.ToInt32(bbsId), commentParentId = Convert.ToInt32(comment_parent), commentAddTime = DateTime.Now }; netFavCommentRepository.AddNetFavComment(bbsComment);
第三步:查询回复,并以盖楼方式显示。关键代码如下。
KeyValuePair<Pagination, IList<NetFavCommentModel>> bbsComment = netFavCommentRepository.NetFavCommentPagination(pagin, condition); int i = 1; foreach (var item in bbsComment.Value) { item.louId = i++; item.commentContent = GetContent(item, bbsComment.Value.ToList()); } ViewBag.bbsComment = bbsComment.Value; ViewBag.bbsCommentCount = bbsComment.Value.Count();
其中GetContent很重要,循环查询,将盖楼内容全部显示出来。
相关代码如下:
#region 盖楼回复 // 根据当前的Comment得到HTML输出 protected string GetContent(object objComment, List<NetFavCommentModel> list) { string output = ""; NetFavCommentModel cmt = (NetFavCommentModel)objComment; // 获取当前评论 List<NetFavCommentModel> quoteList = new List<NetFavCommentModel>(); // 创建当前评论所引用的评论列表 AddComment(list, quoteList, cmt); // 为当前评论的引用列表添加项目 //quoteList.Sort(NetFavCommentModel.GetComparer()); // 对列表排序,顺序排列 foreach (NetFavCommentModel quote in quoteList) // 生成引用的评论列表 { output = String.Format( "<div>{0}<span>网友 {1}的原贴:</span><br />{2}</div>", output, quote.commentAddMan, quote.commentContent); } // 添加当前引用 output = String.Format( "<div class='comment'><p class='title'><span>{0}楼{1} 发表</span>网友:{2}</p>{3}<p>{4}</p>" + "<p style='text-align:right;'><a class='comment-reply-link' href='#comment' " + "onclick='addQuote({0},{5});'>回复</a></p></div>", cmt.louId, cmt.commentAddTime, cmt.commentAddMan, output, cmt.commentContent, cmt.commentId); return output; } // 向quoteList中添加 符合条件的Comment protected void AddComment(List<NetFavCommentModel> list, List<NetFavCommentModel> quoteList, NetFavCommentModel cmt) { if (cmt.commentParentId != 0) { NetFavCommentModel find = list.Where(n => n.commentId == cmt.commentParentId).FirstOrDefault(); quoteList.Add(find); // 递归调用,只要CommentId不为零,就加入到引用评论列表 AddComment(list, quoteList, find); } else return; } #endregion
完成后截图如下:
最后给出Demo示例网址 。本项目的源码就不提供了,提供一套原生版Demo,有需要请下载。