Bagaimana untuk melaksanakan fungsi paging data melalui PHP dan UniApp

Cara melaksanakan fungsi paging data melalui PHP dan UniApp

Pengenalan:
Apabila membangunkan aplikasi mudah alih berdasarkan UniApp, selalunya perlu mendapatkan sejumlah besar data daripada pelayan dan memaparkannya dalam Aplikasi. Untuk meningkatkan pengalaman pengguna dan prestasi aplikasi, kami selalunya perlu memaparkan data dalam halaman. Artikel ini akan memperkenalkan cara menggunakan PHP dan UniApp untuk melaksanakan fungsi halaman data, dengan contoh kod.

1. Bahagian PHP:

1. Membuat jadual dan data pangkalan data
   Mula-mula kita perlu mencipta jadual dalam pangkalan data untuk menyimpan data yang akan dipaparkan. Sebagai contoh, kami mencipta jadual bernama "pengguna", yang mengandungi id medan, nama pengguna dan umur.

BUAT JADUAL pengguna (user (
id int(11) NOT NULL AUTO_INCREMENT,
username varchar(255) NOT NULL,
age int(11) NOT NULL,
PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

然后插入一些测试数据：

INSERT INTO user (id, username, age) VALUES
(1, '张三', 18),
(2, '李四', 20),
(3, '王五', 25),
(4, '赵六', 30),
(5, '钱七', 35),
(6, '孙八', 40),
(7, '周九', 45),
(8, '吴十', 50);

2. 编写PHP接口
   接下来我们需要编写PHP接口，用于从数据库中获取特定页码的数据。

header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');

// 连接数据库
$mysqli = new mysqli("localhost", "username", "password", "database");

// 检查连接是否成功
if ($mysqli->connect_errno) {

echo "Failed to connect to MySQL: " . $mysqli->connect_error;
exit();

}

// 获取当前页码
$page = isset($_GET['page']) ? $_GET['page'] : 1;

// 每页显示的数据条数
$perPage = 3;

// 计算起始偏移量
$offset = ($page - 1) * $perPage;

// 查询数据
$result = $mysqli->query("SELECT * FROM user id int(11) BUKAN NULL AUTO_INCREMENT,

nama pengguna varchar(255) BUKAN NULL,

umur int(11) BUKAN NULL,
KUNCI UTAMA (id)
) ENGINE=CHARSET LALAI InnoDB=utf8;

Kemudian masukkan beberapa data ujian:

MASUKKAN KE DALAM pengguna (id, nama pengguna, umur) NILAI

(1, '张三', 18),
(2 , '李四', 20),
(3, 'Wang Wu', 25),

(4, 'Zhao Liu', 30),

(5, 'Qian Qi', 35),

(6, ' Sun Ba', 40),

(7, 'Zhoujiu', 45),
1. (8, 'Wu Shi', 50);
   

Tulis antara muka PHP

Seterusnya kita perlu menulis antara muka PHP untuk memuat turun data daripada pangkalan data Dapatkan data untuk nombor halaman tertentu.

header('Access-Control-Allow-Origin: *');

header('Content-Type: application/json');

// Sambung ke pangkalan data
$mysqli = new mysqli( "localhost", "username", "password", "database");

// Semak sama ada sambungan berjaya
if ($mysqli->connect_errno) {

$data[] = $row;

}

// Dapatkan nombor halaman semasa

$halaman = isset($_GET['halaman']) ? $_GET['halaman'] : 1;

//Bilangan item data yang dipaparkan pada setiap halaman

$perHalaman = 3;

2. / /Kira offset permulaan
   $offset = ($halaman - 1) * $perPage;

// Data pertanyaan

$result = $mysqli->query("SELECT * FROM user LIMIT $ offset, $perPage") ;

// Kembalikan data ke hujung hadapan dalam format JSON
$data = array();
while ($row = $result->fetch_assoc()) {

<view v-for="user in userList" :key="user.id">
  <text>{{ user.username }}</text>
  <text>{{ user.age }}</text>
</view>
<button @click="loadMore">加载更多</button>

}
echo json_encode($data);

// Tutup sambungan pangkalan data

$mysqli->close();

?>

🎜 2. Bahagian UniApp: 🎜🎜🎜Tulis komponen Vue🎜Dalam UniApp, kita perlu menulis komponen Vue komponen Vue untuk memulakan permintaan HTTP, dan Paparkan data yang diperoleh. . {🎜

return {
  userList: [],  // 存储用户列表数据
  page: 1  // 当前页码
};

🎜},🎜 kaedah: {🎜

this.loadData();

🎜}🎜};🎜🎜🎜🎜Konfigurasikan nama domain permintaan🎜Dalam projek UniApp, anda perlu mengkonfigurasi nama domain permintaan undang-undang. Tambahkan kod berikut pada fail manifest.json dan gantikannya dengan alamat pelayan PHP anda sendiri. . : "https",🎜 "domain": "your-php-server"🎜}🎜🎜Di atas ialah langkah dan contoh kod untuk menggunakan PHP dan UniApp untuk melaksanakan fungsi halaman data. Dapatkan data nombor halaman yang ditentukan daripada pangkalan data melalui antara muka PHP dan paparkan data dalam UniApp. Apabila pengguna mengklik butang "Muat Lagi", nombor halaman yang sepadan dihantar dan data untuk halaman seterusnya dimuatkan. Dengan cara ini, fungsi halaman data direalisasikan, yang meningkatkan pengalaman pengguna dan prestasi aplikasi. 🎜

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi paging data melalui PHP dan UniApp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!