正文

轻松实现多级评论，PHP精选代码框架推荐汇总

/0 浏览量
0513

随着互联网技术的发展，评论功能已成为网站吸引用户、提高互动性的重要手段。在PHP中实现多级评论功能，不仅能够增强用户体验，还能提升网站的用户粘性。本文将为您推荐几款适合PHP开发的多级评论代码框架，帮助您轻松实现这一功能。

1. Laravel + Vue.js

Laravel 是一款强大的PHP后端框架，Vue.js 是一款流行的前端框架。两者结合可以轻松实现多级评论功能。

后端（Laravel）

// 模型
class Comment extends Model
{
    protected $table = 'comments';
    public $timestamps = true;

    public function parent()
    {
        return $this->belongsTo(Comment::class, 'parent_id', 'id');
    }
}

// 控制器
public function store(Request $request)
{
    $data = $request->all();
    $comment = new Comment();
    $comment->parent_id = $request->input('parent_id');
    $comment->user_id = auth()->user()->id;
    $comment->content = $request->input('content');
    $comment->save();

    return response()->json(['success' => true]);
}

前端（Vue.js）

// Vue组件
<template>
  <div>
    <comment-box v-for="comment in comments" :key="comment.id" :comment="comment"></comment-box>
  </div>
</template>

<script>
export default {
  data() {
    return {
      comments: []
    };
  },
  methods: {
    getComments() {
      axios.get('/api/comments').then(response => {
        this.comments = response.data;
      });
    }
  },
  mounted() {
    this.getComments();
  }
};
</script>

2. ThinkPHP + Vue.js

ThinkPHP 是一款简洁、快速、高效的PHP开发框架。与Vue.js结合同样可以实现多级评论功能。

后端（ThinkPHP）

// 模型
class Comment extends Model
{
    protected $table = 'comments';
    protected $primaryKey = 'id';
    public $timestamps = false;

    public function parent()
    {
        return $this->belongsTo(Comment::class, 'parent_id', 'id');
    }
}

// 控制器
public function store(Request $request)
{
    $data = $request->param();
    $comment = new Comment();
    $comment->parent_id = $request->parent_id;
    $comment->user_id = session('user_id');
    $comment->content = $request->content;
    $comment->save();

    return json(['code' => 200, 'data' => $comment]);
}

前端（Vue.js）

// Vue组件
<template>
  <div>
    <comment-box v-for="comment in comments" :key="comment.id" :comment="comment"></comment-box>
  </div>
</template>

<script>
export default {
  data() {
    return {
      comments: []
    };
  },
  methods: {
    getComments() {
      axios.get('/api/comments').then(response => {
        this.comments = response.data;
      });
    }
  },
  mounted() {
    this.getComments();
  }
};
</script>

3. CodeIgniter + Bootstrap

CodeIgniter 是一款轻量级的PHP开发框架，Bootstrap 是一款流行的前端框架。两者结合可以实现多级评论功能。

后端（CodeIgniter）

// 模型
class Comment extends CI_Model
{
    public function addComment($data)
    {
        $this->db->insert('comments', $data);
        return $this->db->insert_id();
    }
}

// 控制器
public function store()
{
    $data = [
        'parent_id' => $this->input->post('parent_id'),
        'user_id' => $this->session->user_id,
        'content' => $this->input->post('content')
    ];
    $commentId = $this->comment->addComment($data);
    echo json_encode(['success' => true, 'id' => $commentId]);
}

前端（Bootstrap）

<!-- 使用Bootstrap的卡片组件展示评论 -->
<div class="card">
  <div class="card-body">
    <h5 class="card-title">{{ comment.content }}</h5>
    <p class="card-text">{{ comment.date }}</p>
    <a href="#" class="btn btn-primary" data-toggle="collapse" data-target="#collapse{{ comment.id }}">回复</a>
  </div>
  <div class="collapse" id="collapse{{ comment.id }}">
    <!-- 回复内容 -->
  </div>
</div>

总结

本文为您推荐了三种适合PHP开发的多级评论代码框架，分别是Laravel + Vue.js、ThinkPHP + Vue.js和CodeIgniter + Bootstrap。您可以根据实际需求选择合适的框架进行开发。希望这些推荐能够帮助您轻松实现多级评论功能。

-- 展开阅读全文 --