# :-: 思想： [TOC] ### 1. 在最外層的config.js中將url中固定的部分封裝然后導出 ~~~ const config = { base_api_url:"https://douban.uieee.com/v2/" } export {config}; ~~~ ### 2. 在utils文件下封裝http請求 ~~~ import {config} from "../config"; class HTTP { request(params) { if (!params.method) { params.method = "GET"; } wx.request({ url: config.base_api_url+params.url, data: params.data, method: params.method, header: { 'Content-Type': 'json' }, success: function (res) { let statusCode = res.statusCode.toString(); if (statusCode.startsWith("2")) { params.success(res.data); } else { wx.showToast({ title: "網絡錯誤", icon: "none" }) } }, fail: function () { wx.showToast({ title: "網絡錯誤", icon: "none" }) } }) } } export { HTTP }; ~~~ ### 3. 在models文件夾下創建一個movie.js文件只里面再次封裝http再導出 還能再建book.js文件 ~~~ import {HTTP} from "../utils/http"; const movie = "movie/"; class MovieModel extends HTTP{ getTop250(callback){ this.request({ url:movie+"top250", success: res=>{ callback(res); } }) } getComingSoon(callback){ this.request({ url:movie+"coming_soon", success: res=>{ callback(res); } }) } getSearchMovie(keyWord,callback){ } } export {MovieModel}; ~~~ ### 4. 在頁面中使用 ~~~ //index.js //獲取應用實例 import {MovieModel} from "../../models/movie"; var movie = new MovieModel(); const app = getApp() Page({ data:{ num:10 }, onLoad(){ movie.getTop250(res=>{ console.log(res); }) movie.getComingSoon(res=>{ console.log(res); }) } }) ~~~