- 博客(21)
- 收藏
- 关注
RSS订阅原创 富文本编辑器使用示例教程(vue版本)
本文将基于Vue-Quill-Editor，详细介绍富文本编辑器在项目中的实际应用，特别是在合同协议模板编辑场景下的完整实现方案。通过Vue-Quill-Editor实现的富文本编辑器，在合同协议管理场景下表现出色，提供了丰富的编辑功能和良好的用户体验。关键点在于合理的配置、完善的样式定制和健壮的错误处理机制。
2025-11-22 11:23:21
414
原创 3️⃣基于Springboot+vue3实现在线考试系统
本文介绍了一个基于SpringBoot+Vue3的在线考试系统，采用前后端分离架构。系统包含管理员、教师和学生三大角色：管理员负责用户管理、系统配置、权限控制及试题试卷管理；教师可创建试卷试题、批改考试、管理错题本；学生能在线考试、查看成绩和个人信息。系统运行环境要求JDK1.8+、MySQL5.7+，采用ElementUI框架实现界面开发，适用于计算机专业毕业设计或在线考试场景，涵盖完整的考试管理流程。
2025-11-21 08:30:00
261
原创 2️⃣基于Springboot+vue3实现的教务管理系统
本文介绍了一个基于SpringBoot+Vue3的教务管理系统，系统包含管理员、学生和教师三种角色。管理员可进行用户管理、学生/教师/学院/班级/课程信息管理、财务管理和成绩管理等；学生可查看课程/成绩信息、选课及奖惩记录；教师可管理班级信息、查看课程及学生选课情况。系统采用JDK1.8+MySQL5.7+IDEA+VSCode开发环境，使用SpringBoot+Vue3+ElementUI+NodeJS14等技术栈实现，适用于高校教务管理场景，支持教育数字化转型需求。
2025-11-20 08:30:00
230
原创 Java+Vue+微信小程序对接微信支付全流程
本文分享了在线课程平台接入微信支付的完整流程。后端使用Java+SpringBoot实现支付功能，包括：1）生成预支付订单接口；2）微信支付服务封装，处理签名和参数转换；3）支付结果回调处理。前端通过Vue和微信小程序调起微信支付，并处理支付结果。关键注意事项包括签名验证、金额单位转换、幂等处理等，同时给出了常见问题的排查方法。文章提供了可复用的代码示例，适合开发微信支付功能时参考。
2025-11-19 14:05:08
1069
原创 1️⃣基于Springboot +vue3实现渔具管理系统
本文介绍了一个基于SpringBoot+Vue3的渔具租赁管理系统，包含管理员和用户双角色功能模块。管理员端支持用户管理、渔具信息维护、租赁/归还审核、留言板管理及系统设置；用户端可实现渔具租赁、归还、收藏管理及留言互动。系统采用前后端分离架构，使用Java+MySQL+Node技术栈，适合作为计算机相关专业的毕业设计项目，具备完整的管理系统功能和小程序开发潜力。
2025-11-19 08:30:00
223
原创 4️⃣ 基于SpringBoot网上购物商城系统
📱 多角色B2C电商平台系统简介 本电商平台采用SpringBoot+MySQL+Java技术栈开发，支持用户、商家和管理员三种角色协同操作。用户端提供完整的购物流程（浏览→加购→下单→支付）、订单管理和个人中心；商家端实现商品上下架和订单处理功能；管理员端负责用户/商家管理及系统维护。系统具备简洁界面、严格的权限控制和响应式设计，已完成完整功能测试。适合作为毕业设计或电商系统学习参考项目。 #SpringBoot #电商系统 #毕业设计
2025-11-18 14:29:34
197
原创 降重平台介绍
降AI系统（原名：AI论文优化助手）是一款学术文本优化工具，通过AI技术帮助用户降低论文被AIGC检测工具误报的风险，并提供一定的文本降重功能。系统包括API Key管理、提示词设置和文本优化引擎三大模块，支持自定义优化策略、本地存储和多模型自动切换。使用流程需先获取API Key，上传文本（限3000字）后即可获得优化结果。系统注重安全隐私，API Key仅本地存储，文本处理通过HTTPS加密。平台声明仅供学习交流使用，严禁学术不端行为。
2025-10-29 13:55:43
489
原创 个人旅行分享/简历博客源码
Mel的个人博客是采用Vue 2.6构建的现代化博客系统，集成了Element UI实现响应式设计。项目包含首页展示、博客管理和详情页等核心功能，采用组件化开发模式，封装了BlogCard、TagCloud等可复用组件。系统支持分页浏览、关键词搜索和标签分类，并实现了API请求封装与模拟数据生成。该项目展现了前端工程师Mel的技术实力，为技术分享和个人成长记录提供了优质平台。
2025-09-09 15:08:49
885
3
原创 Vue2+Element UI实现剪贴板粘贴自动填充表单
本文介绍了使用Vue2和Element UI实现剪贴板粘贴自动填充表单的功能。主要包含两个区域：左侧文本域用于粘贴客户信息，右侧表单自动解析并填充数据。文章详细讲解了实现思路，包括创建Vue实例、设计布局、实现文本解析和表单填充等功能。代码部分展示了HTML结构、样式设计、文本粘贴区域和表单区域的实现，使用正则表达式匹配文本内容并自动填充表单字段，同时提供了表单验证和提交功能。该功能适用于处理客户信息、订单数据等场景，提高数据录入效率。
2025-09-02 08:30:00
825
原创 掌握JavaScript FormData：文件上传的终极指南
前端开发中，文件上传是一个常见但常让人头疼的需求。幸运的是，现代JavaScript提供了一个强大的工具——FormData对象，让文件上传变得简单高效。本文将带你深入探索FormData的强大功能！FormData是JavaScript中的一个API，专门用于构建表单数据，特别适合处理文件上传和AJAX请求。它能够将数据编码为multipart/form-data格式，这是HTTP中上传文件的标准格式。创建一个FormData对象非常简单：append()方法允许你添加各种类型的数据，包括字符串、Blo
2025-09-01 09:26:32
1965
原创 vue2可拖拽动态表单设计器实现详解
本文介绍了一个基于Vue 2的可拖拽动态表单设计器实现方案。该系统采用Vue 2、Vuex、vuedraggable和Element UI技术栈，支持多种表单元素类型（输入框、下拉框等）的拖拽设计和动态渲染。核心功能包括：1) 通过vuedraggable实现的拖拽排序；2) 表单元素的动态渲染与管理；3) 表单的保存与加载；4) 编辑与预览模式切换。系统采用组件化设计，通过Vuex实现状态管理，提供直观的表单设计体验。
2025-08-28 10:45:09
1885
原创 avue框架常见配置总结版（2017版本）
由于公司项目是avue架构做得前端部分，遇到了坑记录一下（本人2022年记录于其他平台）：主要介绍CRUD操作中的关键概念：column（字段）及其详细解释（3、5）、group分组功能（4）；同时涉及日期处理与分页技术（6）、事件机制（7）以及组件生命周期与事件管理（8）。内容涵盖数据库操作基础要素与前端交互核心机制，为开发者提供CRUD功能实现的系统化认知框架，重点解析字段级操作与状态管理的关键技术点。
2025-08-25 13:00:00
160
原创 [特殊字符] 告别卡顿！手把手教你打造一个Vue大文件分片上传组件（附超详细代码）
本文介绍了一个基于Vue和Element-UI实现的高性能文件上传组件方案，主要解决大文件上传的痛点问题。通过文件分片（默认2MB）、多线程并发、断点续传等技术手段，显著提升了上传效率和稳定性。文章详细展示了前端组件的实现代码，包括文件分片处理、上传进度控制、暂停/恢复功能等核心逻辑，并简要说明了后端需要配合的接口设计。此外还提出了文件哈希、并发控制等优化建议，为开发者提供了一个完整的大文件上传解决方案。
2025-08-25 08:30:00
784
原创 【微信小程序】电子合同签署组件开发实战：让签约更高效
本文介绍了一款专为保利地暖设计的微信小程序电子合同签署组件，支持三方在线签署，具备合同预览、电子签名、信息采集等功能。技术实现上采用模块化设计，使用Canvas实现手写签名，并优化了数据缓存管理。该组件适用于家居装修、远程签约等场景，能有效提升签约效率和用户体验。未来计划扩展PDF导出和电子认证功能。组件解决了传统纸质合同的痛点，实现了合同签署的数字化升级。
2025-08-23 10:48:36
1752
原创 web项目返回文件流处理
本文介绍了一个基于JavaScript实现的Excel文件下载功能。代码片段展示了如何通过Blob对象处理后台返回的Excel文件数据，并利用URL.createObjectURL创建下载链接。关键步骤包括：创建带有Excel类型的Blob对象、生成下载链接、设置文件名、模拟点击下载事件，以及下载完成后清理资源。同时提供了axios拦截器配置，确保文件下载时正确处理响应类型。最后还展示了一个封装好的API请求方法，用于获取需要下载的Excel文件。该实现适用于前端导出数据到Excel的场景。
2025-08-22 19:00:00
139
原创 vue2+微信小程序高性能动态表单（附前后台代码）
这套动态表单系统采用前后台分离架构，通过JSON配置实现表单动态生成。前端基于微信小程序提供多类型控件支持，后端使用Vue开发可视化表单管理界面，支持三种操作模式。系统能显著提升开发效率80%以上，降低维护成本，并支持多端适配。实际应用案例包括员工信息采集和活动报名系统，展现了灵活配置、统一体验等优势。未来计划扩展更多控件类型和数据分析功能，为各类表单需求提供高效解决方案。
2025-08-22 16:01:51
859
原创 有小伙伴后台反馈说需要大文件上传组件封装版本
本文提供了一个基于Vue的大文件分片上传组件实现方案，包含Vue2和Vue3两个版本。该组件支持大文件分片上传、断点续传、并发控制、上传进度显示等功能。文章详细展示了组件的模板结构、JavaScript逻辑和样式代码，并提供了完整的属性配置说明和使用示例。组件采用Element UI作为UI框架，通过axios实现分片上传请求，支持文件MD5计算、上传速度计算、剩余时间预估等实用功能。同时提供了父组件的调用示例，演示了如何监听上传事件和处理上传状态。该组件适合需要处理大文件上传的业务场景，如文档管理系统、云
2025-08-21 13:51:23
697
原创 前端性能优化必学技能：手撕JavaScript「节流」与「防抖」，彻底弄懂！
本文介绍了前端开发中两个关键性能优化技术：节流(Throttle)和防抖(Debounce)。防抖适用于等待用户停止操作后再执行（如搜索联想），节流则保证固定时间间隔内只执行一次（如按钮防重复点击）。文章详细对比了两者的概念差异，提供了可立即使用的增强版代码实现，并列举了典型应用场景。最后推荐了Lodash等工具库的实现方案，帮助开发者提升应用性能和用户体验。
2025-08-21 11:14:34
639
1
原创 原生微信小程序图片预览页面销毁触发onShow重载数据导致sku不可选问题解决
【代码】原生微信小程序图片预览页面销毁触发onShow重载数据导致sku不可选问题解决。
2025-08-21 10:30:00
141
原创 原生微信小程序的埋点SDK设计
要设计一个微信小程序的埋点 SDK，我们可以通过封装微信小程序的 Page 方法，注入埋点逻辑到生命周期函数和页面点击事件中。：通过 track 函数，可以灵活地构造埋点数据，并通过 console.log 模拟埋点数据的发送。实际应用中，可以将数据发送到服务端。：我们遍历页面的所有方法，对以 onTap 或 onClick 开头的事件函数进行封装，在用户点击时触发埋点，并记录点击的目标元素。：我们使用 trackPage 方法来封装 Page，它的作用是自动混入埋点逻辑，最后调用原生的 Page 方法。
2025-08-20 16:58:53
410
原创 原生封装微信小程序notice-bar通知栏组件（解决不能连续滚动留白问题，性能优化后版本）
NoticeBar组件是一个高性能的滚动通知栏解决方案，针对连续滚动场景进行了深度优化。其核心优化包括：智能缓存机制（系统信息、尺寸、状态）、150ms防抖处理、异步获取系统信息、CSS硬件加速等技术，使DOM查询减少80%，setData调用减少60%。组件提供基础滚动、图标显示和速度调节功能，支持50字符以内的文本控制，并内置性能监控。使用时需注意文本长度、图标尺寸和更新频率，适用于需要高效滚动通知的场景。通过批量更新和异步处理，显著提升了小程序的运行性能。
2025-07-05 10:01:52
898
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人