Verwendung von PHP und UniApp zum Lesen und Anzeigen von Daten

So verwenden Sie PHP und UniApp zum Lesen und Anzeigen von Daten

Einführung:
Im heutigen Bereich der Webentwicklung ist das Lesen und Anzeigen von Daten ein sehr wichtiger Bestandteil. In diesem Artikel werden die Leser in die Verwendung von PHP und UniApp zum Lesen und Anzeigen von Daten eingeführt und entsprechende Codebeispiele angehängt. Durch die Lektüre dieses Artikels erfahren die Leser, wie sie die von PHP bereitgestellten Datenbankbetriebsfunktionen nutzen und UniApp zum Anzeigen von Daten auf dem mobilen Endgerät verwenden.

1. PHP und Datenbankoperationen
PHP ist eine serverseitige Skriptsprache, die in der Webentwicklung weit verbreitet ist und über leistungsstarke Datenbankoperationsfunktionen verfügt. Bevor wir beginnen, müssen wir sicherstellen, dass PHP und die zugehörigen Datenbanken installiert sind.

1.1 Herstellen einer Verbindung zur Datenbank
Die Verwendung von PHP zum Herstellen einer Verbindung zur Datenbank ist wie folgt:

<?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 Daten abfragen
Das Abrufen von Daten ist einer der Kernbestandteile von Datenbankoperationen. Der Beispielcode lautet wie folgt:

<?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. Verwendung von UniApp
UniApp ist ein plattformübergreifendes Entwicklungsframework auf Basis von Vue.js, das gleichzeitig Android- und iOS-Anwendungen erstellen kann. Im Folgenden stellen wir vor, wie Sie mit UniApp die von PHP erhaltenen Daten anzeigen.

2.1 Erstellen Sie eine Seite. Erstellen Sie zunächst ein UniApp-Projekt. Wir müssen eine neue Seite im Seitenverzeichnis erstellen, z. B. dataShow. Fügen Sie die folgende Konfiguration zu „pages.json“ hinzu:

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

2.2 Anfordern von Daten

In dataShow.vue können wir mithilfe von uni.request Daten vom PHP-Server anfordern. Der Beispielcode lautet wie folgt:

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 Seitenanzeige

Schließlich müssen wir die v-for-Direktive in dataShow.vue verwenden, um die Daten auf der Seite anzuzeigen. Der Beispielcode lautet wie folgt:

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

3. Zusammenfassung

Dieser Artikel demonstriert den Lesern, wie man PHP und UniApp zum Lesen und Anzeigen von Daten verwendet, indem er die Funktionsweise von PHP und der Datenbank sowie die Verwendung von UniApp vorstellt. Zuerst müssen wir PHP verwenden, um eine Verbindung zur Datenbank herzustellen und die erforderlichen Daten abzufragen. Anschließend fordern wir im UniApp-Projekt über uni.request Daten vom PHP-Server an und zeigen die Daten über die v-for-Direktive auf der Seite an. Ich hoffe, dass dieser Artikel den Lesern helfen kann, ihr Verständnis von PHP und UniApp zu vertiefen und ihre technischen Fähigkeiten weiter zu erweitern.

Referenz:

PHP-Handbuch, https://www.php.net/manual/en/
1. Offizielle Website von UniApp, https://uniapp.dcloud.io/
2. Offizielle Website von Vue.js, https: //vuejs.org/

Das obige ist der detaillierte Inhalt vonVerwendung von PHP und UniApp zum Lesen und Anzeigen von Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!