Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. PHP

Buat Shoutbox Dasar dengan PHP dan SQL

by
Difficulty:IntermediateLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Ike Sofia (you can also view the original English article)

Dalam tutorial ini, kita akan membuat sistem 'Shoutbox' dasar dengan PHP. Ditujukan pada pemula untuk pengembangan PHP, ini memungkinkan Anda membuat kaki Anda basah bekerja dengan database sebelum beralih ke beberapa tutorial PHP yang lebih maju di sini di NETTUTS.




pengantar

Dengan 25 tampilan beranda unik, versi ringan dan gelap, desain responsif, dan panel admin yang kuat yang memungkinkan Anda untuk menyesuaikan hampir semua aspek tema, Porto adalah pilihan tepat jika Anda ingin agar toko Anda menonjol.

Setelah tutorial, semoga Anda memiliki pemahaman yang baik tentang dasar-dasar penggunaan PHP untuk berkomunikasi dengan database untuk mengirim, meminta dan menerima informasi. Kami juga akan menyertakan penggunaan Gravatars di Shoutbox kami, menambahkan kehebatan ekstra itu!

Bagi yang belum memilikinya, saya sarankan anda membaca seri PHP From Scratch kami untuk memahami dengan tepat apa itu PHP, dan lihat beberapa sintaks dasar dan bagaimana kami menggunakan variabel.

File sumber juga dikomentari bagi mereka yang lebih memilih untuk belajar seperti itu.

Langkah 1 - Memulai

Database

Sebelum memulai, Anda seharusnya sudah memiliki setup database di server web Anda. Pastikan Anda memiliki rincian berikut ini:

  • Nama host (misalnya localhost)
  • Nama database
  • Username untuk database
  • Kata sandi

Dalam database, Anda perlu membuat tabel yang diberi nama teriakan dengan lima bidang:

  • id
  • nama
  • e-mail
  • pos
  • alamat IP

Untuk membuat ini, jalankan kode SQL berikut. Anda biasanya akan menjalankan ini dari tab SQL di phpMyAdmin.

Anda harus menerima pesan "Permintaan SQL Anda berhasil dijalankan"

File

Kami membutuhkan tiga file yang dibuat untuk proyek ini:

  • index.php
  • style.css
  • db.php

Anda juga memerlukan folder dengan gambar yang dibutuhkan. Ambil ini dari file sumber.

Detail Koneksi Database

File db.php akan digunakan untuk menyimpan rincian database kami. Buka dan masukkan kode berikut:

Langkah 2 - Interaksi

Jalankan file index.php Anda dengan kode berikut, mulailah dokumen kami dan beberapa bagian ke style kemudian.

Membangun Koneksi

Sebelum kita bisa melakukan apapun dengan database, kita perlu terhubung dengannya. Masukkan kode berikut setelah sebelumnya. Hal ini dijelaskan di bawah ini.

Dua baris pertama menggunakan fungsi PHP built-in untuk mendapatkan nama file ini, dan baris lainnya untuk mendapatkan alamat IP pengunjung. Kita akan menggunakan dua variabel nanti di tutorial.

Kami kemudian menyertakan file db.php kami sehingga kami dapat mengambil rincian database yang Anda isi. Sebagai alternatif, Anda dapat menempelkan semuanya dari db.php di sini, tapi praktiknya bagus untuk memisahkan detailnya.

$ connect menyimpan fungsi untuk menggunakan rincian database kami untuk membangun koneksi dengan server database. Jika tidak dapat terhubung, maka akan muncul pesan kesalahan dan menghentikan pemuatan halaman lainnya dengan mati ().

Finally, we connect to our database.

Apakah ada yang diajukan?

Hal berikutnya yang akan kita lakukan adalah memeriksa apakah seseorang telah mengirimkan teriakan menggunakan formulir (yang akan kita sertakan segera). Kami memeriksa dokumen POST untuk melihat apakah ada sesuatu yang telah dikirim dari formulir.

