PHP와 UniApp을 사용하여 데이터를 읽고 표시하는 방법-PHP 튜토리얼-php.cn

PHP와 UniApp을 사용하여 데이터를 읽고 표시하는 방법

WBOY

풀어 주다： 2023-07-04 18:10:02

원래의

1500명이 탐색했습니다.

PHP와 UniApp을 사용하여 데이터를 읽고 표시하는 방법

소개:
오늘날 웹 개발 분야에서 데이터를 읽고 표시하는 것은 매우 중요한 부분입니다. 이 기사에서는 독자들에게 PHP와 UniApp을 사용하여 데이터를 읽고 표시하는 방법을 소개하고 해당 코드 예제를 첨부합니다. 이 기사를 읽으면 독자들은 PHP에서 제공하는 데이터베이스 작업 기능을 사용하는 방법과 UniApp을 사용하여 모바일 단말기에 데이터를 표시하는 방법을 배우게 됩니다.

1. PHP 및 데이터베이스 작업
PHP는 웹 개발에 널리 사용되는 서버 측 스크립팅 언어이며 강력한 데이터베이스 작업 기능을 갖추고 있습니다. 시작하기 전에 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 데이터 쿼리
데이터 획득은 데이터베이스 작업의 핵심 중 하나입니다. 샘플 코드는 다음과 같습니다.

<?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은 Vue.js 기반의 크로스 플랫폼 개발 프레임워크로, 안드로이드와 iOS 애플리케이션을 동시에 구축할 수 있습니다. 아래에서는 UniApp을 사용하여 PHP에서 얻은 데이터를 표시하는 방법을 소개합니다.

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에 대한 이해를 심화하고 기술적 역량을 더욱 확장하는 데 도움이 되기를 바랍니다.

참조: