欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序-引入类model

程序员文章站 2024-03-22 16:14:22
...
import {Home} from './home-model.js';

var home = new Home()
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  onLoad: function() {
    this._onLoad();
  },
  _onLoad: function() {
    var data = home.getBannerList();
  },

})
home-model.js

class Home{
  constructor(){

  }
  getBannerList(){
    wx.request({
      url: 'https://api.myphp.vip/userapi/v1/banner_all',
      method:'get',
      success:function(res){
        console.log(res)
      }
    })
  }
}

export {Home}

==============================================================================
路径:utils/base.js

import { Config } from '../utils/config.js';
class Base {
  constructor() {
    // this.baseRequestUrl = 'https://api.myphp.vip/userapi/v1';
    this.baseRequestUrl = Config.restUrl;
  }

  request(params) {
    var url = this.baseRequestUrl + params.url;
    console.log(url);
    // 传参方式默认GET方式
    if (params.type) {
      params.method = 'GET';
    }

    // 发送网络请求
    wx.request({
      url: url,
      method: params.type,
      header: {
        'content-type': 'application/json',
        'token': 1
      },
      success: function(res) {
        console.log('success进入到base.js中');
        if (params.callBack) {
          params.callBack(res.data);
        } else {
          return res.data;
        }

      },
      fail: function(err) {
        console.log('进入到base,js中======error');
      }
    })
  }
}
export {
  Base
};

路径:utils/config.js

class Config {
  constructor() {

  }
 
}
Config.restUrl = 'https://api.myphp.vip/userapi/v1';

export {
  Config
};
相关标签: WeChat