Cách tạo trang web bảng tin bằng PHP và MYSQL: 5 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:32

Tài liệu hướng dẫn này sẽ chỉ cho bạn cách tạo một trang web bảng tin bằng php, mysql, html và css. Nếu bạn chưa quen với việc phát triển web, đừng lo lắng, sẽ có những giải thích chi tiết và loại suy để bạn có thể hiểu rõ hơn về các khái niệm.

Vật liệu cần thiết:

• Trình soạn thảo văn bản (tức là Sublime Text, Atom, v.v.). Tôi sẽ sử dụng văn bản siêu phàm.
• WAMP là viết tắt của Windows Apache MySQL và PHP
• MAMP là viết tắt của Mac Apache MySQL và PHP

MAMP cho người dùng Mac: https://www.mamp.info/en/ (bao gồm MySQL và PHP)

WAMP cho người dùng Windows: https://www.wampserver.com/en/ (bao gồm MySQL và PHP)

Sublime Text:

Bước 1: Tổng quan về dự án

Cách để theo dõi các tin nhắn là lưu trữ chúng trong cơ sở dữ liệu. Trong hướng dẫn này, chúng tôi sẽ sử dụng MySQL. (Tôi đang sử dụng WAMP vì tôi có hệ điều hành dựa trên windows)

1. Định cấu hình PHP và MySQL bằng cách đảm bảo chúng được tải xuống và bạn có thể điều hướng đến vị trí tệp của chúng trên máy tính của mình.
2. Mở dấu nhắc lệnh và điều hướng đến thư mục mysql của bạn và nhập "mật khẩu mysqladmin -u root -p." Lệnh này sẽ yêu cầu nhập mật khẩu của bạn và để bạn nhập lại.
3. Bây giờ khởi động máy chủ WAMP hoặc MAMP của bạn. Sẽ xuất hiện một biểu tượng màu xanh lá cây sau khi máy chủ tải xong. Nhấp vào biểu tượng -> MySQL -> Bảng điều khiển MySQL để đảm bảo bạn có thể đăng nhập bằng mật khẩu mới tạo của mình.
4. Bây giờ nhiệm vụ là tạo cơ sở dữ liệu nơi thông tin về các thông báo sẽ được lưu trữ. Hãy nghĩ về những gì thường cần thiết từ một tin nhắn. Các mục thông thường bao gồm: Tên, thời gian tin nhắn được đăng, thời gian tin nhắn được đăng và bản thân tin nhắn.
5. Tạo cơ sở dữ liệu có tên "tin nhắn".
6. Tạo bảng có tên "nhận xét" và thêm các hàng: id (Kiểu số nguyên tự động tăng), tên (kiểu Varchar), nhận xét (kiểu Varchar), thời gian (kiểu Varchar), ngày (kiểu Varchar),
7. Kết nối với cơ sở dữ liệu "tin nhắn" trong tên tệp php "db.php".
8. Tạo trường nhập cho tên tác giả và vùng văn bản cho thư.
9. Xác thực dữ liệu trước khi chèn nó vào cơ sở dữ liệu. Nếu mọi thứ đều ổn, hãy chèn tin nhắn, tên tác giả, ngày và giờ bài viết được đăng.
10. Hiển thị các thông báo bằng cách truy xuất tất cả các bản ghi cơ sở dữ liệu vào một div html và tạo kiểu cho trang bằng cách sử dụng CSS.
11. Horray, bạn đã học cách tạo hệ thống nhắn tin thành công.

Bước 2: Bước 2 - Thiết lập cơ sở dữ liệu

Hình 1 - Sau khi cơ sở dữ liệu được tạo, bạn có thể nhập lệnh 'hiển thị cơ sở dữ liệu' để đảm bảo rằng cơ sở dữ liệu đã được tạo thành công.

HIỂN THỊ DỮ LIỆU;

Hình 2 - Để lưu trữ thông tin trong cơ sở dữ liệu, một bảng cần được tạo. Tạo bảng với các hàng cần thiết là chìa khóa để đảm bảo trang web có tất cả thông tin cần thiết. Nhận xét bảng sẽ có tất cả thông tin cần thiết

Để có thể kết nối với cơ sở dữ liệu tin nhắn, hãy sử dụng lệnh "CẤP TẤT CẢ CÁC QUYỀN RIÊNG TƯ TRÊN tin nhắn. *". Bạn có thể sử dụng tên người dùng và mật khẩu của riêng mình, xin đừng quên nó.

TẠO thông báo CƠ SỞ DỮ LIỆU; CẤP TẤT CẢ CÁC QUYỀN RIÊNG TƯ TRONG tin nhắn. * ĐẾN 'tên người dùng' @ 'localhost' ĐƯỢC XÁC ĐỊNH BẰNG 'mật khẩu';

Hình 3 - Nhập 'mô tả nhận xét' để đảm bảo rằng bảng đã được tạo thành công. Bạn có thể xem các hàng và kiểu dữ liệu của chúng bằng cách sử dụng lệnh này.

MÔ TẢ NHẬN XÉT;

Hình 4 - Vì hàng cho nhận xét ban đầu không có ở đó, hãy thêm hàng đó bằng lệnh ALTER TABLE. Nhận xét là kiểu VARCHAR (255), điều này có nghĩa là nhận xét sẽ là văn bản không được vượt quá độ dài 255 ký tự.

