网易盖楼回复的简易实现

2年前 (2022) 程序员胖胖胖虎阿
191 0 0

前些日子写了篇博客,网友给予了很多的评论,在查看及回复评论的过程中,也是发现博客园现有回复的不太好,举例如下,现有的回复如下图所示:

网易盖楼回复的简易实现,这里根本看不出来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,有需要请下载。

 

 

 

版权声明:程序员胖胖胖虎阿 发表于 2022年10月5日 下午3:16。
转载请注明:网易盖楼回复的简易实现 | 胖虎的工具箱-编程导航

相关文章

暂无评论

暂无评论...