php搭建个人博客（一）

这几天不知道该干些什么，就想着完善一下博客。

基本的发表文章功能已经实现了，就估摸着加个评论回复 可以和其他人交流 比较有意思

然后开始百度 php实现评论回复功能 看了下，不想看。。。 就直接打开之前收藏的 实验楼的 php实现留言本 看下怎么实现留言回复，评论回复跟留言回复差差不多的样子

先把源码下载了，看数据库设计  

*** 这几天在想实现这个功能的时候 发现 要实现一个功能 就要设计好一个数据表 在设计数据表的过程中 程序的逻辑 和 细节会慢慢在脑海中清晰 这是一个很棒的过程 ***

昨天断网了。。。，学校12点断网  蛋疼，今天补上。。。

看了下，发现没什么卵用 主要字段 id, nickname, content, createtime 感觉有用， reply,replytime,并没有什么用，别人回复很多条的时候reply怎么存？status 后台管理审核评论时需要，但是我想先把最简单的功能实现了再说，

然后开始找 别人的博客，看看怎么写，。。。 翻着目录程序结构都不清不楚， 还是算了，缓一会儿，

去群里问一下，  大神就一句话， 无限分类    ，然而我一脸懵逼，好高大上的词汇啊

继续问大神，大神给我解释了，一个类可以有无限多个子类的子类， 嗯， 一头雾水是吧，我直接百度 搜到了这么一篇文章 php无限分类

http://www.cnblogs.com/php-js/p/php-classify.html

要实现 评论的回复， 关键就在于 无限级分类，一个类有多个子类，它的子类也有多个子类，这样无限循环下去，就是无限级分类 一级、二级、三级、。。。。。。

正好，我可以先实现文章分类，趁机学习无限极分类，文章分类花了一个晚上的时间，主要是看其它博客是怎么实现的 我学习了 Startblog ，

开始在开源社区找到这个博客的时候 大喜 都是用ci做的功能简单轻型博客，嘿嘿嘿，省去了好多功夫，我甚至可以对照着Startblog把后面的功能全部完善了，不过这样也不太好，主要目的还是学习，锻炼自己，不能一味的照搬前人。 这样没有任何益处

好了，代码下好，收悉的结构，进入到目录 /application/models/ 下 打开 Category_model.php 嗯，不错，是我想要的类型

（好像有点无耻啊hhhhhh）

继续，把controller 类都打开  一点点看懂， 这里贴出我的版本 

在尝试无限级分类的过程中，暂时学不会， 就直接写一级分类了

我的category表:

好low 啊 QAQ ,受不了了，先掐死我自己

感觉没啥东西，就是一个 select * from category,把所有分类都查询出来

还有一个 function 是 根据 category 查询出属于这个分类的blog，就是这么简单

Category_model.php

class Category_Model extends CI_Model {
        public function __construct() {
            parent::__construct();
            $this->load->database();
        }

        public function getAllCategory() {
            $sql = "select * from category";
            $data_tmp = $this->db->query($sql)->result_array();
            foreach ($data_tmp as $value) {
                $category_id = $value["id"];
                $data["$category_id"]["id"] = $value["id"];
                $data["$category_id"]["category"] = $value["category"];
            }
            return $data;
        }

        public function getAllBlogs($category_id) {
            $sql = "select * from blogs where category={$category_id}";
            $data = $this->db->query($sql)->result_array();
            return $data;
        }

    }

然后控制类，根据category_model查询到的内容输出 就行了

Categoy.php

class Category extends CI_Controller {

    public function show($id) {
        $this->load->helper("url");
        $this->load->model("category_model");
        $data["data"] = $this->category_model->getAllBlogs($id);
        $data["cur_category"] = $this->category_model->getCategory($id);
        $data["all_category"] = $this->category_model->getAllCategory();

        $this->load->view("templates/header", $data);
        $this->load->view("pages/category_show", $data);
        $this->load->view("templates/footer");
    }

}

