PHP と UniApp を使用してデータを読み取り、表示する方法

WBOY
リリース: 2023-07-04 18:10:02
オリジナル
1481 人が閲覧しました

PHP と UniApp を使用してデータを読み取り、表示する方法

はじめに:
今日の Web 開発分野では、データの読み取りと表示は非常に重要な部分です。この記事では、PHP と UniApp を使用してデータを読み取り、表示する方法を読者に紹介し、対応するコード例を添付します。この記事を読むことで、読者は PHP が提供するデータベース操作機能の使用方法と、UniApp を使用してモバイル端末にデータを表示する方法を学びます。

1. PHP とデータベース操作
PHP は、Web 開発で広く使用されているサーバーサイド スクリプト言語であり、強力なデータベース操作機能を備えています。開始する前に、PHP と関連データベースがインストールされていることを確認する必要があります。

1.1 データベースへの接続
PHP を使用してデータベースに接続するのが最初のステップです。サンプル コードは次のとおりです:

<?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 データのクエリ
データの取得は 1 つです。データベース操作の中核をなします。サンプル コードは次のとおりです。

<?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. UniApp の使用
UniApp は、Android アプリケーションと iOS アプリケーションを同時に構築できる、Vue.js に基づくクロスプラットフォーム開発フレームワークです。ここではPHPで取得したデータをUniAppを使って表示する方法を紹介します。

2.1 ページの作成
まず、UniApp プロジェクトを作成し、dataShow などの新しいページをページ ディレクトリに作成する必要があります。次の設定を Pages.json に追加します。

{
  "path": "pages/dataShow/dataShow",
  "style": {
    "navigationStyle": "default"
  }
}
ログイン後にコピー

2.2 データのリクエスト
dataShow.vue では、uni.request を使用して PHP サーバーにデータをリクエストできます。サンプル コードは次のとおりです。

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 ページ表示
最後に、dataShow.vue の v-for ディレクティブを使用して、ページにデータを表示する必要があります。サンプル コードは次のとおりです。

<template>
  <view>
    <view v-for="data in dataList" :key="data.id">
      <text>{{ data.字段1 }}</text>
      <text>{{ data.字段2 }}</text>
    </view>
  </view>
</template>
ログイン後にコピー

3. 概要
この記事では、PHP とデータベースの操作と UniApp の使用法を紹介することにより、PHP と UniApp を使用してデータを読み取り、表示する方法を説明します。まず、PHP を使用してデータベースに接続し、必要なデータをクエリする必要があります。次に、UniApp プロジェクトでは、uni.request を通じて PHP サーバーにデータを要求し、v-for ディレクティブを通じてページにデータを表示します。この記事が読者の皆様の PHP と UniApp への理解を深め、技術力をさらに広げる一助となれば幸いです。

参考:

  1. PHP マニュアル、https://www.php.net/manual/en/
  2. UniApp 公式 Web サイト、https://uniapp 。 dcloud.io/
  3. Vue.js 公式ウェブサイト、https://vuejs.org/

以上がPHP と UniApp を使用してデータを読み取り、表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート