Hệ thống bài đăng và bình luận php
Hệ thống bình luận này cho phép người dùng thêm bình luận và thêm câu trả lời cho một bình luận cụ thể được thêm bởi một số người dùng khác. Mỗi bình luận và trả lời, nó chứa biểu tượng ngón tay cái được hiển thị cho người dùng để thêm lượt thích cho các bình luận và trả lời. Ban đầu, tất cả các biểu tượng có màu xám sẽ biểu thị rằng các bình luận và câu trả lời chưa được người dùng thích. Khi người dùng thích một bình luận bằng cách nhấp vào biểu tượng màu xám, sau đó nó sẽ chuyển sang màu xanh lam để cập nhật trạng thái và số lượt thích cũng sẽ được cập nhật
Bắt đầu
Điều đầu tiên chúng ta cần làm là thiết lập cơ sở dữ liệu của mình. Tạo một cơ sở dữ liệu gọi là phpsamples. Trong nguồn, bạn có một tệp sql mà bạn có thể xuất trong db của mình để thực thi. Và trong inclues/db.php nhập cấu hình cơ sở dữ liệu của bạn
Một hệ thống cho phép người dùng nhận xét về bài đăng trên blog của bạn và nhận phản hồi từ những người dùng khác có thể tăng khả năng tương tác của trang web của bạn và tạm giữ người dùng. Mục tiêu của chúng tôi hôm nay là tạo ra một hệ thống như vậy. Trong dự án này, chúng tôi sử dụng cơ sở dữ liệu MySQL để lưu trữ tất cả người dùng, bài đăng, nhận xét và trả lời cũng như mối quan hệ tồn tại giữa họ. Sau đó, ứng dụng của chúng tôi sẽ truy vấn thông tin này từ cơ sở dữ liệu và hiển thị trên trang web.
Chỉ những người dùng đã đăng nhập mới được phép đăng nhận xét trên một bài đăng trên blog. Nếu người dùng truy cập trang web và chưa đăng nhập, thay vì biểu mẫu nhận xét, chúng tôi sẽ hiển thị liên kết và yêu cầu họ đăng nhập trước khi đăng nhận xét. Sau khi đăng nhập, họ có thể đăng bình luận của mình, bình luận này sẽ được gửi đến máy chủ và lưu vào cơ sở dữ liệu dưới bài đăng cụ thể đó và cập nhật trang mà không cần tải lại; .
Tôi nghĩ rằng đó là lời giải thích đủ. Bây giờ hãy bắt đầu mã hóa
Tạo thư mục dự án có tên comment-reply-system . Nhấp chuột phải vào hình ảnh sau đây, chọn "lưu hình ảnh dưới dạng" trong menu xuất hiện; . png.
reply
Hey, why are you the first to comment on this post?
reply
Ở phần đầu, chúng tôi đang bao gồm các chức năng. php và chính. css. Quên các chức năng. php bây giờ, chúng ta sẽ đến với nó sau. Mở ra ý chính. css và thêm mã này vào để tạo kiểu
chính. css .
form button { margin: 5px 0px; }
textarea { display: block; margin-bottom: 10px; }
/*post*/
.post { border: 1px solid #ccc; margin-top: 10px; }
/*comments*/
.comments-section { margin-top: 10px; border: 1px solid #ccc; }
.comment { margin-bottom: 10px; }
.comment .comment-name { font-weight: bold; }
.comment .comment-date {
font-style: italic;
font-size: 0.8em;
}
.comment .reply-btn, .edit-btn { font-size: 0.8em; }
.comment-details { width: 91.5%; float: left; }
.comment-details p { margin-bottom: 0px; }
.comment .profile_pic {
width: 35px;
height: 35px;
margin-right: 5px;
float: left;
border-radius: 50%;
}
/*replies*/
.reply { margin-left: 30px; }
.reply_form {
margin-left: 40px;
display: none;
}
#comment_form { margin-top: 10px; }
Bây giờ hãy mở trình duyệt của bạn và truy cập http. // localhost/bình luận-trả lời-hệ thống/blog_post. php để xem nó
Thông tin là tĩnh cho bây giờ. Hãy tạo một cơ sở dữ liệu để lưu trữ nó
cơ sở dữ liệu
Create a database named comment-reply-system . Trong cơ sở dữ liệu này, chúng tôi sẽ tạo 4 bảng cụ thể là. người dùng , bài đăng , bình luận . , and replies.
người dùng
+----+-----------+------------------------+------------+
| field | type | specs |
+----+-----------+------------------------+------------+
| id | INT[11] | |
| username | VARCHAR[255] | UNIQUE |
| email | VARCHAR[255] | UNIQUE |
| password | VARCHAR[255] | |
| created_at | TIMESTAMP | |
+----------------+--------------+---------+------------+
bài viết
+----+-----------+--------------+------------+
| field | type | specs |
+----+-----------+--------------+------------+
| id | INT[11] | |
| title | VARCHAR[255] | |
| slug | VARCHAR[255] | UNIQUE |
| body | TEXT | |
| created_at | TIMESTAMP | |
| updated_at | TIMESTAMP | |
+----------------+--------------+------------+
bình luận
+----+-----------+--------------+------------+
| field | type | specs |
+----+-----------+--------------+------------+
| id | INT[11] | |
| user_id | INT[11] | |
| post_id | INT[11] | |
| body | TEXT | |
| created_at | TIMESTAMP | |
| updated_at | TIMESTAMP | |
+----------------+--------------+------------+
trả lời
+----+-----------+--------------+------------+
| field | type | specs |
+----+-----------+--------------+------------+
| id | INT[11] | |
| user_id | INT[11] | |
| comment_id | INT[11] | |
| body | TEXT | |
| created_at | TIMESTAMP | |
| updated_at | TIMESTAMP | |
+----------------+--------------+------------+
Đây là cách các bảng này có liên quan. mọi câu trả lời thuộc về một nhận xét thuộc về bài đăng thuộc về người dùng
Hy vọng điều đó không có vẻ quá phức tạp? . Chúng tôi sẽ chỉ tạo một bài đăng duy nhất và chứng minh bài đăng đó liên quan như thế nào đến các bình luận và câu trả lời. Nếu bạn muốn tìm hiểu thêm về người dùng và mối quan hệ của họ với các bài đăng, hãy xem hướng dẫn của tôi về Cách xây dựng blog với cơ sở dữ liệu PHP và MySQL
Bây giờ, hãy truy cập http. // localhost/bình luận-trả lời-hệ thống/blog_post. php và sao chép tất cả thông tin hiển thị trên trang vào các bảng cơ sở dữ liệu thích hợp
Chẳng hạn, tạo một bài đăng trong bảng bài đăng với tiêu đề "Tiêu đề bài đăng" và nội dung "Lorem ipsum. " Ngoài ra, hãy sao chép nhận xét trên trang đó vào bảng nhận xét và hiện tại, hãy đặt trường user_id thành giá trị 1 cho nhận xét và đối với câu trả lời, hãy đặt user_id thành giá trị 2.
Bây giờ, hãy thay thế nội dung tĩnh trên trang web bằng nội dung mà bây giờ chúng ta sẽ truy vấn từ cơ sở dữ liệu.
Mở hàm. php tệp mà chúng ta đã tạo trước đó và dán mã này vào đó.