- 博客(53)
- 收藏
- 关注
RSS订阅
原创 微信小程序登录注册界面（示例三）
先看示例图片效果：在移动应用开发中，登录注册页面是用户与应用交互的第一个界面，其设计和用户体验至关重要。一个美观、流畅的登录注册页面不仅能提升用户体验，还能增加用户对应用的第一印象分。本文将介绍如何使用微信小程序开发一个带有表单切换动画的登录注册页面，该页面具有以下特点：功能概述这个登录注册页面实现了以下核心功能：核心功能解析1. 表单切换动画实现表单切换时的 3D 翻转效果是这个页面的一大亮点，其实现原理如下：当表单需要显示时，添加flip类触发动画动画从rotateY(90deg)开始，即元
2025-06-23 19:58:07
1081
原创 微信小程序登录注册界面（示例二）
在微信小程序开发中，登录注册模块是几乎所有应用的基础功能。本文将分享一个完整的微信小程序登录注册功能示例的实现过程，该示例界面包含以下核心功能：（1）首页展示登录 / 注册双按钮入口（2）中间展示广告宣传语（3）自定义背景图片设计（4）登录按钮交互：点击弹出登录表单（5）可自行接入抖音登录与手机号登录等方式（6）提供 “重新选择” 按钮返回初始页面（7）注册按钮交互：提示跳转逻辑（示例中未实现完整注册页）
2025-06-15 19:00:08
1201
2
原创 微信小程序实现腰臀比计算
在这里，编程不再是冰冷的代码 —— 我们用技术解构健康管理逻辑，让开发思维与生活场景深度融合。后续将持续更新「健康工具开发系列」，涵盖 BMI 计算器、体脂率评估等实用功能的全流程实现，更有医学标准与代码逻辑的跨界解读。在健康管理领域，腰臀比 (WHR) 是评估身体脂肪分布和健康风险的重要指标。本文将详细介绍如何开发一个微信小程序腰臀比健康评估工具，通过解析代码实现逻辑，帮助开发者理解健康评估类小程序的开发流程。这种架构设计使代码具有更好的可维护性和扩展性，后续可方便添加更多健康评估指标。
2025-06-11 14:22:41
542
原创 微信小程序实现膳食营养计算
在健康意识日益提升的今天，合理膳食成为大家关注的焦点。但如何准确计算每日所需营养，搭配出科学的饮食方案，却让不少人犯了难。别担心，一款功能强大的微信小程序 ——膳食营养计算工具，能帮你轻松解决这些问题，让科学饮食不再复杂！这款小程序的操作简单易懂，只需输入身高、体重、年龄、性别和活动量等基础信息，系统就会根据专业算法，为你计算出每日所需的热量、碳水化合物、蛋白质和脂肪的目标摄入量。接着，在丰富的食物类别中进行选择，每个食物类别都清晰标注了每份 50g 的营养数据，你可以根据个人喜好和实际需求，自由添加或
2025-06-06 16:42:05
847
1
原创 微信小程序实现根据血压结果分级计算处理
在 [蒜鸟编程]（微信小程序、抖音、小红书同名），专注于编程知识分享与实用小程序开发教学。如果你对小程序开发感兴趣，想亲手打造这样实用的健康管理工具，或是想了解更多有趣的编程项目，欢迎来 [蒜鸟编程] 一探究竟。在这里，你不仅能学到硬核技术，还能看到更多的代码示例界面演示，一起解锁编程世界的无限可能！无论你是编程小白，还是想精进技术的开发者，[蒜鸟编程] 都有丰富内容等你探索。关注微信小程序、抖音、小红书的 [蒜鸟编程]，评论区分享你最期待学习的编程功能，下一次技术干货可能就为你量身打造！
2025-06-06 08:33:30
581
原创 微信小程序实现运动能耗计算
使用微信小程序实现运动能耗计算，根据输入的性别、年龄、体重、运动时长和运动类型计算出消耗热量。该界面示例已同步至微信小程序，在微信搜索「蒜鸟编程」即可查看运行示例。感兴趣的小伙伴，可在小红书、抖音搜索用户「蒜鸟编程」，关注我，将不定时更新各类示例~ 希望这些内容能为正在学习的朋友提供参考，若存在不足或问题，也恳请大家不吝指正！更多示例，请在微信小程序、小红书、抖音搜索「蒜鸟编程」，可直接查看源码运行示例界面，关注我，将不定时更新各类示例呦~
2025-06-04 20:14:11
1033
1
原创 微信小程序实现体重指数计算
使用微信小程序实现体重指数计算，功能详细、代码简洁，根据输入的身高、体重，分析出患相关疾病的概率，以及给出具体的健康建议。该界面示例已同步至微信小程序，在微信搜索「蒜鸟编程」即可查看运行示例。感兴趣的小伙伴，可在小红书、抖音搜索用户「蒜鸟编程」，关注我，将不定时更新各类示例~ 希望这些内容能为正在学习的朋友提供参考，若存在不足或问题，也恳请大家不吝指正！更多示例，请在微信小程序、小红书、抖音搜索「蒜鸟编程」，可直接查看源码运行示例界面，关注我，将不定时更新各类示例呦~
2025-06-04 20:11:23
537
原创 微信小程序如何使用svg矢量图标
在微信小程序中，经常会用到小图标来装饰界面，我们常用的方法就是引用第三方的图标，但会存在收费或者找不到合适的图标，这时候我建议可以自行编写svg图标代码，就可以随心所欲的使用。具体的效果图如下：那么在微信小程序中，具体怎样引用自定义的图标的呢，大概的步骤我浅浅的分享如下：</
2024-05-06 14:37:14
6787
4
原创 微信小程序简单实现购物车功能
实现在微信小程序中对每一个购物车界面的商品订单，进行勾选结算和取消结算的功能，相关界面截图如下：具体实现示例代码为：1、js代码：2、wxml代码：3、wxss代码：本示例代码较为简单，适合初学的友友们借鉴，编写不易，关注博主，分享更多实用好用示例代码给大家，谢谢大家的支持和指导。
2024-04-26 21:59:34
6369
3
原创 微信小程序个人中心、我的界面（示例三）
微信小程序个人中心、我的界面，超简洁界面，代码粘贴即用。更多微信小程序界面示例，请进入我的主页哦！更多微信小程序示例的分享，请进入我的主页查看哦。
2024-01-23 17:16:24
6284
原创 微信小程序首页、界面布局、功能简洁（示例三）
界面中包含的图片地址可自行修改。页面布局简洁，功能简单，没有写具体的监听事件，只是简单的将监听进行了绑定，如需要具体的监听功能事件，需要根据自己的需求进行修改呦，如需更多示例，进我主页呦~，如需没有合适的demo，请留言，有空就发。写的不好，请多包涵。
2024-01-23 13:13:31
10030
2
原创 批量上传图片
前端使用jQuery完成图片的上传，后端使用Java接收图片文件具体实现步骤：使用HTML和CSS进行页面的布局，并引入jQuery库；使用三个input标签，类型均为type="file"的标签，并命名好相对应的id，这个id可以命名的有规律些，便于后面的循环赋值，特别说明：input标签中加入multiple属性，则可同时选择多张图片；在全局中设置好需要上传后存储的图片参数数组，我这里是以上传电商类图片信息为例子，所以用了三个数组，如果需要上传更多类别，请自行添加；调用jQuery的cha
2023-06-26 00:32:07
2375
原创 微信小程序个人简历界面（编辑版）
微信小程序个人简历界面、可编辑修改（包含全部源码）1、微信小程序实现简单的个人简历界面，包含基本信息、教育背景、获奖证书、兴趣爱好等，简历信息支持修改编辑内容。2、通过此文章，希望能带给更多学习微信小程序的伙伴们一点点经验，示例简洁，布局简单，喜欢的小伙伴，可以进我主页，分享更多学习经验和示例界面呦。3、本界面主要是以布局和可编辑个人简历为主，具体完整的简历信息界面还需自己添加，关注博主，后期将分享保存提交后，生成一个完整不可编辑的简历界面哦。4、代码中若存在不恰当的地方，还请批评指正，非常感谢！
2023-06-04 00:18:53
8686
13
原创 微信小程序个人中心、我的界面（示例二）
微信小程序个人中心、我的界面、自定义顶部状态栏、页面监听跳转、简单界面布局（示例一）微信小程序个人中心、我的界面，自定义顶部状态栏，实现滚动隐藏显示状态信息，界面简单，代码粘贴即用。更多微信小程序界面示例，请进入我的主页哦！1、js代码Page({ /** * 页面的初始数据 */ data: { show: false, barHeight: 20, // 顶部状态栏高度 navBarHeight: 66, //
2023-05-26 23:38:53
9959
3
原创 微信小程序首页、界面布局、3D轮播图效果（示例二）
使用swiper实现3D轮播图效果，自定义顶部状态栏，具体代码：1、js代码Page({/*** 页面的初始数据。
2023-05-25 11:41:30
5429
1
原创 微信小程序首页、界面布局、自定义顶部（示例一）
如需界面中引用的图片文件和更多功能，请滑动至底部查看下载链接，可下载完整版，下载后直接使用微信开发者工具打开即可，完整版功能更详细呦。或可加微信，私信回复。
2023-05-24 11:56:59
5728
5
原创 微信小程序弹窗
微信小程序底部、顶部、中间、左边、右边自定义弹窗简单的微信小程序弹窗功能，具体实现过程，请浏览代码。顶部弹出窗图例：中间弹出窗图例：底部弹出窗图例：左边弹出窗图例：右边弹出窗图例：wxml代码<button type="primary" bindtap="openPopup" data-index="0">打开顶部弹窗</button><button type="primary" bindtap="openPopup" data-index="
2022-11-19 00:29:39
17981
6
原创 微信小程序实现带闹钟功能的模拟时钟
在移动应用开发中，时钟和闹钟是非常常见的功能模块。本文将详细介绍如何使用微信小程序开发一个兼具模拟时钟显示和闹钟功能的应用，包含完整的代码实现和功能解析。功能概述这个小程序实现了以下核心功能：界面简洁直观，包含时钟表盘、时间显示区、闹钟设置区和控制开关，整体交互流畅。界面主要分为两个部分：1.时钟表盘区域：通过动态数据绑定实现了可旋转的刻度和指针2.控制区域：包含当前时间显示、闹钟时间选择器和两个功能开关页面加载与初始化（onLoad）页面加载时主要完成以下工作：界面效果与交互1、js代码：2、w
2025-07-23 13:58:06
742
原创 微信小程序实现聊天窗口升级版
在移动应用开发中，聊天功能是许多社交、客服类小程序的核心模块。本文将基于实际代码，详细讲解如何在微信小程序中实现一个功能完善的聊天界面，包括消息展示、发送、撤回、复制等核心功能，以及键盘适配、自动滚动等细节处理。先看示例图片效果：一、功能概述本次实现的聊天界面包含以下核心功能：区分当前用户与其他用户的消息（左对齐 vs 右对齐）支持消息时间展示（特定消息显示发送时间）消息发送功能（文本消息）长按消息支持复制、撤回操作（撤回仅支持自己 5 分钟内的消息）自动适配键盘高度变化，保持聊天区域正常显示
2025-07-23 09:26:19
811
原创 微信小程序实现通讯录会话列表模板
在微信小程序开发中，消息列表是一个非常常见的功能模块，无论是社交类应用还是工具类应用，都少不了消息通知的展示。本文将详细介绍一个完整的消息列表实现方案，包括数据结构设计、界面布局、样式美化以及交互逻辑处理，希望能为你的小程序开发提供参考。后续将围绕编程技术持续更新更多实践示例，如果在实现过程中遇到问题，或者有更好的优化建议，欢迎在评论区交流讨论！本文详细介绍了微信小程序消息列表的实现方案，涵盖了实现一个完整消息列表所需的各个方面。
2025-07-16 15:43:54
416
原创 微信小程序实现优惠券页面布局
本文将详细介绍一个优惠券列表页面的实现过程，包括数据处理、页面布局、样式设计和交互逻辑，帮助开发者快速掌握类似功能的开发技巧。****等同名称），在这里，编程与生活的边界从未如此清晰，期待与大家共同成长！后续将围绕编程技术持续更新更多实践示例，如果在实现过程中遇到问题，或者有更好的优化建议，欢迎在评论区交流讨论！本文详细介绍了微信小程序优惠券列表页面的实现过程，通过动态计算高度实现了不同设备的适配，使用条件渲染实现了不同状态的展示切换，这些技巧在其他列表类页面开发中也同样适用。添加优惠券过期提醒功能。
2025-07-16 08:16:37
489
原创 微信小程序实现输入车牌号功能
在车辆相关应用开发中，车牌号输入是一个常见需求。由于车牌号格式特殊（包含地区简称、字母和数字组合），普通输入框难以满足需求。本文将介绍如何在微信小程序中实现一个功能完善的车牌号输入组件，包含地区选择、字母数字输入、特殊格式处理等功能。先看一张示例图片：一、组件功能概述该车牌号输入组件具有以下核心功能：二、核心功能实现细节车牌号格式处理车牌号格式为 “地区简称 + 字母 +・+5 位字母数字组合”，组件在第 3 个位置固定显示 “・” 分隔符，其他位置根据输入逻辑填充。输入位置控制实现了特殊的输入
2025-06-24 17:35:16
711
原创 微信小程序实现大转盘小工具
引言现代人常常面临 “中午吃什么”、“晚上吃什么” 的世纪难题，选择困难症发作时往往浪费大量时间。本文将介绍如何使用微信小程序开发一个简单有趣的 “吃什么” 命运转盘，帮助你快速做出选择。这个转盘实现了美观的视觉效果和流畅的动画体验，只需轻轻一点，就能为你随机选择一顿美味餐食。功能概述这个 “吃什么” 转盘具有以下功能：具体图片如下：转盘工作原理1. 角度计算转盘上的每个元素 (文本、刻度线、装饰点) 的位置都是通过角度计算确定的：（1）装饰点 (holeList)：16 个点，均匀分布在圆周
2025-06-24 13:05:32
952
原创 微信小程序搜索与筛选布局示例分享
在这个示例中，小程序页面的整体布局设计简洁明了。页面顶部设置了一个搜索框和一个搜索按钮，用户可以在搜索框中输入关键词，后续配合交互逻辑即可实现搜索功能；紧接着是并排排列的两个下拉框选择按钮，当用户点击下拉框时，能够自动展示可供选择的内容，选择完成后，相关数据将在页面上呈现；页面下方则是用于展示根据下拉框或搜索框内容查询结果的数据区域，通过合理的布局设计，保证数据展示清晰直观。下面将详细的实现代码展示出来，以供参考。
2025-06-16 18:48:25
1148
原创 微信小程序使用画布实现飘落泡泡功能
本文通过组件化设计实现了微信小程序中基于Canvas 的飘落泡泡的效果。实际项目中，可根据活动预算和性能要求选择合适的实现方案：（1）对性能要求高、视觉要求低的场景推荐使用 Canvas 方案（2）对视觉效果要求高、预算充足的场景推荐使用图片方案。
2025-06-14 22:46:27
519
原创 微信小程序使用图片实现红包雨功能
本文通过组件化设计实现了微信小程序中基于图片的红包雨效果，兼顾了视觉真实感与代码复用性。实际项目中，可根据活动预算和性能要求选择合适的实现方案：（1）对性能要求高、视觉要求低的场景推荐使用 Canvas 方案（2）对视觉效果要求高、预算充足的场景推荐使用图片方案！！
2025-06-14 22:37:08
746
1
原创 微信小程序实现睡眠质量计算
本文将详细介绍如何实现一个微信小程序睡眠质量评估工具，通过用户输入的入睡时间、醒来时间和觉醒次数，计算睡眠时长并评估睡眠质量。这个工具可以帮助用户了解自己的睡眠状况，提供相应的健康建议。
2025-06-11 20:19:49
841
原创 Java中的集合
集合（Collection）是一个单一的元素容器，它包括List、Set和Queue三种类型。Java中的集合是一种用于存储对象的容器，它可以存储不同类型的对象，并且提供了许多有用的方法来操作这些对象。Java集合框架主要包括两种类型的容器：一种是集合（Collection），另一种是图（Map）。图（Map）是一个键值对（key-value）的集合，它包括键（key）和值（value）两部分。以上就是Java中对集合的基本理解，通过使用不同的集合类型，我们可以方便地存储和操作数据。
2024-05-06 15:00:43
306
2
原创 微信小程序个人中心、我的界面（示例四）
微信小程序个人中心、我的界面，超简洁的九宫格界面布局，代码粘贴即用。更多微信小程序界面示例，请进入我的主页哦！更多微信小程序示例的分享，请进入我的主页查看哦。
2024-04-30 15:31:03
5137
3
原创 微信小程序for循环示例（JavaScript）
在微信小程序开发中，我们最常用的循环方式就是for和foreach，接下来我就浅浅的将自己的写的一小段示例代码分享给大家。其实我个人感觉最好用的还是第一种，第二种或者其他的循环方式，用的较为少，具体还是要看实际应用中的操作吧！从这个代码中，可以看出for循环支持break，当然也支持continue。
2024-04-26 22:20:30
3774
5
原创 springboot实现同时批量新增和批量修改数据
这是我个人的方法，肯定还有其他更快捷，性能更好的实现方法，优化空间很大，具体dao调用的批量插入或者批量修改的SQL，可根据自身的需求编写，或可进入我的主页，查看关于mybatis的批量插入和批量修改的博文。欢迎友友们的意见建议。
2024-04-25 11:59:46
1713
2
原创 微信小程序使用echarts组件实现饼状统计图功能
echarts组件代码较多，components文件夹的内容可在我主页的资源免费下载或者可前往echarts官网下载呦，引入的路径一定要正确。我这里简单绘制的饼状统计图，如需要其他的统计图，可自行学习或者进我主页，将分享更多内容呦~小编创作不易，口干舌燥，可以的话，请我喝杯水吧！欢迎各位的批评指导呦~
2024-04-24 22:52:34
3545
3
原创 微信小程序使用echarts实现条形统计图功能
我这里简单绘制的条形统计图，如需要其他的统计图，可自行学习或者进我主页，将分享更多内容呦~小编创作不易，口干舌燥，可以的话，请我喝杯水吧！欢迎各位的批评指导呦~
2024-04-24 22:27:37
1764
原创 浅谈如何学习微信小程序
这是一篇干巴巴的文章，有兴趣的可以继续往下阅读。本人毕业已经三年多了，从实习到现在接触了java、javascript、html、vue、MySQL、jquery、微信小程序等，经验也算是有一点，感觉不多，属于全栈开发吧，本次就来谈谈在三年多时间里对微信小程序的学习感受，同时分享一些关于学习微信小程序的经验和方法吧。
2024-04-23 22:32:29
692
1
原创 微信小程序简单实现手势左右滑动和点击滑动步骤条功能
代码简洁，适合初学者，如有不恰当的地方，多多包涵，欢迎指教批评。更多微信小程序示例，进我主页，不定期分享最简单的demo呦。
2024-03-18 15:27:24
1855
微信小程序自定义车牌号输入；技术：Page 构造器、数据绑定、事件处理、WXML、WXSS 内容：车牌号输入、区域选择、字母数字输入、格式校验 用途：实现车牌号交互式输入与验证
2025-07-19
随机大转盘之微信小程序开发；技术：WXML、JavaScript、CSS 动画、随机算法；内容：吃饭选择、转盘动画、随机决策；用途：解决用户吃饭选择困难，提供趣味性决策方案
2025-07-19
微信小程序实现钟表工具；内容：时钟应用、闹钟功能、音频播放；用途：实现带实时时钟显示、可设置闹钟及手动控制铃声播放的小程序工具
2025-07-19
知识领域：微信小程序时间轴示例 技术：WXML、WXSS、JavaScript、组件化、数据绑定 内容：时间轴、UI 设计、循环渲染、样式优化； 用途：实现微信小程序时间轴界面，适合初学者学习组件
2025-07-18
微信小程序登录注册示例二， 通过封装wx.request，统一处理请求配置、错误码映射等 提供登录、注册等接口，含表单验证、异步处理 简化 API 调用，提升开发效率，实现基础业务功能
2025-06-21
会话列表模板之微信小程序开发；技术：WXML/WXSS、JavaScript、数据绑定、条件渲染、列表循环；内容：消息列表、未读计数、图文视频消息、点击交互；用途：实现微信小程序消息中心界面
2025-07-18
聊天窗口升级版之微信小程序开发；技术：WXML、WXSS、JavaScript、事件绑定；内容：即时通讯、聊天界面、消息撤回、键盘适配、滚动定位；用途：实现微信小程序中的聊天功能
2025-07-18
微信小程序开发知识领域，涉及 WXML、WXSS、JS 等技术关键词，核心内容包含如何使用画布实现飘落的泡泡效果，用途在于为小程序开发初学者和有经验的开发者
2025-06-15
微信小程序开发知识领域，涉及 WXML、WXSS、JS 等技术关键词，核心内容包含如何使用图片实现红包雨效果，用途在于为小程序开发初学者和有经验的开发者
2025-06-15
内容属于微信小程序开发知识领域，涉及 WXML、WXSS、JS 等技术关键词，核心内容包含登录注册功能界面设计、多方式登录交互实现、代码示例及功能扩展方向 用途在于为小程序开发初学者和有经验的开发者
2025-06-15
微信小程序实现每日膳食营养计算小工具
2025-06-14
微信小程序实现运动能耗计算小工具
2025-06-14
微信小程序实现输入血压后计算分级对照结果小工具
2025-06-14
微信小程序使用echarts实现统计图功能
2024-04-24
微信小程序个人中心、我的界面+源码（示例二）
2023-05-26
微信小程序个人中心、我的界面+源码（示例一）
2023-04-26
微信小程序首页界面示例+源码（示例二）
2023-05-25
微信小程序首页界面+源码（示例一）
2023-05-24
微信小程序聊天界面(可以发送表情、视频、图片)
2023-05-07
使用H5编写的语音视频通话，主要用于移动端
2023-04-28
微信小程序登录注册界面代码，包含当前界面的所有源码，使用手机验证码注册或账号登录
2023-04-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人