Cách tạo Hộp nhận xét trang web bằng PHP, MySQL và AJAX – hộp bình luận trong php

Trong bài viết này, chúng tôi hướng dẫn cách tạo hộp nhận xét cho một trang web bằng PHP, MySQL và AJAX.

Bạn đang xem : hộp nhận xét trong php

Cách tạo hộp nhận xét trang web bằng PHP, MySQL và AJAX

Trong hướng dẫn này, chúng tôi chỉ cách tạo hộp nhận xét trang web bằng PHP, MySQL và AJAX.

Hộp nhận xét được tạo bởi mã này được hiển thị bên dưới ở cuối trang. Bạn có thể thêm nhận xét vào nó và xem kết quả mà nó tạo ra.

Cách hoạt động của hộp nhận xét là chúng ta tạo một bảng trong cơ sở dữ liệu MySQL. Chúng tôi lưu trữ tên của người dùng, ngày nhận xét được viết và nhận xét thực tế
trong bảng của cơ sở dữ liệu MySQL. Khi nó nằm trong một bảng, chúng ta có thể truy xuất bảng này một cách dễ dàng bằng cách sử dụng PHP.

Chúng tôi sử dụng AJAX cho hộp nhận xét này để chúng tôi không phải làm mới trang hoàn chỉnh khi nhận xét mới được thêm vào.
Vì chúng tôi đang sử dụng AJAX để tạo hộp nhận xét này, khi bạn nhấp vào nút Nhận xét, trang sẽ không làm mới. Nó chỉ cập nhật mà không cần phải làm mới.
Đây
tạo ra trải nghiệm người dùng tốt hơn.

Nói chung, chúng tôi chỉ đơn giản là sử dụng PHP, MySQL và AJAX. Bởi vì ngôn ngữ phía máy khách phải được sử dụng với AJAX, chúng tôi cũng sử dụng
Javascript. Và tất nhiên chúng ta cần HTML để có được các hộp văn bản và hộp nhận xét. Vì vậy, tổng cộng, chúng tôi đang sử dụng 5 ngôn ngữ để
làm cho cái này hoạt động.

Vì vậy, hãy nhanh chóng truy cập mã.

Mã HTML

Dưới đây là mã HTML cần thiết để tạo hộp văn bản tên, nơi người dùng nhập tên của họ và vùng văn bản tạo hộp nhận xét. Chúng tôi cũng có một đệ trình
bên dưới nút này, để người dùng có thể gửi biểu mẫu.

Tôi đã tạo biểu mẫu trong một cấu trúc bảng để nó gọn gàng và theo thứ tự. Nó không phải là một việc lớn. Nó chỉ là mã HTML đơn giản.

Với hộp văn bản nhận tên của người dùng, tôi đặt một thẻ id là “name_entered”. Đối với hộp khu vực văn bản nhận xét, tôi đặt một id
thẻ “comment_entered”. Điều này là do chúng tôi sử dụng Javascript để lấy thông tin từ các hộp này, bằng cách sử dụng hàm document.getElementById ().
Chúng ta sẽ thấy điều này sau trong mã.

Sau đó, chúng tôi tạo một nút gửi và gán cho nó một giá trị là “Nhận xét”, để “Nhận xét” được viết trên nút. Sau đó, chúng tôi cung cấp cho nút gửi một trình xử lý sự kiện onclick và đặt
nó bằng với hàm submitcomment (). Trình xử lý sự kiện onclick thực hiện điều đó khi người dùng nhấp vào đối tượng được mã hóa bằng nó, nó gọi hàm đó là submitcomment (). Chúng tôi sẽ xem xét
chức năng này khi chúng tôi nhận được mã Javascript.

Bên dưới có & lt; div & gt; thẻ có id được đặt bằng “showcomments”. Đây là
nơi các nhận xét mới sẽ được cập nhật. Nó nằm ngay bên dưới hộp bình luận, như bạn sẽ làm
chờ đợi.

Và đây là tất cả HTML cần thiết. HTML đơn giản chỉ cần thiết để tạo giao diện.

Mã Javascript

Bây giờ chúng ta đi đến mã Javascript.

Điều này được hiển thị bên dưới.

Vì vậy, trong Javascript, chúng ta tạo một hàm có tên là submitcomment ().

Trong hàm này, chúng ta tạo một yêu cầu tên biến và tạo một đối tượng yêu cầu và gán nó cho biến này.

