Cara menggunakan PHP dan UniApp untuk membaca dan memaparkan data

Cara menggunakan PHP dan UniApp untuk membaca dan memaparkan data

Pengenalan:
Dalam bidang pembangunan web hari ini, pembacaan dan paparan data adalah bahagian yang sangat penting. Artikel ini akan memperkenalkan pembaca kepada cara menggunakan PHP dan UniApp untuk membaca dan memaparkan data serta melampirkan contoh kod yang sepadan. Dengan membaca artikel ini, pembaca akan belajar cara menggunakan keupayaan operasi pangkalan data yang disediakan oleh PHP dan cara menggunakan UniApp untuk memaparkan data pada terminal mudah alih.

1. PHP dan operasi pangkalan data
PHP ialah bahasa skrip sebelah pelayan yang digunakan secara meluas dalam pembangunan web dan mempunyai keupayaan operasi pangkalan data yang kuat. Sebelum kita mula, kita perlu memastikan bahawa PHP dan pangkalan data berkaitan dipasang.

1.1 Menyambung ke pangkalan data
Menggunakan PHP untuk menyambung ke pangkalan data ialah langkah pertama Kod sampel adalah seperti berikut:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
?>

1.2 Menyoal data
Mendapatkan data adalah salah satu teras operasi pangkalan data. Kod sampel adalah seperti berikut:

<?php
$sql = "SELECT * FROM table";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // 输出每行数据
    while($row = $result->fetch_assoc()) {
        echo "字段1：" . $row["字段1"]. " - 字段2：" . $row["字段2"]. "<br>";
    }
} else {
    echo "0 结果";
}
?>

2. Penggunaan UniApp
UniApp ialah rangka kerja pembangunan merentas platform berdasarkan Vue.js, yang boleh membina aplikasi Android dan iOS pada masa yang sama. Di bawah ini kami akan memperkenalkan cara menggunakan UniApp untuk memaparkan data yang diperolehi oleh PHP.

2.1 Buat halaman
Pertama, buat projek UniApp Kami perlu mencipta halaman baharu dalam direktori halaman, seperti dataShow. Tambahkan konfigurasi berikut pada pages.json:

{
  "path": "pages/dataShow/dataShow",
  "style": {
    "navigationStyle": "default"
  }
}

2.2 Meminta data
Dalam dataShow.vue, kami boleh meminta data daripada pelayan PHP dengan menggunakan uni.request. Kod sampel adalah seperti berikut:

export default {
  data() {
    return {
      dataList: [],
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      uni.request({
        url: 'http://localhost/getData.php',
        success: (res) => {
          this.dataList = res.data;
        },
      });
    },
  },
};

2.3 Paparan halaman
Akhir sekali, kita perlu menggunakan arahan v-for dalam dataShow.vue untuk memaparkan data pada halaman. Kod sampel adalah seperti berikut:

<template>
  <view>
    <view v-for="data in dataList" :key="data.id">
      <text>{{ data.字段1 }}</text>
      <text>{{ data.字段2 }}</text>
    </view>
  </view>
</template>

3. Ringkasan
Artikel ini menunjukkan kepada pembaca cara menggunakan PHP dan UniApp untuk membaca dan memaparkan data dengan memperkenalkan operasi PHP dan pangkalan data serta penggunaan UniApp. Pertama, kita perlu menggunakan PHP untuk menyambung ke pangkalan data dan menanyakan data yang diperlukan. Kemudian, dalam projek UniApp, kami meminta data daripada pelayan PHP melalui uni.request dan memaparkan data pada halaman melalui arahan v-for. Saya harap artikel ini dapat membantu pembaca mendalami pemahaman mereka tentang PHP dan UniApp dan seterusnya mengembangkan keupayaan teknikal mereka.

Rujukan:

1. Manual PHP, https://www.php.net/manual/en/
2. Tapak Web Rasmi UniApp, https://uniapp.dcloud.io/
3. Laman Web Rasmi Vue.js, https : //vuejs.org/

Atas ialah kandungan terperinci Cara menggunakan PHP dan UniApp untuk membaca dan memaparkan data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!