一步步搭建自己的博客 .NET版（2、评论功能）

前言

这次开发的博客主要功能或特点：
第一：可以兼容各终端，特别是手机端。
第二：到时会用到大量html5，炫啊。
第三：导入博客园的精华文章，并做分类。（不要封我）
第四：做个插件，任何网站上的技术文章都可以转发收藏到本博客。

演示地址：http://blog.haojima.net/ 群内共享源码：469075305

上一篇《一步步开发自己的博客（一）》发表之后得到的效应还不错，得到了二十几个赞。然后建的QQ群两天不到就有了进三十来个人。大家在群里关于建站经验讨论也是十分热烈。由此可见，大家对拥有自己的独立空间是多么的渴望。

这篇主要是分析评论功能。在这里，不得不吐槽下博客园的评论功能。

第一、对于阅读者。大家有没有在看评论的时候，看着看着有往上翻？特别是有些对骂的评论，都不知道是谁在骂谁。不得不往上翻那个@的人发的是什么。不知道这句话是对谁的哪句话做的回复。虽然有“引用”功能，但也有很多人没有使用。

第二、对于博主。在回复各位园友时，点击回复，然后跳到最下方，然后评论框自动出现@*** 回复之后。想回复下一位，又要把滚动条拖上去。然后又忘记这个人是不是已经回复过了。又往下拖看自己有没有回复过，或者有没有漏掉谁。如果评论够多的话我相信各位应该都这样的感觉，我的那个头我的那个晕。

在这里我就打算规避这类问题，像QQ空间的评论就很爽，谁在和谁对话一目了然。

表结构

对于这样的一个需求，没有做过的也许一时没有了头绪。这里最主要的关系就是，“引用”- 谁对谁说。是对哪条评论展开的讨论。

其实我把表结构拿出来，相信大家就明白了。

这里我再详细分析下每个字段。

ID：表主键

Content:评论的内容

CommentID：引用的评论内容的ID。

BlogUsersId：用户ID

BlogsId：博客ID

ReplyUserID：引用的评论的用户ID。

ReplyUserName：引用的评论的用户名。

CommentSort：没用（本来以为会用到）

ContentLevy：没用（本来以为会用到）

这里要说明下 CommentID：引用的评论内容的ID。其实并非真的是评论内容ID 而是"父评论ID"。我们为了简单起见，把评论分成两种。

父评论，子评论。什么是父评论，子评论？父：初始评论，子：在父评论的基础上进行评论，或者子评论的基础上进行评论。（这里就不分子子评论子子子评论了。我想递归应该也可以做到，但不想那么复杂了）

那么上面还有一个字段没有解释：

IsInitial 是否是"父评论"

如图：

实现

通过对表结构的简单分析，我相信大家应该已经非常明白我会怎么去实现了。

第一、评论提交

var BlogId = int.Parse(Request.Form["BlogId"]);
var UserId = MySession.UserInfoSessioin.Id; //int.Parse(Request.Form["UserId"]);
var CommentID = int.Parse(Request.Form["CommentID"]);
var Content = Request.Form["Content"];
var ReplyUserID = int.Parse(Request.Form["ReplyUser"]);
var ReplyUserName = string.Empty;
var User = BLL.Common.CacheData.GetUserInfo().Where(t => t.Id == ReplyUserID).FirstOrDefault();
if (null != User)
{
    ReplyUserName = string.IsNullOrEmpty(User.UserNickname) ? User.UserName : User.UserNickname;
}

BLL.BlogCommentBLL comment = new BLL.BlogCommentBLL();
comment.Add(new BlogComment()
{
    BlogUsersId = UserId,
    BlogsId = BlogId,
    Content = Content,
    CommentID = CommentID,
    ReplyUserID = ReplyUserID,
    ReplyUserName = ReplyUserName,
    IsInitial = CommentID == -1
});
comment.save();

一目了然，其实就是一个对象存入数据库了。至于每个字段的取值，你想怎么取看你自己的。

第二、加载评论

评论的加载可能会比提交复杂那么一点。提交有前后怎么去归类布局呢？

首先要对父评论的筛选，然后加载父评论和父评论下的子评论。感觉要进行多次数据库的查询，那么我们只能尝试尽可能少的查询。

下面来具体看实现代码。

