Cara Membuat Laman Web Papan Mesej Menggunakan PHP dan MYSQL: 5 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:09

Instruksional ini akan menunjukkan kepada anda cara membuat laman web papan pesanan menggunakan php, mysql, html, dan css. Sekiranya anda baru dalam pengembangan web, jangan risau, akan ada penjelasan dan analogi terperinci sehingga anda mungkin lebih memahami konsepnya.

Bahan yang Diperlukan:

• Penyunting teks (iaitu Teks Luhur, Atom, dll). Saya akan menggunakan teks luhur.
• WAMP bermaksud Windows Apache MySQL dan PHP
• MAMP bermaksud Mac Apache MySQL dan PHP

MAMP untuk pengguna Mac: https://www.mamp.info/en/ (termasuk MySQL dan PHP)

WAMP untuk pengguna Windows: https://www.wampserver.com/en/ (termasuk MySQL dan PHP)

Teks Luhur:

Langkah 1: Gambaran Keseluruhan Projek

Cara untuk melacak mesej adalah dengan menyimpannya dalam pangkalan data. Dalam tutorial ini, kita akan menggunakan MySQL. (Saya menggunakan WAMP kerana saya mempunyai sistem operasi berasaskan windows)

1. Konfigurasikan PHP dan MySQL dengan memastikan mereka dimuat turun dan anda boleh menavigasi ke lokasi fail mereka di komputer anda.
2. Buka command prompt dan arahkan ke direktori mysql anda dan ketik "mysqladmin -u root -p password." Perintah ini akan meminta kata laluan anda dan anda memasukkannya semula.
3. Sekarang mulakan pelayan WAMP atau MAMP anda. Akan muncul ikon hijau setelah pelayan selesai memuatkan. Klik ikon -> MySQL -> Konsol MySQL untuk memastikan anda boleh log masuk dengan kata laluan yang baru anda buat.
4. Sekarang tugasnya adalah membuat pangkalan data di mana maklumat mengenai mesej akan disimpan. Mari fikirkan apa yang biasanya diperlukan dari mesej. Item umum termasuk: Nama, masa mesej diposkan, waktu mesej disiarkan, dan mesej itu sendiri.
5. Buat pangkalan data bernama "message".
6. Buat jadual bernama "komen" dan tambahkan baris: id (Jenis bilangan bulat yang bertambah secara automatik), nama (jenis Varchar), komen (jenis Varchar), masa (jenis Varchar), tarikh (jenis Varchar),
7. Sambungkan ke pangkalan data "message" dalam nama fail php "db.php".
8. Buat medan input untuk nama pengarang dan kawasan teks untuk mesej.
9. Sahkan data sebelum memasukkannya ke dalam pangkalan data. Sekiranya semuanya baik-baik saja, masukkan mesej, nama pengarang, tarikh dan masa siaran disiarkan.
10. Paparkan mesej dengan mengambil semua catatan pangkalan data ke dalam html div dan gaya halaman menggunakan CSS.
11. Horray, anda telah berjaya belajar membuat sistem pesanan.

Langkah 2: Langkah 2 - Sediakan Pangkalan Data

Gambar 1 - Setelah pangkalan data dibuat, anda boleh memasukkan perintah 'tunjukkan pangkalan data' untuk memastikan pangkalan data berjaya dibuat.

TUNJUKKAN Pangkalan Data;

Gambar 2 - Untuk menyimpan maklumat dalam pangkalan data, jadual perlu dibuat. Membuat jadual dengan baris penting adalah kunci untuk memastikan laman web mempunyai semua maklumat yang diperlukan. Komen jadual akan mempunyai semua maklumat yang diperlukan

Untuk dapat menyambung ke pangkalan data mesej, berikan arahan "MEMBERI SEMUA PRIVILEG ON ON message. *". Anda mungkin menggunakan nama pengguna dan kata laluan anda sendiri, jangan lupa.

BUAT mesej DATABASE; MEMBERIKAN SEMUA KEISTIMEWAAN PADA mesej. * KE 'username' @ 'localhost' DIKENALI OLEH 'kata laluan';

Gambar 3 - Masukkan 'huraikan komen' untuk memastikan bahawa jadual berjaya dibuat. Anda dapat melihat baris dan jenis datanya dengan mengeluarkan arahan ini.

KOMEN YANG DIJELASKAN;

Gambar 4 - Oleh kerana baris komen pada asalnya tidak ada, mari tambah dengan arahan ALTER TABLE. Ulasan adalah jenis VARCHAR (255) ini bermaksud bahawa komen akan berupa teks yang tidak boleh melebihi 255 aksara.

Mesej ALTER TABLE TAMBAHKAN komen COLUMN VARCHAR (255) NOT NULL;

