微信小程序开发-封装方法&wx请求&WXS&确认框和消息框&滚动视图滚动条

1、 包装方法

1.封装方法和导出

将封装的方法放入util目录中的js文件中。您可以创建一个新的js文件或直接将其写入util。js文件。

通过导出导出封装的方法。

（1） 确认框方法

在新消息中定义确认框方法。js文件并将其导出。

export let$confirm=（内容）=>{

return new Promise（解决=>{

wx.show模式({

所容纳之物

成功：（｛confirm｝）=>{

如果（确认）{

解决（）

}

}

})

})

}

（2） 消息框方法

在新消息中定义消息框方法。js文件并将其导出。

导出许可$msg=（标题，图标=“成功”，持续时间=1500）=>{

wx.showToast({

标题

偶像

期间

掩码：真

})

}

（3） 获取事件参数的方法

定义在新创建的消息中获取事件参数的方法。js文件并将其导出。

导出let$key=（e）=>{

返回e.currentTarget.dataset

}

2.导入方法

Import是ES6的导入语句。

//导入msg文件（模块）中指定的成员

从“../../utils/msg”导入｛$msg，$confirm，$key｝

3.将方法注册到全局对象wx

直接在页面上导入的方法只能在当前页面上使用。要使该方法在所有页面中都可用，可以使用全局对象wx注册该方法。

Wx对象是微信小程序的全局对象，可以在任何地方使用。

（1） 注册声明

wx.美元消息=$msg

wx.美元确认=$确认

（2） 在app中导入。js条目文件

注意：注册到wx对象的方法必须在app中导入。js文件才能使用。这是因为appJ将在其他页面之前执行，因此更适合处理一些注册功能。

//导入初始化文件

导入'./utils/index'

（3） 调用方法

Wx。方法名称（参数）

Wx$消息（'删除成功'）

2、 Wx对象启动请求

1、 wx。Request（）发送请求

wx.请求({

//请求接口地址

url:'接口地址'，

//请求参数

数据：｛｝，

//请求模式GET/POST

方法：“GET”，

//请求成功后回调

成功：（｛data｝）=>{

解析（数据）

},

//请求完成后回调

完成：（）=>{

安慰日志（“请求已完成”）；

}

})

注意：在实际使用小程序时，所请求的接口必须都是已配置的接口。在中，选择要配置的开发管理-服务器域名。

在开发阶段，您可以直接在开发工具中设置“不验证合法域名”，暂时不配置。

2.封装请求方法

为了方便请求，我们可以对wx进行简单的封装。请求，这样我们可以更容易地调用它。

（1） 定义请求方法

export let$request=（url，data={}，method='GET'）=>{

return new Promise（（resolve）=>{

wx.请求({

url，

数据

方法

成功：（｛data｝）=>{

解析（数据）

},

})

})

}

（2） 定义获取请求方法

export let$get=（url，data=｛｝）=>{

return$request（url，data，'GET'）

}

（3） 定义后请求方法

export let$post=（url，data=｛｝）=>{

return$request（url，data，'POST'）

}

3、 设置时间和WXS格式

将时间戳格式化为我们需要的时间格式。

例如，将时间戳1605010831402格式化为2020-11-10 20:20:31

1.在后台处理数据中的时间戳

FormatTime是utils js文件中包含的格式时间方法。我们可以向wx对象注册此方法并直接调用它。

let data=await wx.$get（'Subject/GetSubjects'，｛section_id:id｝）

data=data.map（r=>{

返回{

创建时间：wx.$formatTime（新日期（parseInt（r.Createtime）））

}

})

2、 WXS公司

WXS（WeiXin Script）是一组用于小程序的脚本语言。使用WXML，您可以构建页面的结构。

在wxml页面中，您只能在插值｛｛｝｝中编写简单的js表达式，而不能调用方法。Wxs的存在是为了在页面中使用js。

（1） 语法

① 变量必须用var声明。不支持Const或let。

② 不支持箭头函数。

③ 无法使用模板字符串。字符串连接使用+。

④ 每个wxs文件和＜wxs＞标记是一个单独的模块。每个模块都有自己独立的范围。

通过模块导出导出内部私有变量和函数。

⑤ < wxs>在标签中，模块属性值定义标签的模块名称；的相对路径中引入了src属性值。wxs文件。

⑥ 使用getDate（）生成日期对象并返回当前时间的对象。不要使用new Date（）。

（2） <写入wxml文件；wxs>标签内部

var formatTime=函数（日期）{

日期=获取日期（parseInt（日期））

var year=date.getFullYear（）

var month=日期。获取月（）+1

var day=日期.getDate（）

var hour=日期.getHours（）

var分钟=日期.getMinutes（）

var second=日期.getSeconds（）

return[year，month，day].map（formatNumber）。join（'/'）+''+[小时，分钟，