小程序小程序 | 请求类包装//属性层 util/http.js //基本属性 config.js ``` const config={ api_base_url:"http://www.wangmingchang.com/v1/", appkey:"T********" } export {config}//导出 ``` 函数层 http.js ``` import {config}作者王明昌发布时间2018-09-10复制//属性层 util/http.js //基本属性 config.js ``` const config={ api_base_url:"http://www.wangmingchang.com/v1/", appkey:"T********" } export {config}//导出 ``` 函数层 http.js ``` import {config} from '../config.js' //定义错误 const tips={ 1:'默认错误', 1005:'appkey错误', 1007: '网址错误', 3000:'该期内容不存在' } class HTTP{ //解构 加上花括号,可通过的对象方式传参 request({url, method = 'GET', data = {}}){ return new Promise((resolve,reject)=>{ this._request(url,resolve,reject,data,method) }) } _request(url,resolve,reject,method='GET',data={}){ wx.request({ url: config.api_base_url+url, method:method, data:data, header:{ 'content-type':'application/json', 'appkey':config.appkey }, success:(res)=>{ let code = res.statusCode.toString() //es6 新 startsWith 以什么开头 endWith 以什么结尾 if(code.startsWith('2')){ // 成功时返回的结果 resolve(res.data); }else{ //失败时返回 reject() let error_code = res.data.error_code this._show_error(error_code) } }, fail:(err)=>{ reject() this._show_error(1) } }) } _show_error(error_code){ if(!error_code){ error_code=1 } // console.log(error_code) const tip = tips[error_code] wx.showToast({ title:tips?tip:tip[1], icon: 'none', duration: 1500, }) } } export {HTTP}; ``` model层 ``` import { HTTP } from '../util/http-p.js'; class bookModel extends HTTP{ getHotList(){ return this.request({ url:'book/hot_list' }) } getComments(bid) { return this.request({ url: `book/${bid}/short_comment`//es6用法 }) } } export { bookModel } ``` 控制器层 ``` //引入 import {bookModel} from '../../model/bookModel.js' //实例化 const BookModel = new bookModel() //使用 onLoad: function (options) { const hotList = BookModel.getHotList() hotList.then(res=>{ this.setData({ books:res }) }) }, ```
2018-12-09小程序 | 在首页判断是否登录并跳转到登陆界面login //index.js import { config } from '../../config.js' Page({ /** * 页面的初始数据 */ data: { //判断小程序的AP
2019-07-22小程序判断是否包含某个字符(数组和字符串)console.log(['x', 'a'].indexOf('a')); // 1 console.log('dbac'.indexOf('aa')); // -1
2018-12-09小程序 | 在首页判断是否登录并登陆执行index.wxml //其他业务 我知道了 index.js import { config } from '../../config.js' // pages/index/index.js Pag
2018-10-07小程序组件 | mask遮罩层组件定义组件 wxml: wxss .container{ background-color: #000; position: fixed; top: 0; opacity: 0.6; width: 10
2018-12-09微信小程序 form表单input变化时自动搜索index.wxml 搜索 取消 index.js inputTyping: function (e) { var title = e.detail.value; console.log(e) //
2018-12-09小程序 | 小程序中使用关注公众号功能实现在小程序中显示公众号,点击后进行关注 使用组件 使用说明 使用组件前,需前往小程序后台,在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。 注:设置的公众号需与小程序主体一致。