Bagaimana untuk melaksanakan pengesahan log masuk pengguna menggunakan PHP dan UniApp

Cara melaksanakan pengesahan log masuk pengguna menggunakan PHP dan UniApp

Pengenalan:
Pengesahan log masuk pengguna ialah fungsi yang sangat penting semasa membangunkan Apl atau tapak web. Artikel ini akan memperkenalkan cara menggunakan PHP dan UniApp untuk melaksanakan pengesahan log masuk pengguna.

1. Bahagian belakang: Kod PHP

1. Cipta pangkalan data
   Pertama, kita perlu mencipta pangkalan data untuk menyimpan maklumat log masuk pengguna. Anda boleh menggunakan phpMyAdmin atau alat pengurusan pangkalan data lain untuk mencipta pangkalan data bernama "pengguna" dan mencipta jadual data bernama "pengguna" yang mengandungi dua medan: "nama pengguna" dan "kata laluan".
2. Buat fail PHP
   Di bahagian pelayan, kami perlu mencipta fail PHP untuk mengendalikan permintaan log masuk pengguna dan mengesahkan maklumat pengguna. Anda boleh menggunakan kod berikut:

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

   // 获取用户输入的用户名和密码
   $username = $_POST['username'];
   $password = $_POST['password'];

   // 查询数据库中是否存在匹配的记录
   $result = mysqli_query($conn, "SELECT * FROM users WHERE username='$username' AND password='$password'");

   // 判断是否存在匹配的记录
   if(mysqli_num_rows($result) > 0){
      echo "登录成功";
   } else{
      echo "登录失败";
   }

   // 关闭数据库连接
   mysqli_close($conn);
?>

2. Bahagian hadapan: Kod UniApp

1. Buat halaman log masuk
   Dalam UniApp, kami boleh menggunakan Vue.js untuk mencipta halaman log masuk. Anda boleh mencipta fail Login.vue dalam direktori halaman, yang mengandungi kotak input untuk nama pengguna dan kata laluan, dan butang log masuk. Berikut ialah contoh kod:

<template>
  <div>
    <input v-model="username" type="text" placeholder="请输入用户名" />
    <input v-model="password" type="password" placeholder="请输入密码" />
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  },
  methods: {
    login() {
      uni.request({
        url: 'http://localhost/login.php',
        method: 'POST',
        data: {
          username: this.username,
          password: this.password
        },
        success: res => {
          if (res.data === '登录成功') {
            uni.showToast({
              title: '登录成功',
              icon: 'success'
            });
          } else {
            uni.showToast({
              title: '登录失败',
              icon: 'none'
            });
          }
        },
        fail: err => {
          console.log(err);
        }
      });
    }
  }
};
</script>

2. Hantar permintaan log masuk
   Dalam acara klik butang log masuk pada halaman log masuk, kami menggunakan fungsi uni.request untuk menghantar permintaan log masuk ke pelayan. Berikut ialah contoh kod:

uni.request({
  url: 'http://localhost/login.php',
  method: 'POST',
  data: {
    username: this.username,
    password: this.password
  },
  success: res => {
    if (res.data === '登录成功') {
      uni.showToast({
        title: '登录成功',
        icon: 'success'
      });
    } else {
      uni.showToast({
        title: '登录失败',
        icon: 'none'
      });
    }
  },
  fail: err => {
    console.log(err);
  }
});

Pada ketika ini, kami telah melaksanakan kaedah pengesahan log masuk pengguna melalui PHP dan UniApp. Apabila pengguna memasukkan nama pengguna dan kata laluan dalam UniApp dan mengklik butang log masuk, UniApp akan menghantar permintaan log masuk ke pelayan Pelayan mengesahkan maklumat pengguna melalui kod PHP dan mengembalikan hasil log masuk kepada UniApp untuk diproses.

Ringkasan:
Artikel ini memperkenalkan cara melaksanakan pengesahan log masuk pengguna menggunakan PHP dan UniApp. Melalui langkah di atas, kami boleh melaksanakan fungsi log masuk pengguna dalam UniApp dan merealisasikan interaksi data dengan pelayan bahagian belakang untuk mencapai kesan pengesahan log masuk pengguna. Harap artikel ini membantu anda!

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan pengesahan log masuk pengguna menggunakan PHP dan UniApp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!