PHP Academy · Pelajaran

Mencipta Borang Hubungan

Bina borang hubungan yang menghantar mesej melalui e-mel

Pelajaran 2 daripada 210 langkah

Mencipta Borang Hubungan ialah pelajaran PHP Academy percuma di CoddyKit. Ini ialah pelajaran 2 daripada 2. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran PHP Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus PHP Academy merangkumi sejumlah 2 pelajaran.

Pengenalan kepada Projek Borang Hubungan

Mencipta Borang Hubungan

Selamat datang ke pelajaran tentang penciptaan borang hubungan! Dalam projek ini, anda akan belajar cara membina borang hubungan yang membolehkan pengguna menghantar mesej melalui e-mel. Mari mulakan!

Mencipta Borang Hubungan — ilustrasi 1

Menyediakan Projek

Sebelum bermula, pastikan anda mempunyai:

  • Pelayan web seperti XAMPP atau WAMP.
  • Penyunting teks atau persekitaran pembangunan bersepadu (contohnya, VS Code).
  • Fail bernama contact.php dalam direktori projek anda.
  • Fungsi mail() PHP didayakan (diperlukan untuk menghantar e-mel).

Petua: Untuk ujian setempat, anda mungkin perlu mengkonfigurasi tetapan pelayan mel anda.

Mencipta Borang HTML Asas

Mulakan dengan mencipta struktur HTML untuk borang hubungan anda. Contoh:

Perkara Utama: Gunakan atribut required untuk memastikan semua medan diisi sebelum penghantaran.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Form</title>
</head>
<body>
  <h1>Contact Us</h1>
  <form action="contact.php" method="post">
    <label for="name">Name:</label><br>
    <input type="text" id="name" name="name" required><br><br>
    
    <label for="email">Email:</label><br>
    <input type="email" id="email" name="email" required><br><br>
    
    <label for="message">Message:</label><br>
    <textarea id="message" name="message" rows="5" required></textarea><br><br>
    
    <button type="submit" name="submit">Send Message</button>
  </form>
</body>
</html>

Memproses Data Borang

Dalam fail contact.php anda, kendalikan penghantaran borang. Contoh:

Petua: Gunakan htmlspecialchars() untuk mencegah serangan XSS dengan mengekod aksara HTML.

<?php
  if (isset($_POST['submit'])) {
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $message = htmlspecialchars($_POST['message']);

    echo "Name: $name<br>";
    echo "Email: $email<br>";
    echo "Message: $message<br>";
  }
?>

Mengesahkan Input

Sebelum memprosesnya, sahkan input untuk memastikan input tersebut memenuhi keperluan anda. Contoh:

Perkara Utama: Sentiasa sahkan input pengguna untuk mengelakkan data tidak sah atau berniat jahat.

<?php
  if (isset($_POST['submit'])) {
    if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
      echo "Invalid email address.";
      exit;
    }

    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $message = htmlspecialchars($_POST['message']);

    echo "Valid input. Processing...";
  }
?>

Menghantar E-mel

Gunakan fungsi mail() PHP untuk menghantar data borang ke alamat e-mel. Contoh:

Petua: Gunakan alamat From yang sah untuk mengelakkan masalah penghantaran e-mel.

<?php
  if (isset($_POST['submit'])) {
    $to = "admin@example.com"; // Replace with your email
    $subject = "New Contact Form Submission";
    $message = "Name: $name\nEmail: $email\nMessage:\n$message";
    $headers = "From: $email";

    if (mail($to, $subject, $message, $headers)) {
      echo "Message sent successfully!";
    } else {
      echo "Failed to send the message.";
    }
  }
?>

Menambah Baik Borang

Berikut ialah beberapa penambahbaikan yang boleh anda tambahkan:

  • Paparkan mesej kejayaan atau ralat dalam borang itu sendiri.
  • Gayakan borang menggunakan CSS untuk menghasilkan antara muka pengguna yang lebih baik.
  • Laksanakan CAPTCHA untuk mencegah penghantaran spam.

Perkara Utama: Penambahbaikan meningkatkan pengalaman pengguna dan keselamatan.

Menyahpepijat Masalah E-mel

Jika e-mel tidak dihantar, semak perkara berikut:

  • Pastikan fungsi mail() PHP didayakan.
  • Sahkan bahawa alamat e-mel From adalah sah.
  • Semak catatan mel pelayan anda untuk mencari ralat.

Petua: Pertimbangkan untuk menggunakan pustaka seperti PHPMailer bagi mendapatkan ciri e-mel lanjutan.

Syabas!

Tahniah! Anda telah membina borang hubungan yang berfungsi dalam PHP. Anda telah belajar cara mencipta borang, memproses datanya, mengesahkan input dan menghantar e-mel. Dalam pelajaran seterusnya, kita akan membina satu lagi projek yang menarik untuk meningkatkan lagi kemahiran PHP anda. Mari kita terus menulis kod!

Mencipta Borang Hubungan — ilustrasi 10
Percuma untuk bermula

Pelajari PHP dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
49
Pelajaran
195

Soalan Lazim

Adakah pelajaran “Mencipta Borang Hubungan” percuma?

Ya — teks penuh “Mencipta Borang Hubungan” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus PHP Academy, tingkat taraf kepada CoddyKit PRO. Kursus PHP Academy merangkumi sejumlah 2 pelajaran.

Apakah yang akan saya pelajari dalam “Mencipta Borang Hubungan”?

Bina borang hubungan yang menghantar mesej melalui e-mel Anda berlatih PHP Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan PHP Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran PHP Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 2.

Berapa lamakah pelajaran “Mencipta Borang Hubungan” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran PHP Academy ini?

Ya. Setiap pelajaran PHP Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Membina Senarai Tugasan Mudah
  2. Mencipta Borang Hubungan
← Kembali ke PHP Academy