255 mewakili panjang maksimum untuk komen. Tidak nol bermaksud bahawa apabila mesej dimasukkan ke dalam pangkalan data, ruang komen dalam pangkalan data tidak boleh kosong (null; tidak ada).

Langkah 3: Buat Fail Php

Langkah-langkah berikut akan berlaku dalam penyunting teks pilihan anda. Saya akan menggunakan teks luhur.

1. Kita perlu membuat dua fail. Satu akan dipanggil db.php yang akan menghubungkan atau laman web ke pangkalan data MYSQL (bahasa pertanyaan standard saya) dan index.php, halaman di mana mesej akan berlaku.

2. Pertama, mari buat db.php. Semasa pangkalan data disediakan kelayakan sambungan untuk menyambung ke pangkalan data. Fail ini akan menghubungkan index.php ke pangkalan data sehingga kami dapat mengisi dengan maklumat yang diperlukan untuk membuat ruang sembang.

Kod untuk db.php

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

tentukan ("DB_USER", "kylel95"); definisikan ("DB_PASSWORD", "kata laluan"); tentukan ("DB_NAME", "mesej"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

jika (mysqli_connect_errno ())

{die ("Sambungan pangkalan data gagal:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Seterusnya, mari buat index.php. Fail ini adalah tempat kami membuat ruang sembang. Kami akan menggunakan medan input html untuk nama, textarea untuk mesej, dan elemen div untuk memuatkan mesej. Kami akan menggunakan CSS (Cascase Style Sheet) untuk meletakkan elemen halaman dan menghiasi isi halaman.

kod untuk index.php

? phprequire_once ('db.php');

if (isset ($ _ POST ['submit'])) {$ time = tarikh ("g: i: s A"); $ tarikh = tarikh ("n / j / Y"); $ msg = $ _POST ['message']; $ name = $ _POST ['fname']; $ hasil = ""; jika (! kosong ($ msg) &&! kosong ($ nama)) {// nama tarikh tarikh pesanan $ query = "MASUKKAN INTO komen ("; $ query. = "nama, masa, tarikh, komen"; $ pertanyaan. = ") NILAI ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ hasil = mysqli_query ($ connect, $ query); }}?>

textarea {sempadan-radius: 2%; } #thread {sempadan: 1px # d3d3d3 padat; tinggi: 350px; lebar: 350px; limpahan: tatal; }

? php $ select = "PILIH * DARI komen"; $ q = mysqli_query ($ sambung, $ pilih); sementara ($ baris = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ baris ['name']. ":". $ baris ['komen']. ""; }?> Nama: Hantar

4. Kami akan menggunakan tarikh fungsi built-in php () untuk mendapatkan tarikh dan masa mesej dihantar dan kosong () untuk memastikan pengguna tidak memasukkan mesej atau nama kosong.

5. Setelah data borang dihantar, kami akan memasukkan nama, mesej, masa dan tarikh ke dalam pangkalan data.

6. Kami sekarang akan membuat pertanyaan dari pangkalan data dan mendapatkan semua komen. Komen akan disimpan dalam div.

?>

Langkah 4: Isi Fail Db.php dan Index.php

1. db.php (db pendek untuk pangkalan data) menggunakan nama pengguna dan kata laluan yang saya gunakan sebaik sahaja pangkalan data dibuat semasa saya mengeluarkan arahan "GRANT ALL PRIVILEGES".

Fungsi menentukan di bahagian atas fail menunjukkan bahawa pemboleh ubah DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME adalah pemalar (mereka tidak berubah nilainya). Pernyataan if memeriksa apakah sambungan ke pangkalan data gagal atau tidak.

2. Dalam file index.php, kita akan menggunakan fungsi memerlukan php untuk menghubungkan halaman ke pangkalan data. Seterusnya, buat medan input untuk nama. Kemudian buat teks untuk mesej. Setelah dibuat, lawati https:// localhost: 8080 / messages / index.php (anda mungkin tidak mempunyai nombor port iaitu 8080) untuk memastikan anda melihat kotak input dan textarea.

3. Seterusnya, mari kumpulkan data borang dan kemudian masukkan ke dalam pangkalan data.

4. Sekarang, mari tambah pertanyaan pangkalan data dan keluarkan semua mesej ke dalam div.

5. Untuk menggayakan sesuatu yang lebih baik, mari tambah CSS untuk menjadikannya lebih cantik.

PS: Saya mempunyai kesalahan ketik. Tolong ubah 'message' untuk memberi komen berhampiran arahan INSERT untuk pemboleh ubah $ query.

Langkah 5: Langkah 5: Contoh dan Langkah Seterusnya

Semoga anda melihat sesuatu yang serupa dengan yang ada di atas setelah menambahkan css dan mengujinya.

Langkah seterusnya: Tambahkan lebih banyak css untuk menjadikan laman web ini lebih menarik.