小程序基本框架搭建
经过多年的开发研究,笔者总结了快速搭建一个小程序框架的基本步骤。
-
创建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接口,进行数据动态调试。


