微信小程序如何使用通用参数和方法示例展示?
- 内容介绍
- 文章标签
- 相关推荐
本文共计618个文字,预计阅读时间需要3分钟。
本文实例讲述了微信小程序公用参数与公用方法用法。分享给家长供参考,具体如下:
公用参数:- 小程序的公共参数,如网络请求地址、配置项等,可以写在app.js文件的global对象中。
例如:javascript// app.jsApp({ globalData: { // 公用参数 apiBaseUrl: 'https://api.example.com', // 其他公共参数 }})
小程序的公用方法:- 小程序的公用方法可以在app.js中定义,然后在需要使用的地方调用。
例如:javascript// app.jsApp({ globalData: { // 公用参数 apiBaseUrl: 'https://api.example.com', // 其他公共参数 }, // 公用方法 getNetworkRequestUrl: function(url) { return this.globalData.apiBaseUrl + url; }})
在需要使用公用方法的地方,可以这样调用:javascript// 其他页面或组件Page({ onLoad: function() { // 调用公用方法获取网络请求地址 const networkRequestUrl=app.getNetworkRequestUrl('/user/info'); console.log(networkRequestUrl); }})
本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考,具体如下:
公用参数:
小程序的公共参数,例如网络请求地址、可配置项,可以写在app.js文件的globalData参数里。
globalData: { userInfo: null, url: "", secret_key: "", url_param: { v: "1.1", format: "json", sign_method: "md5", partner_id: "", app_key: "" } }
在外部文件中取值语句为:getApp().globalData.url_param.v。
公用方法:
小程序可以自定义公用方法模块,例如网络请求方法、错误提示等。以错误提示为例,在自定义的basicUrl.js文件里写:
function errorWarn(error){ wx.showToast({ image: '/image/errorIcon.png', duration: 2000, title: error, mask: true }) } module.exports.errorWarn = errorWarn
在其它页面调用此方法时写:
var urlRequest = require('/../../basicUrl/basicUrl.js'); urlRequest.errorWarn("系统繁忙,稍后再试");
补充:借助util.js的实现思路
例如将部分的js逻辑放到utils中,在在logs.js中调用utils.js中的方法
实现代码:
utils.js:
function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') } function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n } module.exports = { formatTime: formatTime }
logs.js:
//logs.js var util = require('../../utils/util.js') Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log)) }) }) } })
希望本文所述对大家微信小程序开发有所帮助。
本文共计618个文字,预计阅读时间需要3分钟。
本文实例讲述了微信小程序公用参数与公用方法用法。分享给家长供参考,具体如下:
公用参数:- 小程序的公共参数,如网络请求地址、配置项等,可以写在app.js文件的global对象中。
例如:javascript// app.jsApp({ globalData: { // 公用参数 apiBaseUrl: 'https://api.example.com', // 其他公共参数 }})
小程序的公用方法:- 小程序的公用方法可以在app.js中定义,然后在需要使用的地方调用。
例如:javascript// app.jsApp({ globalData: { // 公用参数 apiBaseUrl: 'https://api.example.com', // 其他公共参数 }, // 公用方法 getNetworkRequestUrl: function(url) { return this.globalData.apiBaseUrl + url; }})
在需要使用公用方法的地方,可以这样调用:javascript// 其他页面或组件Page({ onLoad: function() { // 调用公用方法获取网络请求地址 const networkRequestUrl=app.getNetworkRequestUrl('/user/info'); console.log(networkRequestUrl); }})
本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考,具体如下:
公用参数:
小程序的公共参数,例如网络请求地址、可配置项,可以写在app.js文件的globalData参数里。
globalData: { userInfo: null, url: "", secret_key: "", url_param: { v: "1.1", format: "json", sign_method: "md5", partner_id: "", app_key: "" } }
在外部文件中取值语句为:getApp().globalData.url_param.v。
公用方法:
小程序可以自定义公用方法模块,例如网络请求方法、错误提示等。以错误提示为例,在自定义的basicUrl.js文件里写:
function errorWarn(error){ wx.showToast({ image: '/image/errorIcon.png', duration: 2000, title: error, mask: true }) } module.exports.errorWarn = errorWarn
在其它页面调用此方法时写:
var urlRequest = require('/../../basicUrl/basicUrl.js'); urlRequest.errorWarn("系统繁忙,稍后再试");
补充:借助util.js的实现思路
例如将部分的js逻辑放到utils中,在在logs.js中调用utils.js中的方法
实现代码:
utils.js:
function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') } function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n } module.exports = { formatTime: formatTime }
logs.js:
//logs.js var util = require('../../utils/util.js') Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log)) }) }) } })
希望本文所述对大家微信小程序开发有所帮助。

