微信小程序
文章平均质量分 94
秋之猫
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
《微信小程序》第八章:“我的“设计
这篇文章详细介绍了微信小程序中「个人中心」页面的设计与实现,主要包含以下内容: 页面功能模块: 用户登录状态展示与切换 订单入口(带角标提示) 功能菜单(地址管理、优惠券等) 退出登录功能 技术实现要点: 登录态判断使用本地token缓存 订单角标动态更新策略 统一的路由跳转规范 订单列表页面实现(支持Tab切换) 测试流程: 登录状态验证 订单查看功能 退出登录流程 重新登录验证 。原创 2025-10-28 14:05:00 · 675 阅读 · 0 评论 -
《微信小程序》第七章:TabBar设计
本文介绍了uni-app开发微信小程序时如何配置底部导航栏(tabBar)。主要内容包括:1)在阿里图标库下载图标并保存到指定目录;2)修改pages.json文件配置tabBar相关参数,包括颜色、选中样式和各tab页的路径、文字、图标;3)详细解释了tabBar各项配置字段的含义和使用规范;4)提供了完整的配置代码示例;5)总结了开发调试中的7个注意事项,如路径大小写敏感、页面必须提前注册、H5与小程序的差异等;6)最后给出了效果演示和官方文档参考链接。文章旨在帮助开发者快速掌握微信小程序底部导航栏的配原创 2025-10-28 12:16:27 · 1108 阅读 · 0 评论 -
《微信小程序》第六章:参数定义与管理
本文介绍了微信小程序中参数统一管理的实现方案。核心内容包括: 1)通过src/config/index.ts文件实现多环境配置管理,自动区分开发/测试/生产环境; 2)实例request.ts中应用原创 2025-10-27 11:46:02 · 941 阅读 · 0 评论 -
《微信小程序》第五章:登录-API封装
本文介绍了微信小程序登录功能的简约实现方案。首先定义了登录接口的响应数据结构(LoginDataResponse)和整体响应格式(LoginResponse),包含token_key、api_key等关键字段。接着封装了loginAPI请求方法,处理登录请求并返回Promise。页面部分实现了包含用户名、密码输入框的基础登录界面,通过onLoad生命周期读取缓存的用户名实现自动回填。核心login方法调用API后存储token和用户名,并跳转首页。整个流程采用TypeScript进行类型约束,包含错误处理但原创 2025-10-27 11:24:46 · 907 阅读 · 0 评论 -
《微信小程序》第四章:登录-简约版本
本文介绍了微信小程序登录功能的实现,主要包含以下内容:1. 在Login.vue页面构建包含账号密码输入框和登录按钮的UI界面;2. 使用v-model实现表单数据双向绑定;3. 通过封装的http.post方法调用登录接口,处理成功/失败逻辑;4. 调整路由配置使登录页成为起始页;5. 提供浏览器和小程序两种模式的验证方法;6. 提示后续将对API调用进行封装并采用mock数据模式。文章详细说明了代码结构、核心逻辑和样式处理,并给出了后端接口格式要求。原创 2025-10-22 14:37:32 · 912 阅读 · 0 评论 -
《微信小程序》第三章:Request封装
本文介绍了微信小程序开发中的两个核心工具封装:Toast提示和Request请求。Toast封装通过统一配置解决了提示时长不一致、图标类型错误和错误提示样式问题;Request封装则构建了一个类型安全的网络请求层,统一处理域名配置、超时设置、Header管理、Token携带、错误提示等功能,并内置了401登录失效自动处理机制。文章重点展示了如何通过TypeScript类型系统提升开发体验,使业务代码只需关注核心逻辑,同时保持对请求参数和返回数据的类型安全。这些封装旨在减少重复代码,提高开发效率和代码可维护性原创 2025-10-22 11:44:45 · 972 阅读 · 0 评论 -
《微信小程序》第二章:第一个程序
本文详细介绍了如何使用HBuilderX开发uni-app微信小程序的全过程。主要内容包括:1)新建Vue3项目的基本步骤;2)微信小程序AppID获取与配置方法;3)项目目录结构搭建与页面创建;4)pages.json配置tabBar等关键设置;5)小程序开发工具的运行调试技巧;6)特别介绍了小程序"按需注入"功能的配置方法,可通过设置lazyCodeLoading来优化启动性能。文章提供了从项目初始化到运行调试的完整指导,并强调了开发过程中需要注意的关键配置项,帮助开发者快速上手un原创 2025-10-21 14:20:08 · 959 阅读 · 0 评论 -
《微信小程序》第一章:开发前准备与配置
本文介绍了微信小程序开发前的准备工作。主要包括:1)下载开发工具HBuilderX和小程序开发者工具;2)获取小程序AppID,需在微信公众平台注册小程序账号;3)查看开发者ID和密钥;4)注册DCloud账号并完成实名认证,这是打包小程序必需步骤。文章详细说明了每个步骤的操作流程和注意事项,为开发者提供了清晰的小程序开发环境搭建指南。原创 2025-10-20 14:07:31 · 675 阅读 · 0 评论
分享