小程序封装

wxml文件

<view class="dede" wx:for="{{list}}" wx:key="index">
  姓名：<text>{{item.name}}\n</text>
  年龄：<text>{{item.age}}\n</text>
  性别：<text>{{item.sex}}\n</text>
  地址：<text>{{item.address}}\n</text>
  日期：<text>{{item.createtime}}</text>
  手机号：<text>{{item.iphone}}\n</text>
  身份证:<text>{{item.idcards}}</text>
</view>

js文件

const $api = require('../../utils/api').API   //导入utils文件夹的api文件
// 生命周期函数--监听页面显示
onShow() {
    $api.getlist().then(res => {
      // console.log(res.data.data.data);
      this.setData({
        list:res.data.data.data
      })
    })
  },

utils文件夹中创建api.js封装文件

const GET = 'GET';
const POST = 'POST';
const baseURL = 'https://www.zzgoodqc.cn'; //配置的域名
function request(method, url, data) {
  return new Promise(function (resolve, reject) {
    let header = {
      'content-type': 'application/json',
    };
    wx.request({
      url: baseURL + url,
      method: method,
      data: method === POST ? JSON.stringify(data) : data,
      header: header,
      success(res) {
        //请求成功
        //判断code是否为0表示成功
        if (res.data.code == 0) {
          resolve(res);
        } else {
          //其他错误
          //reject('运行出错,请稍后再试');
          console.log(res.data.msg);
          wx.showToast({ //弹出框
            title: res.data.msg,
            icon: 'error',
            duration: 2000
          });
        }
      },
      fail(err) {
        //请求失败
        reject(err)
      }
    })
  })
}
//接口可以集合到一块，集中管理
const API = {
  // 列表
  getlist: (data) => request(POST, `/index.php/index/teacher/teacherlist`, data),
};
module.exports = {
  API: API
}