![](https://img-blog.csdnimg.cn/20200912145855381.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
记录微信小程序开发过程
全面解读
博客包括:.NET、Java、C#、C\C++、python、go、node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、小程序等相关使用及进阶知识。
展开
-
【微信小程序】扫描外部二维码、小程序码进入并获得携带参数,使用参数跳转到指定页面
您需要使用微信提供的跳转链接和相关参数。APPIDPATHQUERY生成二维码:使用生成的跳转链接生成二维码。您可以使用在线的二维码生成工具或通过编程方式生成二维码。扫描二维码:用户使用微信扫描生成的二维码。跳转到指定页面:当用户扫描二维码后,微信会自动打开小程序,并跳转到指定页面。在指定页面的onLoad生命周期函数中,可以通过options参数获取传递的参数。${${${请注意,为了能够生成跳转链接和打开小程序,您需要先在微信开放平台注册小程序并获取到 AppID。原创 2023-09-02 10:44:45 · 5044 阅读 · 1 评论 -
【微信小程序】通过调用 wx.navigateBack() 方法来退出当前界面并返回上一个界面
参数指定了要返回的界面数。如果你只想返回上一个界面,可以将。如果你想返回更多的界面,可以增加。原创 2023-08-12 18:39:15 · 6498 阅读 · 0 评论 -
【微信小程序】通过使用 wx.navigateTo方法进行页面跳转,跳转后的页面中通过一些方式回传值给原页面
请根据你的具体需求选择适合的方式进行回传值。希望这些方法能够帮助你实现在微信小程序中跳转页面后回传值。在目标页面中修改全局变量或使用缓存存储需要回传的值,然后在原页面中读取该全局变量或缓存的值。在跳转时,可以在目标页面的 URL 中携带参数,然后在目标页面的。方法中获取参数,并在目标页面中进行处理。方法的参数中携带需要回传的值。方法返回到原页面,并在。在目标页面中,可以使用。原创 2023-08-10 09:48:57 · 3760 阅读 · 0 评论 -
【微信小程序】申请蓝牙、位置和数据库等相关权限
请注意,申请权限后,用户在首次使用小程序时会看到权限申请提示框,需要用户手动授权才能使用相应的功能。字段设置为一个包含了蓝牙、位置、录音和保存相册权限的数组。这将告诉微信小程序需要这些权限来运行。如果你还有其他问题,请随时提问。字段,并在其中添加相应的权限。在上述示例中,我们将。原创 2023-08-07 11:39:52 · 2257 阅读 · 0 评论 -
【微信小程序】初始化 wxCharts,调用updateData动态更新数据
其中包括 canvasId(绑定的 canvas-id)、数据系列(series)、x 轴配置(xAxis)、y 轴配置(yAxis)、图表宽度和高度等。你可以根据实际需求和 wxCharts 提供的配置选项,进行相应的调整。注意,具体的配置选项可以根据不同的图表类型而有所不同,例如 LineChart、BarChart、PieChart 等。请注意,以上代码示例中的 canvasId、数据数组和其他配置需要根据实际情况进行自定义。请根据你的项目结构和实际路径进行相应的调整。方法更新了图表的数据。原创 2023-08-01 10:31:32 · 1329 阅读 · 0 评论 -
【微信小程序】引入第三方库poke对GZIP压缩数据进行解压
npm initrequire()import无论是使用 npm 包管理工具还是通过 CDN 引入,都需要在小程序开发工具中进行构建,以确保引入的第三方库可以被正确识别和使用。请注意,微信小程序的环境和浏览器环境有差异,可能需要进行一些额外的适配工作,以确保 pako 库在小程序中正常运行。原创 2023-07-31 12:29:19 · 2113 阅读 · 0 评论 -
【微信小程序】导出 Excel 报表并分享,使用xlsx库生成 Excel,使用echars插入图表、使用pdfmake导出为PDF文件
请注意,上述示例代码仅供参考,具体的实现方式可能需要根据你的实际需求进行调整。另外,小程序可能对文件系统的操作有限制,可能无法直接保存和分享 PDF 文件,你可能需要根据实际情况进行调整。在回调函数中,可以对生成的 PDF Blob 对象进行进一步的操作,比如保存到本地或分享。然后,将这些数据组装成一个对象,包含了图表的配置信息。请注意,上述示例代码仅供参考,具体的实现方式可能需要根据你的实际需求进行调整。请注意,上述示例代码仅供参考,具体的实现方式可能需要根据你的实际需求进行调整。原创 2023-07-31 08:30:00 · 8511 阅读 · 10 评论 -
【微信小程序】显示自带的弹窗,包括加载中,成功,错误,提示,警告
方法用于显示成功、错误、提示和警告的弹窗。这些方法接受不同的参数来定制弹窗的样式和行为。你可以根据自己的需求选择适当的方法,并设置相应的参数。方法用于显示加载中的弹窗,原创 2023-07-28 15:51:29 · 3431 阅读 · 0 评论 -
【微信小程序】通过监听 WebSocket 的状态变化来判断Socket是否已经建立连接
在微信小程序中,可以通过监听 WebSocket 的状态变化来判断是否已经建立连接。通过监听上述的状态变化,可以判断 WebSocket 是否已经建立连接。以上就是在微信小程序中判断 WebSocket 是否已经建立连接的方法。属性是否为 1,即可判断是否已经建立连接。通过判断 WebSocket 对象的。,则表示已经建立连接;,则表示未建立连接。原创 2023-07-27 16:08:09 · 2033 阅读 · 0 评论 -
【微信小程序】使用 WebSocket 进行订阅操作、连接监听、接收到服务器的消息事件
在微信小程序中使用 WebSocket 进行订阅操作,可以通过方法创建 WebSocket 连接,并通过相关事件处理函数进行订阅和数据处理。原创 2023-07-24 07:30:00 · 2521 阅读 · 0 评论 -
【微信小程序】从网络请求返回值res.data获取并解析一个Array
获取到请求返回的数据。如果返回的数据是一个数组,您可以直接对其进行操作。如果不是一个数组,我们可以根据实际需求进行错误处理。如果是一个数组,我们可以对其进行操作,比如使用。以下是一个示例代码,演示了如何从。在上述代码中,我们首先判断。在微信小程序中,可以通过。是否为一个数组,使用。原创 2023-07-24 07:00:00 · 2225 阅读 · 0 评论 -
【微信小程序】分别对确认和取消按钮设置不同的样式,添加自定义的样式类
请注意,以上代码只是一个简单示例,具体样式可以根据需要进行调整。你可以根据微信小程序的样式规范和需求来定义更多的样式类和样式规则。你可以根据需要自行调整样式,例如修改背景颜色、文本颜色、边框样式和内边距等。属性来添加自定义的样式类,并在对应的样式类中定义不同的样式。给确认和取消按钮设置不同的微信小程序样式,你可以使用。在以上代码中,我们给确认按钮添加了。在以上代码中,我们分别定义了。样式类,给取消按钮添加了。原创 2023-07-20 23:21:29 · 1407 阅读 · 0 评论 -
【微信小程序】使用iView组件库的ActionSheet组件实现底部选择功能
在上述代码中,showActionSheet方法使用$ActionSheet函数来显示ActionSheet。可以通过itemList选项指定ActionSheet的选项列表,通过success回调函数来处理用户的选择。通过以上步骤,就可以在微信小程序中使用iView组件库的ActionSheet组件了。根据实际需要,可以进一步自定义ActionSheet的样式和行为。原创 2023-07-20 22:33:00 · 1134 阅读 · 0 评论 -
【微信小程序】要在两个<view>之间绘制一条分割线,使用border属性和样式
类中的样式,可以更改分割线的宽度、高度、颜色等。请根据实际需要进行调整。属性以及适当的样式设置。属性,使内容自动填充剩余空间,并居中对齐。类设置了分割线的宽度、高度和背景颜色。标签作为容器,内部包含两个内容。属性,使内容和分割线水平排列。之间绘制一条分割线,可以使用。在上述代码中,使用了一个。原创 2023-07-20 22:01:01 · 3560 阅读 · 0 评论 -
【微信小程序】使用iView组件库中的icons资源
组件库需要进行更多的配置和学习,具体的使用方法和组件属性请参考。组件库的路径,根据你实际的安装路径进行配置。组件库的源码或使用npm安装。这样就可以在微信小程序中使用。资源,需要先下载并引入。的文档进行配置和使用。要在微信小程序中使用。原创 2023-07-20 21:07:32 · 1494 阅读 · 0 评论 -
【微信小程序】实现折叠功能,折叠不同的列表
你可以根据实际需要,将上述代码添加到微信小程序的对应页面中,并在列表的内容部分添加自己的内容。这样,就可以实现折叠不同的两个列表的功能。属性来控制列表的显示和隐藏。这两个数据属性控制。初始时,这两个属性的值都是。要实现在微信小程序中的折叠功能,你可以利用。属性来判断列表是否显示。来判断是哪个列表被点击。属性取反,以实现列表的展开和折叠。当点击列表的头部时,通过。在上述代码中,我们通过。,即列表都是折叠状态。原创 2023-07-20 20:44:02 · 2723 阅读 · 1 评论 -
【微信小程序】使用button组件来实现一个带有点击效果的按钮,按钮中间添加一个大的+号图标
你可以将上述代码添加到微信小程序的对应页面中,即可实现一个带有点击效果的按钮,并在按钮中间显示一个+号图标。你可以根据需要调整按钮的大小、颜色和样式。组件来实现一个带有点击效果的按钮,并在按钮中间添加一个大的+号图标。的样式设置了按钮的宽高、圆形边框、背景颜色等属性。类名的样式设置了+号文本的字体大小和颜色。在上述代码中,我们使用了微信小程序的。属性,我们将+号文本居中显示。组件,文本内容为+号。在微信小程序中,你可以使用。组件,并在其中添加了一个。原创 2023-07-20 20:37:15 · 2718 阅读 · 0 评论 -
【微信小程序】使用weui组件库来实现弹出一个确认的弹窗popup,其中包含图片和名称
在微信小程序中,你可以使用weui组件库来实现弹出一个确认的popup,并在其中包含图片和名称。,并传递图片和名称数据。确认popup会显示图片、名称和确认按钮。当点击确认按钮或点击popup以外的区域时,在这个示例中,点击按钮会触发。原创 2023-07-18 13:45:32 · 3555 阅读 · 0 评论 -
【微信小程序】通过绑定点击事件来实现点击交互
需要注意的是,点击事件的绑定和处理函数的编写需要在对应的页面或组件的JS文件中进行。另外,点击事件的绑定可以使用。在微信小程序中,可以通过绑定点击事件来实现点击交互。如果还有其他问题,请随时提问。原创 2023-07-17 19:50:04 · 3867 阅读 · 0 评论 -
【微信小程序】使用WxNotificationCenter实现复杂的事件通信功能,在任意页面中订阅事件、发送事件和取消订阅事件
在微信小程序中,如果需要实现复杂的事件通信功能,可以使用第三方库来辅助实现。以上是两个常用的第三方库示例,它们都提供了强大而灵活的事件通信功能,可以满足复杂的事件通信需求。如果还有其他问题,请随时提问。原创 2023-07-17 11:28:58 · 1723 阅读 · 0 评论 -
【微信小程序】使用全局事件实现在不同页面之间共享数据或触发特定的操作
在上述代码中,我们在App对象中定义了globalData对象,用于存储全局数据。在上述代码中,我们通过getApp()方法获取到App对象的实例,然后将onMyEvent方法重新赋值为一个新的函数,该函数用于监听并响应全局事件。在这个新的函数中,我们可以处理接收到的数据,并更新页面的数据。在上述代码中,我们通过getApp()方法获取到App对象的实例,然后调用onMyEvent方法,并传入需要发送的数据。通过以上的代码,你可以实现在微信小程序中使用全局事件来实现不同页面之间的数据共享和操作触发。原创 2023-07-17 11:27:51 · 2549 阅读 · 1 评论 -
【微信小程序】实现点击+号弹出一个附着旁边的弹窗进行多个方式的选择
在上述代码中,我们在Page对象中定义了data对象,其中包含一个showPopup属性,用于控制弹窗的显示和隐藏。在上述代码中,我们在Page对象中定义了data对象,其中包含一个showPopup属性,用于控制弹窗的显示和隐藏。在弹窗中,我们使用wx:if条件判断来控制弹窗的显示和隐藏,如果showPopup为true,则显示弹窗内容。在弹窗中,我们使用wx:if条件判断来控制弹窗的显示和隐藏,如果showPopup为true,则显示弹窗内容。当用户点击弹窗外的区域或选择了某个方式后,弹窗会隐藏起来。原创 2023-07-17 10:23:52 · 2744 阅读 · 0 评论 -
【微信小程序】网络请求实现分页查询,下拉触发加载更多
以上代码中,通过dataList数组存储查询到的数据,pageNum表示当前页数,pageSize表示每页数量,isEnd标志是否到达最后一页。在onLoad钩子函数中初始化页面时加载第一页数据,在loadData函数中发送分页查询请求,并将返回结果追加到dataList中。loadMore函数用于触发加载更多数据,onReachBottom监听用户滚动到底部事件并自动触发加载更多数据。请注意替换示例代码中的实际接口URL和请求参数,确保与你的项目相匹配。微信小程序网络请求实现分页查询。原创 2023-07-11 13:54:53 · 1438 阅读 · 0 评论 -
【微信小程序】使用 wx.scanCode方法实现扫描二维码的功能
此外,还需要在页面或组件的 JSON 配置文件中添加相应的权限配置。方法实现扫描二维码的功能。你可以根据实际需求和页面结构进行相应的修改和调整。方法来调用扫描二维码的功能。回调函数将会被调用,而当扫描失败时,方法,你需要在微信小程序的配置文件。在微信小程序中,你可以使用。回调函数将会被调用。可以获取扫描结果的内容。在上述代码中,我们使用。中添加相应的权限配置。原创 2023-07-10 10:42:53 · 4011 阅读 · 0 评论 -
【微信小程序】使用 JSON.parse 方法将返回的 JSON 字符串解析为对象
请注意,解析后的对象在微信小程序中是一个普通的 JavaScript 对象,而不是一个类实例。因此,如果你需要将解析后的对象转换为自定义的类对象,你需要手动处理。方法将返回的 JSON 字符串解析为对象。然后,我们可以通过点语法或方括号语法访问解析后的对象的属性,例如。方法将返回的 JSON 字符串解析为对象。请根据实际需求和接口返回的数据结构进行相应的修改。在微信小程序中,你可以使用。在上述代码中,我们使用。原创 2023-07-10 10:07:46 · 3649 阅读 · 0 评论 -
【微信小程序】使用 wx.request 方法来发送POST网络请求,携带RequestBody参数
方法发送 POST 请求,并将请求的 URL、请求体数据、请求头等信息进行相应的设置。请求成功后,会在回调函数的。根据实际需求和接口的要求,你可能需要对请求的 URL、请求头、请求体等进行相应的修改和调整。方法来发送网络请求。方法默认会将数据以 JSON 格式进行传输,因此我们使用。中处理返回的数据,请求失败后,会在回调函数的。方法将请求体数据转换为字符串格式。在微信小程序中,你可以使用。在上述代码中,我们使用。请注意,微信小程序的。原创 2023-07-10 09:50:03 · 6262 阅读 · 0 评论 -
【微信小程序】将 token 配置为全局变量,使用定时器来检测 token 过期
接下来,在获取 token 的函数中,将获取到的 token 设置为全局变量,并开启一个定时器来检测 token 是否过期。当 token 过期时,将其设置为 null。函数用于获取 token,并将其设置为全局变量。然后,使用定时器计算 token 的剩余时间,并在剩余时间结束后将 token 设置为 null。在微信小程序中,你可以将 token 配置为全局变量,并使用定时器来检测 token 是否过期。当 token 过期时,将其设置为 null。你可以在需要使用 token 的页面中,通过。原创 2023-07-10 09:42:20 · 2001 阅读 · 0 评论 -
【微信小程序】使用 wx.request 方法进行异步网络请求
这样,当页面加载时,会发送异步请求获取列表数据,并将数据渲染到 UI 上。请根据实际需求和接口返回的数据结构进行相应的修改。方法进行异步网络请求,并将获取到的列表数据渲染到 UI 上。接下来,在页面的 WXML 文件中,通过。或需要触发网络请求的函数中,使用。变量访问当前元素的属性(例如。在微信小程序中,你可以使用。然后,在页面的生命周期函数。数组的每个元素,通过。原创 2023-07-10 09:37:43 · 2406 阅读 · 0 评论 -
微信小程序中使用 SVG位图
请根据你的具体需求选择适合的方式来在微信小程序中使用 SVG。同时注意,微信小程序对 SVG 的支持可能存在一些限制,不同版本的微信客户端对 SVG 的支持程度也可能有所差异,建议在开发前进行兼容性测试。原创 2023-07-09 18:10:39 · 7797 阅读 · 1 评论 -
微信小程序设置 tabbar icon 大小
将 tabbar icon 图片制作成合适的尺寸:你可以使用设计工具(如 Photoshop、Sketch 等)将图标调整为合适的大小。在 app.json 文件中设置 tabbar 图标大小:在 app.json 文件的 tabBar 字段中设置 iconSize 属性,可以控制 tabbar 图标的大小。因此,建议根据实际需求和设计准则选择合适的图标大小,并进行适当的调整。在上面的示例中,iconSize 属性被设置为 48,这将使 tabbar 图标的大小为 48x48 像素。原创 2023-07-09 17:36:30 · 11693 阅读 · 14 评论 -
微信小程序 蓝牙BLE封装成工具类与数据通信
微信小程序、JavaScript连接蓝牙ble接口封装handleErrconst handleErr = function (err) { if (err.errCode == 10000 || err.errCode == 10001) { wx.showModal({ showCancel: false, title: '错误', content: '蓝牙不可用,错误码:' + err.errCode + '请检查您手机的蓝牙是否打开'原创 2020-08-27 16:17:50 · 1482 阅读 · 0 评论