可修改式基礎地址
config.js
~~~
var config={
base_api_url:"http://douban.uieee.com/v2/"
}
export {
config
}
~~~
HTTP封裝
utils/http.js
~~~
import { config } from "../config";
class HTTP {
request(params) {
if (!params.method) {
params.method = "GET";
}
wx.request({
url: config.base_api_url + params.url,
method: params.method,
data: params.data,
header: {
"Content-Type": "json"
},
success: function (res) {
var statusCode = res.statusCode.toString();
if (statusCode.startsWith("2")) {
params.success(res.data);
} else {
wx.showToast({
title: "網絡錯誤",
icon: "none"
});
}
}
})
}
}
export {
HTTP
}
~~~
繼承類傳遞url繼續封裝
models/movie.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);
}
})
}
}
export {
MovieModel
}
~~~
頁面調用封裝的HTTP和MovieModel(兩者二選一)
~~~
import {HTTP} from "../../utils/http";
const httpTop250 = new HTTP();
import {MovieModel} from "../../models/movie";
const movie = new MovieModel();
onLoad: function (options) {
// httpTop250.request({
// url: "top250",
// success: res=>{
// console.log(res);
// }
// })
movie.getTop250(res=>{
console.log(res);
})
}
~~~
- 小程序環境配置
- 1.生命周期
- 頁面生命周期
- 組件生命周期
- 2.小程序組件
- 點擊事件bindtap|catchtap
- swiper輪播
- wx:for循環
- 播放音樂
- map
- tabBar底部頁面切換
- scroll-view可滾動視圖區域。
- web-view裝載顯示網頁
- priviewImage新頁面預覽照片
- chooseImage本地選擇照片
- onReachBottom上拉刷新,加載等待條
- setStorage緩存
- showToast彈出提示框
- slot父組件wxml傳遞到子組件
- form表單
- 小程序.wxs,方法在.wxml調用
- 3.組件前身:模板、模板傳參
- 4.自定義組件、組件傳參|傳wxss|wxml代碼
- 5.小程序正則
- 6.小程序頁面跳轉
- 7.open-type 微信開放功能
- 實例
- 1.第一個實例 hello world
- 2.第二個實例豆瓣電影數據渲染
- 豆瓣1.0基本版
- 豆瓣2.0升級版
- 豆瓣3.0豪華版
- 3.第三個實例多接口在同一頁面使用
- HTTP封裝
- 基礎報錯提示,類式封裝
- Promise回調,類式封裝