int blogId = int.Parse(Request.Form["blogID"]);
int pageIndex = int.Parse(Request.Form["pageIndex"]);
BLL.CommentHandle com = new BLL.CommentHandle();
Dictionary<string, object> dic = new Dictionary<string, object>();
var comObj = com.GetComment(blogId, pageIndex);
if (null == comObj)
    return PartialView("Null");
dic.Add("commentList", comObj);//对应的评论
dic.Add("SessionUser", BLL.Common.MySession.UserInfoSessioin);
return PartialView(dic);

  com.GetComment(blogId, pageIndex) 方法 根据 博客ID  和  第几页评论 做为参数，取评论数据，下面给出方法的详细实现：

public List<List<BlogComment>> GetComment(int blogId, int pageIndex)
{
    int total;
    BLL.BlogCommentBLL com = new BlogCommentBLL();
    //IsInitial == true 父评论 （第一次数据库查询：查询30条父评论）
    List<int> disCom = com.GetList<int>(pageIndex, 30, out total, t => t.IsInitial == true && t.BlogsId == blogId,
                        false, t => t.Id).Select(t => t.Id).ToList();
    if (pageIndex > total)//已经没有评论信息了
    {
        return null;
    }
    //第二次数据库查询：查询30条父评论 和30条父评论下的子评论
    var listCom = com.GetList(t => disCom.Contains(t.CommentID) || disCom.Contains(t.Id)).ToList();
    List<List<BlogComment>> ComObj = new List<List<BlogComment>>();
    var ini = listCom.Where(t => t.IsInitial == true).ToList();//这里就不查数据库了直接进行集合筛选
    //对评论进行分组（以父评论 分组）
    foreach (BlogComment item in ini)
    {
        item.BlogUsers = CacheData.GetUserInfo().Where(t => t.Id == item.BlogUsersId).FirstOrDefault();              
        var userobj = CacheData.GetUserInfo().Where(t => t.Id == item.ReplyUserID).FirstOrDefault();
        if (null != userobj)
            item.ReplyUserName = userobj.UserNickname;
        //添加 以父评论 为一分组 的评论
        ComObj.Add(GetCom(item, listCom));
    }
    return ComObj;
}

上面进行了二次数据库查询，其余的时候都是进行数据集合的筛选。在上面的代码中我们看到了方法 GetCom(item, listCom)// 取顶级评论下的子评论

private List<BlogComment> GetCom(BlogComment com, List<BlogComment> list)
{
    var li = list.Where(t => t.CommentID == com.Id).ToList();
    li.Insert(0, com);
    return li;
}

效果图和演示地址

在此实现的全部过程都已经分析完了。我们来看看效果图和演示地址。

效果图：

演示地址：http://blog.haojima.net/admin/268.html （界面丑是丑了点，后期再美化。如果有美工愿意免费合作，非常欢迎~~）

如果您对本篇文章感兴趣，那就麻烦您点个赞，您的鼓励将是我的动力。当然您还可以加入QQ群:讨论。

如果您有更好的处理方式，希望不要吝啬赐教。

一步步开发自己的博客 .NET版系列：http://www.cnblogs.com/zhaopei/tag/Hi-Blogs/

本文链接：http://www.cnblogs.com/zhaopei/p/4744846.html

疑问

我在构思开发博客的时候，有个疑问。那就是怎样更好的统计文章阅读量。

我知道的方式：

第一、通过Cookie。（缺点：如果要进行访问量排行的话，可以人为清理cookie，恶意刷新访问量）

第二、通过客户端取得IP（缺点：1.如果访问量大的话，每次插入数据库之前都要先查询是否存在。2.现在我们大多是公用外网IP，无法统计独立访客）

疑问：1.cnzz的独立访客(UV)是怎么统计的。2.博客园的文章阅读量是怎么统计的。（进过测试，文章刷新第二遍的时候可以看到阅读量加一，然后清理cookie 后刷新阅读量加一，然后不管怎么刷都没反应了）

如果实在是找不到好的解决方案，我打算用 IP+系统版本+浏览器版本号作为“联合主键”，如果“主键”24小时内重复两次以上，则不统计，如果cookie存在也不统计。

哪位大虾知道更好的解决方案能告诉我下，万分感谢。

posted @ 2015-08-24 08:33 农码一生阅读(6443) 评论(36) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

一步步搭建自己的博客 .NET版（2、评论功能）

前言

表结构

实现

第一、评论提交

第二、加载评论

效果图和演示地址

疑问

公告