效果图：

好像没什么效果啊

这么简单的东西，还弄了一天 

其实，整个摸索得过程，慢慢理解，花了很长时间，之后再是运用 

分类做完了，发现，无限级分类 没用上。。。QAQ

没事，现在可以开始写评论回复了，先构思个一两天  

嗯，设计数据表，

我参照了 php无限级分类实现评论回复功能 我记得是之前在csdn上看到过，不过都一样的，没关系了，下载好源码，开始探索。。。

我去，原生php,牛逼啊大兄弟，直接不想翻了，它的数据表示这样的：

id nickname content create_time,一般就这样， 关键的是 parent_id 靠这个id 查找评论的子级评论，也就是回复

根据我自己的摸索，我设计了一张comments 表

贴上 ：

blog_id 用于 标记所属文章，我结合 model来说明

和 category 差不多 传入 blog_id 查询出 对 id 为blog_id 的文章的所有 comment 这是getComment function， 

getTreeComment function是通过递归实现 无限级分类评论回复

$parent 参数传入 comment 的cid 作为 上级id  ,  如果有comment 的 parent 等于上一级的 cid 也就是它是 上一级comment 的回复，就把它存进 $tree

初始 $parent = 0.

Comments_model.php

class Comments_Model extends CI_Model {


    public function __construct() {
        parent::__construct();
        $this->load->database();
    }


    public function addComment($data) {
        $this->db->insert("comments", $data);
        return $this->db->insert_id();
    }


    public function getComment($blog_id) {
        $sql = "select * from comments where blog_id={$blog_id} order by created ASC";
        $query = $this->db->query($sql)->result_array();
        return $query;
    }


    private function getTreeComments($comments, $parent,) {
        global $tree;
        foreach ($comments as $comment) {
            if ($comment["parent"] == $parent) {
                $tree[] = $comment;
                $this->getTreeComments($comments, $comment["cid"],);
            }
        }


        return $tree;
    }


}

但是由于 输出 视图的效果不是我想要的，所以我改了下， 不在controller里实现 tree 而是在输出视图的时候通过 递归 

等下去上体育课，晚上回来再补上。。。

上代码，

comment.php

            <?php
            if (count($comments) > 0) {
                function ListComments($comments, $parent) {
                    foreach ($comments as $row) {
                        if ($row["parent"] == $parent) {
            ?>
            <div class="col-md-11 col-md-offset-1">
            <div class="row">
                <div class="col-md-10">
                    <p><strong><?php echo $row["nickname"];?></strong> said at <?php echo date("d-m-Y h:i A",strtotime($row["created"]));?><br>
                    <?php echo $row["content"]; ?></p>
                </div>
                <div class="col-md-2">
                    <a class="comment-reply-link" href="#comment-reply" onclick="commentReply(<?php echo $row["cid"];?>, this)">reply</a>
                </div>
            </div>
            <hr>
            <?php
                            ListComments($comments, $row["cid"]);
                            echo "</div>";
                        }
                    }
                }
                ListComments($comments, 0);
            }?>

好像很乱，。。。。

糟糕的代码 

效果图：

实现阶梯式评论回复视图效果 的关键在于 无限级分类 递归的出口点

选对了出口点 才能实现

还有一个评论框 效果， 直接上图：

点击reply后：

然后cancel reply继续恢复到原来的位置， 这个实现 需要js 

comment_reply.js

function commentReply(parent, c) {
    var response = document.getElementById("comment-post");
    document.getElementById("comment-parent").value = parent;
    document.getElementById("cancel-reply").style = "";
    c.parentNode.parentNode.appendChild(response);
}

function cancelReply() {
    var commentPlace = document.getElementById("comment-place"),
        response = document.getElementById("comment-post");
    document.getElementById("comment-parent").value = 0;
    document.getElementById("cancel-reply").style = "display:none";
    commentPlace.appendChild(response);
}

嗯，到此，评论回复 基本完成。