Đây là phần AJAX của mã. Nếu bạn muốn xem chi tiết về AJAX,
truy cập trang AJAX .

Về cơ bản đây là chúng ta tạo một đối tượng yêu cầu. Đây là một đối tượng giúp trình duyệt có thể liên hệ với
máy chủ. Khi chúng tôi có điều này, trình duyệt có thể giao tiếp với máy chủ để đưa ra yêu cầu. Và đây là trái tim của AJAX.

Xem Thêm  Cách thêm một Favicon trong Html - thêm favicon vào html

Sau đó, chúng tôi tạo một biến có tên là trang web và gán cho nó giá trị “location.href”. Cái này làm cái gì vậy
lấy URL hiện tại của trang này.

Điều cuối cùng chúng tôi muốn làm là tạo một bảng MySQL có tên dựa trên tên của trang web hiện tại.

Vì vậy, trang web hiện tại này là:

Những gì chúng tôi muốn làm là thay đổi URL để chúng tôi có thể đặt tên bảng mà chúng tôi tạo trong MySQL dựa trên tên tệp
của trang hiện tại.

Vì mỗi trang có một URL duy nhất, mỗi trang bạn muốn đặt hộp nhận xét sẽ có một tên bảng duy nhất.

Vì vậy, cách mã hoạt động mà chúng tôi đang viết, bạn không cần phải tạo tên bảng của riêng mình. Nó được tạo tự động
dựa trên tên tệp của trang mà bạn đang đặt hộp nhận xét.

Vì vậy, một lần nữa, biến trang web là điểm bắt đầu của chúng ta. Điều này đại diện cho URL đầy đủ của trang.

Chúng tôi chỉ muốn lấy tên tệp. Vì vậy, chúng tôi tìm thấy sự xuất hiện cuối cùng của “/”. Sau lần xuất hiện cuối cùng của “/” là
tên tệp. Vì vậy, chúng tôi vị trí của “/” cuối cùng này

Sau đó, chúng tôi tạo một biến có tên là lastpart và lấy chuỗi con của biến trang web gốc bằng cách sử dụng
hàm substring () trong Javascript. Vì vậy, biến lastpart này bây giờ chứa tên tệp đầy đủ, bao gồm cả phần mở rộng tệp.

Tuy nhiên, chúng tôi muốn loại bỏ phần mở rộng. Vì vậy, chúng tôi tìm thấy “.” trong chuỗi bằng cách sử dụng hàm indexOf (). Vị trí
sau đó “.” bây giờ được giữ trong biến thời kỳ.

Sau đó, chúng tôi tạo biến hoàn chỉnh. Biến này nhận chuỗi con từ tên tệp đến ngay trước “.”, Vì vậy đây là tên tệp không có phần mở rộng tệp.

Sau đó chúng ta thay thế ký hiệu “-” trong chuỗi bằng ký hiệu “_”. Điều này là do trong MySQL, “-” không thể ở đó. Điều đó sẽ làm cho nó trở thành một tên MySQL bất hợp pháp và MySQL
bảng sẽ không được tạo. Vì vậy, chúng ta phải thay thế biểu tượng này bằng một dấu gạch dưới (“_”). “-” là một ký hiệu phổ biến cho tên tệp. Tuy nhiên, nó không thể được sử dụng để tạo tên bảng MySQL, bởi vì
nó không phải là một trong những biểu tượng được phép.

Vì vậy, bây giờ với biến hoàn chỉnh, chúng ta có tên tệp với bất kỳ ký hiệu “-” nào được thay thế bằng ký hiệu “_”.

Sau đó, chúng tôi tạo một url biến. Điều này lưu trữ tệp PHP mà chúng tôi sử dụng để phân tích cú pháp dữ liệu thu được từ hộp bình luận. Vì vậy, đây là tệp PHP riêng biệt mà bạn sẽ cần
tạo cho PHP để lấy dữ liệu mà người dùng đã nhập và lưu trữ trong bảng MySQL. Chúng ta sẽ đi đến đoạn mã PHP sau bên dưới.

Sau đó, chúng tôi tạo một biến có tên là tên người dùng lấy tên được nhập vào hộp văn bản yêu cầu tên của người dùng.
Chúng tôi làm điều tương tự đối với nhận xét mà người dùng đã nhập. Biến này được đặt tên là usercomment.

Sau đó, chúng tôi tạo một biến có tên là vars, biến này lưu trữ tất cả các biến mà chúng tôi chứa. Đây là một biến rất quan trọng.
Đây là biến mà PHP trích xuất dữ liệu. Trong biến này, chúng tôi lưu trữ tên, nhận xét và tên bảng của người dùng (dựa trên URL của trang).