Kami mulai dengan if () yang memeriksa POST kami untuk melihat apakah item yang bernama 'kirim' telah dikirim. Jika sudah kita gunakan fungsi kosong () untuk memastikan field 'name', 'email' dan 'post' terisi. Jika tidak, kita akan menampilkan error.

Jika tidak, kami melanjutkan:

Pada tiga baris pertama, kami menjalankan masing-masing bidang kami (nama, email dan pos) melalui fungsi htmlspecialchars () dan mysql_real_escape_string () dan menempatkannya ke variabel mereka sendiri.

htmlspecialchars () adalah fungsi yang dirancang untuk mencegah pengguna mengirimkan kode HTML. Jika kita tidak melakukan ini, seseorang bisa memasukkan HTML ke dalam database kita yang kemudian akan dieksekusi ke pengguna lain. Ini sangat buruk jika seseorang mengirimkan kode javascript yang akan mentransfer pengunjung ke situs berbahaya!

mysql_real_escape_string () adalah fungsi yang serupa. Kecuali yang satu ini menghentikan pengguna mengirimkan kode SQL ke server. Jika kita tidak melakukan ini, seseorang bisa mengeksekusi kode untuk mencuri, mengedit atau menghapus database kita!

Dengan menggunakan detail baru kami, kami membuat query SQL untuk memasukkan shout yang dikirimkan ke database. Jika tag (), kita menjalankan Query SQL. Jika query berhasil dijalankan, dan shout ditambahkan ke database, kami menampilkan "Thanks for shouting!" pesan; Jika tidak, kita akan menampilkan sebuah kesalahan.

Mengambil Teriakan

Kami sekarang akan mengambil 8 teriakan terbaru dari database kami untuk menampilkannya ke pengguna.

Pada baris pertama, kami membuat kueri SQL baru untuk "Mengambil semua bidang dari tabel 'teriakan', agar mereka turun oleh 'ID'; namun hanya memberi kami 8 terbaru".

Pada baris kedua kita mengeksekusi query dan menyimpannya dalam $ result. Kita sekarang:

Baris pertama mengatakan "Meskipun masih ada baris (hasil) di dalam $ hasil, tampilkan sebagai berikut:".

stripslashes () menghilangkan garis miring yang mysql_real_escape_string () mungkin telah dimasukkan ke dalam pengiriman.

$ grav_url menciptakan Gravatar dari setiap alamat email pengguna.

Kami kemudian mengeluarkan (echo) setiap teriakan dengan cara tertentu. Pada dasarnya menampilkan Gravatar, Name and Shout dalam daftar yang bisa kita gambarkan dengan mudah nanti.

Formulir

Langkah terakhir untuk halaman ini adalah memasukkan formulir ke bagian bawah halaman yang dapat dikirim oleh pengguna melalui pos.

Perhatikan bahwa kami mereferensikan variabel $ self untuk memberi tahu formulir untuk mengirimkan hasilnya; dan kami juga mengirim melalui metode POST. Di bawah formulir kami menutup setiap tag HTML yang kami buka.

Styling

Cobalah! Anda telah menyelesaikan semua kode PHP, dan Anda harus bisa menambahkan shout baru dan melihat 8 yang terbaru.

Namun, ada satu masalah. Terlihat UGLY! Mari kita mengatasinya dengan beberapa CSS :) Dengan ini bukan tutorial CSS, saya tidak akan membahas salah satu gaya, tapi semuanya cukup mendasar.

Kesimpulan

Jadi begitulah! Shoutbox yang tampan dan berfungsi penuh! Anda mungkin bertanya-tanya apa gunanya membuat Shoutbox, dan nah, Anda benar, tidak ada gunanya. Tapi apa yang dilakukan ini membantu memberi Anda beberapa pemahaman dasar yang penting tentang penggunaan PHP untuk bekerja dengan database, memungkinkan Anda beralih ke panduan yang jauh lebih maju di NETTUTS.

Heck, Anda bahkan bisa menggunakan kembali kode ini untuk membuat blog yang sangat mendasar! Tidak banyak yang menunjukkannya, tapi ini menyenangkan.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.