小程序基本框架搭建

作者: dreamfly 分类: 小程序 发布时间: 2020-01-11 12:04

经过多年的开发研究,笔者总结了快速搭建一个小程序框架的基本步骤。

  1. 创建util工具类文件夹,封装常用的函数,特别是wx.request的封装。

const request = (options) => {
  return new Promise((resolve, reject) => {
    const { data, method } = options
    if(data && method !== 'get') {
      options.data = JSON.stringify(data)
    }
    wx.request({
      header: { 'Content-Type': 'application/json' },
      ...options,
      success: function(res) {
        resolve(res.data)
      },
      fail: function(res) {
        reject(res.data)
      }
    })
  })
}
module.exports = {
  request:request
}

2.创建api文件夹,里面填写各个模块接口。

import {request} from '../utils/util.js'
// baseUrl也可拼接在request.js中,当有多个鉴权模块,放在这里更灵活
const baseUrl = getApp().globalData.baseUrl

export function getRecipes(data) {
  return request({
    url: `${baseUrl}/api/recipe.lists`,
    method: 'get',
    data
  })
}

3.创建各个page页面,编写静态页面。

4.根据api接口,进行数据动态调试。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!