Cara menggunakan HTML dan PHP untuk melaksanakan antara muka log masuk dan pendaftaran

Dengan perkembangan Internet, pelbagai laman web dan aplikasi telah menjadi bahagian penting dalam kehidupan seharian orang ramai. Antaranya, log masuk dan pendaftaran adalah salah satu fungsi yang paling asas. Bagi pembangun, melaksanakan antara muka log masuk dan pendaftaran adalah tugas asas. Dalam artikel ini, kami akan memperkenalkan cara menggunakan HTML dan PHP untuk melaksanakan antara muka log masuk dan pendaftaran.

Apakah HTML dan PHP?

HTML ialah bahasa standard untuk mencipta halaman web. Ia menggunakan markup untuk menerangkan struktur dan kandungan halaman web. Penanda dalam HTML biasanya merupakan gabungan teg dan atribut, seperti

dan . PHP ialah bahasa skrip sebelah pelayan yang boleh digunakan untuk mencipta halaman web dinamik dan aplikasi web. PHP sering digunakan bersama-sama dengan pangkalan data untuk menjana kandungan dinamik dengan mendapatkan semula data daripada pangkalan data.

Pelaksanaan HTML borang pendaftaran

Untuk membuat borang pendaftaran, kita perlu menggunakan HTML. Elemen bentuk dalam HTML membolehkan pengguna memasukkan data pada halaman web dan menyerahkannya ke pelayan. Di bawah ialah borang HTML ringkas yang mengandungi beberapa medan input asas seperti nama pengguna, e-mel dan kata laluan:

<form action="register.php" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>

  <label for="email">电子邮件:</label>
  <input type="email" id="email" name="email" required>

  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>

  <button type="submit">注册</button>
</form>

Dalam kod di atas, kami telah menggunakan teg borang untuk mencipta borang . Antaranya, atribut tindakan menentukan alamat yang mana data borang harus diserahkan, dan atribut kaedah menentukan kaedah untuk menyerahkan data. Dalam contoh kami, kami menyerahkan borang kepada fail yang dipanggil register.php, menggunakan kaedah POST untuk menyerahkan data.

Seterusnya, kami menggunakan tag label untuk menandakan medan input dan tag input untuk mencipta medan input. Di sini, kami telah menggunakan medan input teks, medan input e-mel dan medan input kata laluan Setiap medan input mempunyai nama yang boleh dikenal pasti melalui atribut nama.

Akhir sekali, kami menambah butang yang apabila pengguna mengkliknya, data borang akan diserahkan kepada pelayan.

PHP melaksanakan bahagian belakang pendaftaran

Apabila pengguna mengklik butang "Daftar", data borang akan diserahkan ke fail register.php yang kami nyatakan. Sekarang, kita perlu memproses data borang melalui PHP dan menyimpannya ke dalam pangkalan data.

Berikut ialah skrip PHP mudah untuk mencipta pengguna dan menyimpannya ke dalam pangkalan data:

<?php
//获取表单数据
$username = $_POST[&#39;username&#39;];
$email = $_POST[&#39;email&#39;];
$password = $_POST[&#39;password&#39;];

//连接数据库
$conn = mysqli_connect("localhost", "root", "", "users");

//检查用户名是否唯一
$query = "SELECT * FROM users WHERE username=&#39;$username&#39;";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) > 0) {
  die("用户名已存在！");
}

//插入用户数据到数据库中
$query = "INSERT INTO users (username, email, password) VALUES ('$username', '$email', '$password')";
mysqli_query($conn, $query);

//输出成功信息
echo "注册成功！";
?>

Dalam kod di atas, kami mula-mula menggunakan $_POST untuk mendapatkan data borang . Seterusnya, kami menyambung ke pangkalan data MySQL dan melaksanakan pertanyaan SQL menggunakan fungsi mysqli_query. Kami juga melakukan beberapa semakan ralat asas, seperti menyemak bahawa nama pengguna adalah unik.

Jika pendaftaran berjaya, kami akan mengeluarkan mesej ringkas kepada pengguna.

Pelaksanaan HTML borang log masuk

Kini, kami telah mencipta borang pendaftaran dan menyimpannya dalam pangkalan data. Seterusnya, kita perlu membuat borang log masuk.

Di bawah ialah borang HTML ringkas dengan medan nama dan kata laluan:

<form action="login.php" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>

  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>

  <button type="submit">登录</button>
</form>

Berbeza dengan borang pendaftaran, kami hanya mempunyai dua medan, nama pengguna dan kata laluan. Apabila pengguna mengklik butang "Log Masuk", data borang diserahkan kepada fail yang dipanggil login.php.

PHP Melaksanakan Log Masuk Belakang

Apabila pengguna menyerahkan borang log masuk, kami perlu mengesahkan kelayakan mereka melalui PHP supaya mereka boleh diubah hala ke halaman yang betul. Di bawah ialah skrip PHP mudah yang menyemak kelayakan pengguna:

<?php
//获取表单数据
$username = $_POST[&#39;username&#39;];
$password = $_POST[&#39;password&#39;];

//连接数据库
$conn = mysqli_connect("localhost", "root", "", "users");

//检查用户凭据
$query = "SELECT * FROM users WHERE username=&#39;$username&#39; AND password=&#39;$password&#39;";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) == 1) {
  header("Location: dashboard.php");
} else {
  die("无效的用户名或密码！");
}
?>

Dalam kod di atas, kami mula-mula menggunakan $_POST untuk mendapatkan data borang yang diserahkan oleh pengguna. Seterusnya, kami menyambung ke pangkalan data MySQL dan melaksanakan pertanyaan SQL menggunakan fungsi mysqli_query.

Kami menyemak sama ada nama pengguna dan kata laluan adalah betul, jika ya kami mengubah hala pengguna ke halaman yang dipanggil dashboard.php. Jika tidak, kami akan memaparkan mesej ralat kepada pengguna.

Ringkasan

Dalam artikel ini, kami mempelajari cara menggunakan HTML dan PHP untuk melaksanakan antara muka log masuk dan pendaftaran. Kami mencipta borang pendaftaran untuk mengumpul data pengguna dan menyimpannya ke dalam pangkalan data MySQL. Kami juga mencipta borang log masuk yang mengesahkan kelayakan pengguna dan mengubah halanya ke halaman yang betul. Kami berharap artikel ini membantu anda lebih memahami cara menggunakan HTML dan PHP untuk melaksanakan fungsi log masuk dan pendaftaran asas.

Atas ialah kandungan terperinci Cara menggunakan HTML dan PHP untuk melaksanakan antara muka log masuk dan pendaftaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!