Bagaimana untuk menggunakan PHP untuk melaksanakan fungsi membaca e-buku applet WeChat?

Bagaimana untuk menggunakan PHP untuk melaksanakan fungsi membaca e-buku applet WeChat?

Dengan perkembangan pesat Internet mudah alih, pembacaan e-buku telah menjadi salah satu cara penting untuk orang ramai memperoleh ilmu. Sebagai aplikasi ringan, applet WeChat juga telah mula memainkan peranan penting dalam aplikasi mudah alih. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan fungsi membaca e-buku applet WeChat dan memberikan contoh kod khusus.

Pertama sekali, kita perlu memahami seni bina asas dan spesifikasi pembangunan program mini WeChat. Applet WeChat menggunakan model pembangunan dengan pemisahan bahagian hadapan dan bahagian belakang Bahagian hadapan menggunakan WXML dan WXSS untuk reka letak halaman dan definisi gaya, dan bahagian belakang menggunakan PHP untuk pemprosesan data.

1 Buat pangkalan data dan struktur jadual

Pertama, kita perlu mencipta pangkalan data untuk menyimpan maklumat yang berkaitan tentang e-buku. Andaikan pangkalan data kami dinamakan "ebook" dan buat jadual bernama "buku" untuk menyimpan maklumat e-buku, termasuk tajuk buku, pengarang, imej muka depan, laluan buku dan medan lain.

2. Tulis antara muka belakang PHP

1. Buat fail PHP bernama "getBooks.php" untuk mendapatkan maklumat senarai e-buku dalam pangkalan data .

<?php
// 连接数据库
$conn = new mysqli('localhost', 'root', 'password', 'ebook');
if ($conn->connect_errno) {
    die('数据库连接错误');
}

// 查询数据库中的电子书列表
$result = $conn->query("SELECT * FROM books");
if ($result->num_rows > 0) {
    $books = array();
    while ($row = $result->fetch_assoc()) {
        $books[] = array(
            'id' => $row['id'],
            'title' => $row['title'],
            'author' => $row['author'],
            'cover' => $row['cover']
        );
    }
    echo json_encode($books);
} else {
    echo '暂无电子书';
}

// 关闭数据库连接
$conn->close();
?>

2. Buat fail PHP bernama "getBookContent.php" untuk mendapatkan kandungan e-buku berdasarkan IDnya.

<?php
// 连接数据库
$conn = new mysqli('localhost', 'root', 'password', 'ebook');
if ($conn->connect_errno) {
    die('数据库连接错误');
}

// 获取电子书ID
$bookId = $_GET['bookId'];

// 查询数据库中指定ID的电子书内容
$result = $conn->query("SELECT * FROM books WHERE id = $bookId");
if ($result->num_rows > 0) {
    $book = $result->fetch_assoc();
    $bookPath = $book['path'];
    $content = file_get_contents($bookPath);
    echo $content;
} else {
    echo '电子书不存在';
}

// 关闭数据库连接
$conn->close();
?>

3 Tulis kod bahagian hadapan applet WeChat

1. Buat projek bernama "ebook" dalam alat pembangunan applet WeChat. . Ubah suai fail app.json dan tambah medan "kebenaran" untuk membenarkan akses kepada nama domain HTTPS.

{
  "pages": [
    "pages/index/index",
    "pages/book/book"
  ],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序展示"
    }
  }
}

2. Buat halaman utama, fail index/index.wxml, untuk memaparkan senarai e-buku.

<view>
  <block wx:for="{{books}}" wx:key="id">
    <view class="book-item" bindtap="openBook">
      <image src="{{item.cover}}" class="cover" />
      <text class="title">{{item.title}}</text>
      <text class="author">{{item.author}}</text>
    </view>
  </block>
</view>

3. Buat indeks fail gaya/index.wxss sepadan dengan halaman utama.

.book-item {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
}

.cover {
  width: 100px;
  height: 150px;
}

.title {
  font-size: 16px;
  margin-top: 5px;
}

.author {
  color: #999;
  font-size: 14px;
  margin-top: 2px;
}

4. Buat indeks fail JavaScript/index.js yang sepadan dengan halaman utama untuk mendapatkan data senarai e-buku.

// 获取电子书列表数据
function getBooks() {
  wx.request({
    url: 'https://yourdomain.com/getBooks.php',
    success: function(res) {
      if (res.statusCode === 200) {
        // 更新页面数据
        that.setData({
          books: res.data
        });
      }
    },
    fail: function() {
      wx.showToast({
        title: '获取电子书数据失败',
        icon: 'none'
      });
    }
  });
}

Page({
  data: {
    books: []
  },
  
  onLoad: function() {
    // 获取电子书列表数据
    getBooks();
  },
  
  openBook: function(e) {
    // 跳转到电子书阅读页面，并传递电子书ID
    wx.navigateTo({
      url: '/pages/book/book?id=' + e.currentTarget.dataset.id
    });
  }
});

5. Buat halaman bacaan e-buku, iaitu fail buku/buku.wxml, digunakan untuk memaparkan kandungan e-buku.

<view class="content">{{content}}</view>

6. Buat buku/buku fail gaya.wxss sepadan dengan halaman bacaan e-buku.

.content {
  margin: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 1.8;
  text-indent: 20px;
  text-align: justify;
}

7. Buat buku fail JavaScript/book.js yang sepadan dengan halaman bacaan e-buku, yang digunakan untuk mendapatkan kandungan e-buku.

// 获取电子书内容
function getBookContent(id) {
  wx.request({
    url: 'https://yourdomain.com/getBookContent.php?bookId=' + id,
    success: function(res) {
      if (res.statusCode === 200) {
        // 更新页面数据
        that.setData({
          content: res.data
        });
      }
    },
    fail: function() {
      wx.showToast({
        title: '获取电子书内容失败',
        icon: 'none'
      });
    }
  });
}

Page({
  data: {
    content: ''
  },
  
  onLoad: function(options) {
    // 获取电子书ID
    var bookId = options.id;
    // 获取电子书内容
    getBookContent(bookId);
  }
});

Di atas ialah pelaksanaan kod khusus menggunakan PHP untuk melaksanakan fungsi membaca e-buku applet WeChat. Dengan mencipta pangkalan data dan struktur jadual, menulis antara muka belakang PHP dan menulis kod hujung hadapan applet WeChat, kami boleh melaksanakan applet membaca e-buku yang mudah. Ini hanyalah contoh asas, dan ia perlu dikembangkan dan dioptimumkan mengikut keperluan sebenar dalam pembangunan sebenar. Saya harap artikel ini boleh membantu dalam menggunakan PHP untuk melaksanakan fungsi membaca e-buku applet WeChat.

Atas ialah kandungan terperinci Bagaimana untuk menggunakan PHP untuk melaksanakan fungsi membaca e-buku applet WeChat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!