Thông báo ALTER TABLE ADD COLUMN comment VARCHAR (255) NOT NULL;

255 đại diện cho độ dài tối đa cho nhận xét. Không rỗng có nghĩa là khi một thông báo được chèn vào cơ sở dữ liệu, trường nhận xét trong cơ sở dữ liệu không được để trống (null; không tồn tại).

Bước 3: Tạo tệp Php

Các bước sau sẽ diễn ra trong trình soạn thảo văn bản mà bạn chọn. Tôi sẽ sử dụng văn bản siêu phàm.

1. Chúng ta sẽ cần tạo hai tệp. Một sẽ được gọi là db.php sẽ kết nối hoặc trang web với cơ sở dữ liệu MYSQL (ngôn ngữ truy vấn tiêu chuẩn của tôi) và index.php, trang nơi các thông báo sẽ diễn ra.

2. Đầu tiên, hãy tạo db.php. Khi cơ sở dữ liệu được thiết lập thông tin xác thực kết nối để kết nối với cơ sở dữ liệu. Tệp này sẽ kết nối index.php với cơ sở dữ liệu để chúng tôi có thể điền vào nó với thông tin cần thiết để tạo phòng trò chuyện.

Mã cho db.php

? php define ("DB_SERVER", "localhost");

xác định ("DB_USER", "kylel95"); xác định ("DB_PASSWORD", "mật khẩu"); xác định ("DB_NAME", "thông báo"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

if (mysqli_connect_errno ())

{die ("Kết nối cơ sở dữ liệu không thành công:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Tiếp theo, hãy tạo index.php. Tệp này là nơi chúng tôi tạo phòng trò chuyện. Chúng tôi sẽ sử dụng trường đầu vào của html cho tên, vùng văn bản cho thông báo và một phần tử div để chứa các thông báo. Chúng tôi sẽ sử dụng CSS (Cascase Style Sheet) để định vị các phần tử của trang và trang trí nội dung của trang.

mã cho index.php

? phprequire_once ('db.php');

if (Isset ($ _ POST ['submit'])) {$ time = date ("g: i: s A"); $ date = date ("n / j / Y"); $ msg = $ _POST ['tin nhắn']; $ name = $ _POST ['fname']; $ kết quả = ""; if (! blank ($ msg) &&! blank ($ name)) {// tên thời gian ngày thông báo $ query = "INSERT INTO comments ("; $ query. = "name, time, date, comment"; $ query. = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ result = mysqli_query ($ connect, $ query); }}?>

textarea {bán kính đường viền: 2%; } #thread {border: 1px # d3d3d3 solid; chiều cao: 350px; chiều rộng: 350px; tràn: cuộn; }

? php $ select = "CHỌN * TỪ ý kiến"; $ q = mysqli_query ($ kết nối, $ select); while ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['comment']. ""; }?> Tên: Gửi

4. Chúng tôi sẽ sử dụng hàm date () được tích hợp sẵn của php để lấy ngày giờ tin nhắn được đăng và trống () để đảm bảo rằng người dùng không nhập tin nhắn hoặc tên trống.

5. Sau khi dữ liệu biểu mẫu được gửi, chúng tôi sẽ chèn tên, thông báo, thời gian và ngày vào cơ sở dữ liệu.

6. Bây giờ chúng ta sẽ truy vấn từ cơ sở dữ liệu và lấy tất cả các bình luận. Các bình luận sẽ được lưu trữ trong một div.

?>

Bước 4: Điền vào các tệp Db.php và Index.php

1. db.php (db viết tắt của database) sử dụng tên người dùng và mật khẩu tôi đã sử dụng khi cơ sở dữ liệu được tạo khi tôi ra lệnh "GRANT ALL PRIVILEGES".

Hàm xác định ở đầu tệp cho biết rằng các biến DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME là các hằng số (chúng không thay đổi về giá trị). Câu lệnh if kiểm tra xem kết nối với cơ sở dữ liệu có bị lỗi hay không.

2. Trong tệp index.php, chúng ta sẽ sử dụng chức năng request của php để kết nối trang với cơ sở dữ liệu. Tiếp theo, tạo một trường nhập cho tên. Sau đó, tạo vùng văn bản cho tin nhắn. Khi chúng được tạo, hãy truy cập https:// localhost: 8080 / messages / index.php (bạn có thể không có số cổng, tức là 8080) để đảm bảo rằng bạn nhìn thấy hộp nhập liệu và vùng văn bản.

3. Tiếp theo, chúng ta hãy thu thập dữ liệu biểu mẫu và sau đó chèn vào cơ sở dữ liệu.

4. Bây giờ, hãy thêm truy vấn cơ sở dữ liệu và xuất tất cả các thông báo vào một div.

5. Để tạo kiểu cho mọi thứ tốt hơn một chút, hãy thêm một số CSS để làm cho nó đẹp hơn một chút.

Tái bút: Tôi đã có một lỗi đánh máy. Vui lòng thay đổi 'nội dung' để nhận xét gần lệnh INSERT cho biến $ query.

Bước 5: Bước 5: Ví dụ và các bước tiếp theo

Hy vọng rằng bạn sẽ thấy một cái gì đó tương tự như những gì ở trên sau khi thêm css và thử nghiệm nó.

Các bước tiếp theo: Thêm nhiều css để làm cho trang web hấp dẫn hơn.