LuminousはWeChat小規模プログラム開発の分野にあなたを連れて行きます（33）

発光プロローグ：

 

世界は二重量の方法を持つことができ、あなたがそれに生きれば、あなたはそれに生きるでしょう。
地獄に行くのはどうですか？あなたがいるところにパラダイスがあります

 

 

 

 

 

 
 
テキスト：
 
                                              タオでタオを認識する

 

 

 

バックエンドになり、多くのことを行い、オブジェクト指向プログラミングを深く理解している

継承、ポリモーフィズム、カプセル化など

ここでカプセル化を試すことができます

この種のプログラミングの利点

//0 引入 用来发送请求的 方法 一定要把路径补全
import { request } from"../../request/index.js";

Page({
  /**
   * 页面的初始数据
   */
  data: {
      //轮播图数组
      swiperList:[],
      //夜光：同理，我们再添加一个变量
      //导航数组
      cateList:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  //这个表示页面开始加载，就会触发的一个事件
  onLoad: function (options) {
    //1. 发送异步请求，来获取轮播图数据
    // wx.request({
    //   url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
    //   success: (res)=>{
    //      console.log(res);
    //     //我们通过下面这个方法进行赋值
    //     this.setData({
    //       swiperList:res.data.message
    //     })
    //   }
    // });
    
    this.getSwiperList(); //夜光：方法已经封装好了
    this.getCateList(); //夜光：方法已经封装好了
  },

  //下面我们再做个~~
  //夜光：获取轮播图数据的方法
  getSwiperList(){
    request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata'
    })
      .then(res => {
        //我们通过下面这个方法进行赋值
        this.setData({
          swiperList: res.data.message
        })
        //是不是感觉上面这个方法很酷炫

      })
  },

  //夜光：获取导航的方法
  getCateList() {
    request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/catitems'
    })
      .then(res => {
        //我们通过下面这个方法进行赋值
        this.setData({
          cateList: res.data.message
        })
        //是不是感觉上面这个方法很酷炫

      })
  }



})

データが利用可能になったら、それを使用してフロントエンドページをレンダリングできます。