Sau đó, chúng tôi tạo một biến có tên là return_data. Biến này chứa văn bản được xuất bởi tệp PHP.

Sau đó, chúng tôi sử dụng phương thức innerHTML và gán nó cho biến return_data mà chúng tôi đã tạo, giữ đầu ra của tệp PHP. Chúng tôi chỉ định điều này cho bất kỳ phần tử nào trên trang
có id là “showcomments”. Chúng tôi tạo một thẻ div bên dưới mã hộp nhận xét và cấp cho nó một id là “showcomments”. Bằng cách này, khi chúng tôi chạy tập lệnh của mình, điều này sẽ được cập nhật.

Xem Thêm  Cách tạo trang đăng nhập đầu tiên của bạn bằng HTML, CSS và JavaScript - tạo trang đăng nhập html

Mã PHP

Bây giờ chúng ta đi đến mã PHP là một tệp riêng biệt.

Trong đoạn mã trên, chúng tôi gọi tệp PHP là usercomments.php

Mã PHP được hiển thị bên dưới.

Vì vậy, trong tệp PHP này, điều đầu tiên chúng tôi làm là tạo các biến nhận được
tên người dùng, nhận xét và bảng từ mã Javascript.

Sau đó, chúng tôi tạo một biến $ date để lưu trữ ngày ở định dạng tháng-ngày-năm.
Điều này là do chúng tôi muốn biết người dùng đã gửi nhận xét vào ngày nào. Nếu bạn thậm chí muốn
chính xác hơn, bạn có thể thêm định dạng giờ hoặc phút vào PHP. Tuy nhiên, đối với các mục đích cơ bản, biết
ngày là đủ tốt.

Sau đó, chúng tôi tạo tất cả các biến cần thiết để thiết lập kết nối với MySQL
cơ sở dữ liệu mà chúng tôi muốn tạo một bảng trong đó.

Khi chúng tôi đã thiết lập kết nối với cơ sở dữ liệu, chúng tôi tạo một biến có tên là
$ tồn tại. Nếu bảng tồn tại, câu lệnh if này sẽ đúng. Trong tình huống này, nếu
tên và các vùng nhận xét không trống, chúng tôi chèn tên, ngày tháng và nhận xét vào bảng.
Sau đó, chúng tôi tạo một biến có tên là $ result, biến này sẽ chọn bảng và sắp xếp nó theo thứ tự giảm dần
thứ tự theo cột ID. Điều này được thiết lập theo cách này để các nhận xét mới nhất ở trên cùng chứ không phải
bình luận cũ nhất.

Sau đó, chúng ta sử dụng vòng lặp while để đi qua từng hàng trong bảng. Trong khi có một hàng,
giá trị được lưu trữ trong biến $ row. Chúng tôi nhận được từng hàng từ mỗi cột. Các cửa hàng $ name_field
tên của người dùng. $ Date_field lưu trữ ngày nhận xét được viết. Và $ comment_field
lưu trữ bình luận mà người dùng đã nhập.

Sau đó, chúng tôi lặp lại hàm.

Đây là những gì sẽ xảy ra khi bảng tồn tại.

Nếu bảng không tồn tại, những gì thực thi sẽ nằm sau câu lệnh else.

Biến $ createetable cung cấp mã để tạo một bảng có tên là $ table (
URL của trang). Bảng chứa 4 cột: ID, tên, ngày tháng và nhận xét. Vì chúng tôi muốn
comment để có thể chứa một chuỗi dài, chúng ta khai báo nó là kiểu VARCHAR (60000). ID là
khai báo khóa chính. Tất cả các cột được khai báo KHÔNG ĐẦY ĐỦ, có nghĩa là người dùng phải nhập một cái gì đó
vào vùng tên và chú thích để nhập dữ liệu vào bảng.

Sau đó, chúng ta tạo một biến $ create. Khi mã này được gọi trong dòng sau,
bảng thực sự được tạo.

Sau đó, chúng tôi chèn dữ liệu vào bảng, chọn nó và lấy ra nội dung của
bảng, đại diện cho nhận xét của người dùng.

Lưu ý một điều khi xây dựng tệp này, & lt; body & gt; thẻ của trang web phải được mã hóa
như sau: & lt; body onload = “submitcomment ();”

Điều này để nhận xét được tải khi trang tải.

