- 博客(37)
- 收藏
- 关注
RSS订阅原创 Maotu流程图,可视组态编辑器：Vue3项目中的集成实战与自定义流程开发指南
Maotu是一款高效集成的流程图编辑组件，专为Vue3项目设计，提供强大的节点自定义能力和复杂业务流程支持。本文详细介绍了Maotu的安装方法和项目集成方案，包含核心代码示例和目录结构设计。重点展示了编辑页面的实现逻辑，涵盖数据加载、保存、预览等关键功能，并提供了完善的错误处理和加载状态管理。通过API请求封装和组件交互设计，实现了流程图的完整编辑生命周期管理。
2025-06-09 18:17:16
948
原创 解决uni-app开发中的“TypeError: Cannot read property ‘0‘ of undefined“问题
在使用uni-app开发小程序或App时，开发者可能会遇到“TypeError: Cannot read property '0' of undefined”错误，这通常与uni-app框架中的Promise适配器有关。该错误发生在uni.promisify.adaptor.js文件中，原因是代码假设异步API的返回结果始终是数组，但实际可能返回非数组或空数组，导致访问undefined的属性。解决方案包括修改适配器文件以增加安全检查、改用传统回调方式或为每个异步调用增加错误处理。
2025-05-16 15:17:30
797
原创 uniapp，小程序中实现文本“展开/收起“功能的最佳实践
在移动端应用开发中，文本内容的"展开/收起"功能是提升用户体验的常见设计。当列表项中包含大段文本内容时，默认只显示几行，并提供"展开"按钮让用户查看完整内容。今天我将分享如何在uniapp，小程序项目中优雅地实现这一功能
2025-05-15 17:15:39
1180
原创 微信小程序分包策略：优化加载性能与用户体验
微信小程序分包是一种优化初始下载和启动速度的有效策略，通过将小程序拆分为主包和多个分包，减少首次加载时间，提升用户体验。主包包含核心页面和资源，分包按需加载，合理规划分包内容、优化分包大小、利用预下载功能是关键。实际案例中，物业管理小程序通过分包策略显著提升了性能，如首次加载时间从3.5秒降至1.2秒。分包过程中需注意全局样式、组件依赖、资源路径等问题。分包不仅是技术手段，更是产品思维，合理设计分包方案能持续优化小程序性能，提升用户体验。
2025-05-13 16:00:49
1148
原创 小程序备案上线完整流程指南
本文详细介绍了微信小程序的开发、备案、审核及上线流程。首先，前期准备包括账号注册、资质准备和小程序定位。开发与测试阶段涉及核心功能开发、体验版测试和合规检查。备案流程包括ICP备案和特殊行业备案。提交审核前需进行详细检查，确保小程序符合规范。审核通过后，小程序可发布上线，并需进行后续监控和维护。文章还提供了常见审核被拒原因、加速审核技巧和长期运营建议，以及相关资源和链接，帮助开发者顺利完成小程序的备案和上线流程。
2025-05-13 15:17:57
886
原创 uni-app微信小程序登录流程详解
本文详细介绍了在uni-app框架下实现微信小程序登录流程的步骤。首先，通过uni.login()获取登录凭证（code），并将其发送到业务服务器以换取登录态（token）。接着，保存登录态到本地存储，并提供一系列工具函数来管理登录状态，如检查登录状态、获取token、清除登录状态等。在应用中，通过请求拦截器自动添加token，并处理未授权情况，确保用户登录状态的持续有效。此外，还实现了应用启动时的自动登录功能，并在需要登录的页面添加路由守卫，确保用户访问权限。通过这些步骤，开发者可以构建一个完整的微信小程
2025-05-12 14:57:02
1654
原创 uni-app微信支付功能实现
本文详细介绍了在uni-app框架下实现微信支付功能的流程，以缴纳系统为例，涵盖了从选择支付项目到更新支付状态的完整步骤。首先，用户通过Vant UI的Checkbox组件选择待支付项目，系统自动计算总金额。接着，用户点击“立即结算”按钮，系统调用后端接口创建支付订单。订单创建成功后，使用uni-app的uni.requestPayment方法调用微信支付接口，并处理支付结果。支付完成后，通过弹窗展示支付结果，并更新支付状态。文章还强调了支付功能的安全性考虑，如前端不计算签名、使用HTTPS、支付结果验证等
2025-05-12 14:47:14
1898
原创 uni-app，小程序自定义导航栏实现与最佳实践
在移动应用开发中，自定义导航栏能够提供更灵活的样式和交互体验，满足跨平台统一、品牌定制、灵活交互和特殊布局等需求。实现自定义导航栏的基本步骤包括关闭原生导航栏、构建自定义导航栏组件、获取状态栏高度、设置样式以及适配内容区域。跨平台适配时需处理iOS与Android的差异，如状态栏高度和安全区域。常见导航栏效果包括透明导航栏、滚动渐变导航栏和自定义返回逻辑。解决内容被导航栏遮挡的问题，需动态计算导航栏高度并调整内容区域。通过这些实践，开发者可以创建符合应用设计语言且功能丰富的自定义导航栏。
2025-05-09 15:22:06
1337
原创 uni-app，小程序中的addPhoneContact，保存联系人到手机通讯录
addPhoneContact是uni-app框架中的一个API，用于将应用内的联系人信息快速保存到用户设备的通讯录中。该API支持多种属性，如姓名、电话号码、电子邮件、公司名称等，并提供了成功、失败和完成的回调函数。使用示例展示了如何添加联系人信息，并处理权限和错误情况。不同平台对API的支持情况一致，但需注意权限问题和必填字段的差异。最佳实践包括提前告知用户操作目的、验证数据、提供替代方案和给予状态反馈，以提升用户体验和应用实用性。
2025-05-09 15:01:49
765
原创 Vue3 后台管理系统模板
一个基于 Vue3 + TypeScript + Element Plus 的后台管理系统模板，集成了动态路由和权限管理功能。
2025-04-30 16:03:51
1559
原创 uniapp + Axios + 小程序封装网络请求
小程序自带的网络请求使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了。
2025-03-26 17:39:40
649
原创 vue3Axios封装网络请求 + 跨域
普通得Axios使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了。
2025-03-24 09:51:18
576
原创 vue2Axios网络请求封装 + 跨域
普通得Axios使用起来比较麻烦，不便于管理，就需要封装网络请求，减少繁琐步骤，封装最终效果，根据类别将网络请求封装在文件中，使用得时候调用文件名名称加文件中得自定义名称，就可以了。
2025-03-24 09:21:51
522
原创 vue富文本 vue-quill-editor + 上传图片到阿里云服务器 + 修改富文本内容
使用富文本编辑器，需要将图片上传到服务器，完成之后，还需要在修改页面完成修改富文本内容，使用的富文本插件是vue-quill-editor,
2025-02-27 11:58:45
287
原创 uniapp 地图添加，删除，编辑标记，在地图中根据屏幕范围中呈现标记
小程序实现新功能，在地图中选取位置添加标记，并在地图中呈现添加的标记，（呈现的是根据当前屏幕范围内的标记），并对标记进行分享，删除，编辑，导航，并从分享标记点位置打开页面的时候在呈现该标记的信息详情，
2025-01-27 16:58:58
1386
2
原创 小程序 uniapp 地图 自定义内容呈现，获取中心点，获取对角经纬度，首次获取对角经纬度
使用uniapp 小程序 使用地图，我使用的是uniapp原生的地图，实现根据坐标在地图上显示自定义内容，首次加载获取坐标对角经纬度，通过对角经纬度给后端，进行只显示当前屏幕内的自定义内容，在通过拖拽事件，加载范围内（对标坐标经纬度）显示需要加载的内容，以及中心点，地图层级。
2025-01-24 11:46:46
1067
原创 uniapp - 小程序实现摄像头拍照 + 水印绘制 + 反转摄像头 + 拍之前显示时间+地点 + 图片上传到阿里云服务器
uniapp，碰到新需求，反转摄像头，需要在打卡的时候对上传图片加上水印，拍照前就显示当前时间日期+地点，拍摄后在呈现刚才拍摄的图加上水印，最好还需要将图片上传到阿里云。
2024-12-30 16:44:21
947
原创 elementui el-table中给表头 el-table-column 加一个鼠标移入提示说明
在使用el-table 表格中有些表格的表头需要加入一些提示，鼠标移入则出现提示，非常实用，我是通过el-table中的el-tooltip实现的。
2024-11-13 10:40:54
1212
原创 el-select 的默认选中 以及后端返回的数据进行默认选中
{ label: '正常', value: 1 },{ label: '禁用', value: 0 },],<el-select v-model="ruleForm.status" placeholder="请选状态" clearable>
2024-10-31 17:09:40
1989
1
原创 el-table 多选默认选中（根据返回的id给数据加默认选中状态）
el-table是我们最常用的展示数据的方式，但是有时候需要用到多选来选择数据，新增数据的时候还好，选中状态都是正常的，但是修改就遇到问题，需要对这个已经选择过的数据加上默认的选中状态，本次就是解决这个问题。通过ref这个来解决。注意点：setDefaultSelection函数的使用时机，一定要是有singleTable这个ref生效之后在调用，要是这个ref没有生效，这个函数就没有意义了。基本上所有的后端返回的数据都是有一个id的，要是没有用就用index来代替，没有id方便。
2024-10-31 16:52:57
2321
原创 uniapp 本页自动检测下页是否有数据更新。更新则重新加载本页面的某个数据请求函数，不更新就不生效
uniapp中部分页面的下一页有的数据变化联动着本页的数据，下一页更新数据，返回时本页数据也需要更新，要是用onShow 的话有点频繁刷新页面，每次返回都会重新加载本页面，重新请求数据，对用户来说体验感太差了，每次都刷新页面，所以本次来的就是解决这个问题。
2024-10-29 11:38:08
1153
原创 uniapp ，微信小程序，滚动（下滑，上拉）到底部加载下一页内容
先定义总页码和当前页码,data(){return{data:[],currentPage:1,//页码totle_page:0,//总页码},reload(){//重置页码//清空数据//加载数据},
2024-10-29 11:19:00
1638
原创 vue 打包时去掉注释
打包的代码肯定是要去掉注释的，不然后台有人查代码，翻数据就很烦，但是我们写这么多代码还有写代码时的注释肯定不能一行一行的去删除掉，这样太麻烦了，这次分享打包的时候就去掉注释，这个本来是和打包时es6转es5代码一起使用的，但是考虑到有些不需要代码转换，就没写在一个博客里，有需要打包代码转换的可以看我的另一篇文章。
2024-10-28 16:10:36
1022
原创 vue 打包时将es6转成es5代码
最近上线一个项目，有win7的配置，还有很多其他浏览器，qq浏览器，360浏览器等等很多浏览器（笑脸表情）我正常打包之后我和后端都可以正常运行，都是win10的，其他办公司几个win7的都没法用，出现很多莫名奇妙的错误，最大的问题就是白屏，加载不出来登陆页面，但是浏览器上面的标题时出来了，很多不应该出来的报错，一直找不到问题，后来发现是不兼容，es6代码。
2024-10-28 14:58:25
970
原创 vue，echarts图表作为组件使用在父级页面展示图表信息，用后端给的实际代码数据来展示图表,同时解决刷新子页面没数据，数据丢失等问题
为了代码方便管理，将echarts作为组件来展示，方便开发人员管理代码，更好的提高开发效率，这次分享的echarts组件展示，其中图表的信息数据均是请求后端接口数据，这里我展示了一个折线图，明白原理，其他的数据也一样，套用格式就行了。
2024-10-28 11:58:38
273
原创 vue后台element，routes实现动态路由控制权限管理
整体流程大概说下，在登陆成功之后，需要后端把角色权限的路由返给我们，我们再根据角色权限把后端给的路由在本地存储，在router/index 的路由控制页面用beforeEach钩子函数中做动态路由的处理，把角色权限渲染到页面中。
2024-10-28 10:57:14
1265
原创 vue elementui的Upload上传阿里云文件，以及删除文件，自定义上传文件格式
vue elementui的Upload上传阿里云文件，以及删除文件，自定义上传文件格式，
2024-10-09 18:31:58
492
原创 vue elementui的Upload上传阿里云图片以及图片预览，删除
vue elemetUI 的upload上传阿里云图片以及图片预览，图片删除
2024-10-09 18:14:30
678
原创 小程序，uniapp，uni-datetime-picker 默认选中今天日期
uniapp uni-datetime-picker 默认选中今天日期
2024-08-10 16:40:43
935
原创 解决Echarts地图省级下钻市级散点图偏移塌陷问题（河南省为例）
由于项目需求需要在Echarts地图已有项目城市做标记并且牵扯到Echarts地图下钻前地图带有散点又要对下钻后的地图也要带有散点，我这边一开始既能做到Echarts 地图下钻又可以带有散点图，但是一旦结合下钻和散点就不行了，散点就会出现偏移，位置不对，塌陷，后来解决了这个问题，再次做个记录也分享给需要的朋友。
2024-03-28 16:05:32
2193
1
原创 解决vue使用xlsx不能读取未编辑的Excel表格数据
最近写项目需要读取Excel表格数据，用到了xlsx，很好获取，一开始我也没注意（一直用的就是已经编辑过的表格）这个一下子就获取到了数据，然后就开始处理数据，最后部署完毕，我在其他电脑上试了一下，才发现不能读取未编辑的表格数据，当时给急死了，明天就要交项目，后来解决了这个问题，记录一下，解决方式如下：
2024-03-11 14:50:37
634
1
原创 Vue 使用 Apache Echarts 绘制3d地图、水波动画，插入自定义图标
大家好啊，今天给大家带来的是Echarts 绘制3d地图的使用方法，会详细的说明地图的绘制，地图上的水波纹显示，自定义图标的显示，以及地图的引入，及地图的一些设置选项，下边是地图资源的绘制地址。
2023-12-13 15:59:22
2465
4
原创 Vue 使用 Apache Echarts 绘制地图
大家好啊，今天给大家带来的是Echarts 绘制地图的使用方法，会详细的说明地图的绘制，以及地图的引入，及地图的一些设置选项。
2023-12-01 11:37:18
1720
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人