在豆瓣上畅游无阻，邂逅你的完美世界

前端

2023-12-27 19:58:48

开发环境准备

在开始开发之前，您需要准备以下开发环境：

Node.js 8.0或更高版本
微信开发者工具
微信小程序开发工具

小程序开发步骤

创建小程序项目

打开微信开发者工具，点击“新建项目”，选择“小程序”，输入项目名称和项目路径，点击“创建”。

添加依赖

在项目根目录下，执行以下命令安装依赖：

npm install --save wepy

创建页面

在项目目录下创建pages文件夹，并在其中创建index.wpy文件，作为小程序的首页。

编写代码

在index.wpy文件中，编写以下代码：

import wepy from 'wepy'

export default class Index extends wepy.page {
  data = {
    movies: [],
    tags: []
  }

  onLoad() {
    this.getMovies()
    this.getTags()
  }

  getMovies() {
    wx.request({
      url: 'https://api.douban.com/v2/movie/top250',
      success: (res) => {
        this.setData({
          movies: res.data.subjects
        })
      }
    })
  }

  getTags() {
    wx.request({
      url: 'https://api.douban.com/v2/movie/tag/list',
      success: (res) => {
        this.setData({
          tags: res.data.tags
        })
      }
    })
  }
}