17. 在new_gonggong右键,打开命令行窗口,然后安装公共模块new_gonggong

小程序的安装与使用(二)_数据加载

路径为npm install ../common/new_danghang

安装完后会在new_daohang/node_modules/new_daohang出现这个包名

编辑new_daohang内部的js文件写获取、发送等方法

// const db = uniCloud.database();

// const { result} = require("new_gonggong");

// module.exports = {

// _before: function () { // 通用预处理器

// },

// get:async function(){

// let res= await db.collection("daohang").get();

// return result(0,"success",res.data)

// },

// }

const db = uniCloud.database();

const { result} = require("new_gonggong");此处的名称为建立的公共模块名称

module.exports = {

_before: function () { // 通用预处理器

this.startTime = Date.now()

},

async  getnav(){

let res= await db.collection("daohang").field({此处名称为schema文件名称

createTime:false,

orderid:false,

state:false

}).where({

state:true

}).orderBy("orderid","asc").get();

let arr = res.data.map(item=>{

return {

_id:item._id,

classname:item.classname,

icon:item.icon.url

}

})

return result(0,"success",arr)

},

_after:function(error,result){

if(error) {

throw error // 如果方法抛出错误,也直接抛出不处理

}

result.timeCost = Date.now() - this.startTime

return result

}

}

写好后右击上传部署

小程序的安装与使用(二)_数据加载_02

打开云端控制台

小程序的安装与使用(二)_预处理_03

点击云函数/云对象页面/函数对象列表选择刚刚部署的文件函数名称点击详情

小程序的安装与使用(二)_进度条_04

小程序的安装与使用(二)_数据加载_05

将地址改为/nav前面不变

下载apipost注册并登录新建目录

小程序的安装与使用(二)_进度条_06

在目录中新建接口将

小程序的安装与使用(二)_进度条_07

1. 引入

在main.js中引入

输入以下代码

① // 安装escook

import { $http } from '@escook/request-miniprogram'


② uni.$http = $http// 配置请求根路径

$http.baseUrl = 'https://fc-mp-279b18a1-c777-451e-ac3a-cdf9303dd9f6.next.bspapp.com'

// 请求开始之前做一些事情

$http.beforeRequest = function (options) { uni.showLoading({(显示)

title: '数据加载中...',

})出现进度条等待加载数据

}//请求完成之后做一些事情

$http.afterRequest = function () { uni.hideLoading()(隐藏)

}数据加载完毕后进度条隐藏

(1) // 封装$showMsg()方法当数据加载失败时title不显示图标为无相应页面不出现

uni.$showMsg = function(title = '数据加载失败!', duration = 1500) {

uni.showToast({

title,

duration,

icon: 'none',