簡單實現網易蓋樓回復功能

作者：tebato 2013-03-08 09:54:52

今天筆者把網易蓋樓回復的實現原理以及實例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,有需要請下載。

原文鏈接：http://www.cnblogs.com/ushou/archive/2013/03/08/2948402.html

【編輯推薦】

淺談WEB產品信息架構
如何成為一名優秀的web前端工程師
前端開發工程師如何在2013年里提升自己
Web前端性能優化進階路
2013年2月Web編程語言就業趨勢

責任編輯：彭凡來源：博客園

回復