Nhận ra rằng tất cả mã ở trên được sao chép vào trang mà bạn muốn có hộp nhận xét. Điều duy nhất tách biệt là tệp PHP, phải nằm trong cùng thư mục với
trang hộp nhận xét. Nếu bạn muốn nó nằm trong một thư mục khác, bạn phải chỉ định đường dẫn đến thư mục đó. Điều duy nhất bạn cần sửa đổi trong mã là tệp PHP nơi bạn đặt
tên người dùng, máy chủ, mật khẩu và cơ sở dữ liệu mà bạn muốn có bảng. Đây là phần duy nhất của mã cần sửa đổi. Mọi thứ khác vẫn như cũ.

Và đây là tất cả những gì cần thiết để tạo hộp nhận xét trang web bằng PHP, MySQL,
và AJAX.

Tên:

Bình luận:

Tài nguyên liên quan

Cách Chèn Hình ảnh vào Cơ sở dữ liệu MySQL bằng PHP

Cách Chèn tệp vào Cơ sở dữ liệu MySQL bằng PHP

Xem Thêm  Cách tạo một bảng từ một bảng khác trong SQL - tạo bảng từ một bảng khác trong máy chủ sql

Cách chọn Bảng từ Cơ sở dữ liệu MySQL

Cách tạo Trang xác nhận cho Biểu mẫu web HTML bằng PHP

Cách chuyển hướng đến URL khác bằng PHP

Cách tạo Công cụ Tìm kiếm bằng PHP

Cách tải hình ảnh lên trang web bằng PHP

Cách tải tệp lên trang web bằng PHP

Cách tạo Cơ sở dữ liệu có thể tìm kiếm bằng MySQL và PHP

Cách tìm kiếm trong bảng MySQL cho bất kỳ từ hoặc cụm từ nào bằng PHP

Cách tạo Giao thức truyền tệp (FTP) của riêng bạn cho trang web của bạn bằng PHP

Cách tạo trang đăng ký và đăng nhập bằng PHP


Xem thêm những thông tin liên quan đến chủ đề hộp bình luận trong php

Create a custom comment section using PHP – PHP tutorial

  • Tác giả: Dani Krossing
  • Ngày đăng: 2016-01-19
  • Đánh giá: 4 ⭐ ( 5200 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Create a custom comment section using PHP – Learn PHP backend programming. Today we will create our own comment section from scratch using PHP.

    We will create everything including the database, the HTML, and the PHP. With this we will allow users to create comments, edit, and delete their comments.

    mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills.
    We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs.

    PHP for beginners is a how to series that teaches the PHP coding language to people who are just starting out learning programming. The course teaches how PHP scripting can be made easy and teaches how to build many apps such as a login system, a comment section, how to upload images, how to create users in a website, and much more. Creating dynamic websites with PHP is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners.

    If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.

Tạo hộp nhận xét bình luận mới cho blogspot

  • Tác giả: www.ketnoi89.com
  • Đánh giá: 3 ⭐ ( 1330 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tạo hộp nhận xét/bình luận mới cho blogspot

alert: Hàm hiển thị hộp thoại thông báo trong Javascript

  • Tác giả: unitop.com.vn
  • Đánh giá: 3 ⭐ ( 2537 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách thêm comment, bình luận trong WordPress

  • Tác giả: mobitool.net
  • Đánh giá: 3 ⭐ ( 6565 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Comment trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 4 ⭐ ( 4652 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Comment trong HTML – Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, comment trong HTML, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

Những câu hỏi thường gặp khi bắt đầu tiếp cận PHP

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 4 ⭐ ( 3373 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tại thời điểm viết bài, khoảng 80% các trang web hiện nay sử dụng PHP ở phía máy chủ (server – side). Đó là tỷ lệ vô cùng lớn! Mặc dù PHP đã hơn 20 tuổi nhưng nó vẫn là nền tảng phát triển web tốt và chúng tôi nghĩ rằng có ý nghĩa để trả lời một số câu hỏi mà chúng tôi thường nghe về PHP…

Tổng hợp những hàm thông dụng thường dùng trong php

  • Tác giả: www.sudo.vn
  • Đánh giá: 3 ⭐ ( 4308 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hiện nay trong ngôn ngữ PHP có sẵn khoảng rất nhiều hàm khác nhau, hoặc có thể tự tạo hàm cho riêng mình. Trong bài viết này, mình sẽ liệt kê cho bạn …

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình