getfromcode体系课 会员免费

黑马-手把手教你微信小程序

课程导读:微信小程序开发的系统性实践指南 微信小程序作为当前移动互联网中非常重要的开发形态,其技术栈和开发流程与传统的Web开发和原生App开发存在显著差异。针对开发者在学习过程中容易遇到的“知识碎片化”、“缺乏系统性结构”以及“难以实际动手”的问题,本课程以微信小程序开发为核心,从基础语法到实际项

单课价¥29新品 上架
会员价 会员免费开通会员,全站课程按额度无限下载套餐详情
20 人关注 更新于 2026-10-11 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买方式开通会员 · 全站免费下单课购买 · 仅本课

支付成功后自动显示网盘下载链接;链接失效可联系客服免费补链,永久有效。

正版保障 极速发货 售后无忧

课程导读:微信小程序开发的系统性实践指南

微信小程序作为当前移动互联网中非常重要的开发形态,其技术栈和开发流程与传统的Web开发和原生App开发存在显著差异。针对开发者在学习过程中容易遇到的“知识碎片化”、“缺乏系统性结构”以及“难以实际动手”的问题,本课程以微信小程序开发为核心,从基础语法到实际项目构建,逐步讲解开发所需的各项技能和工具。课程内容以“手把手”教学的方式展开,帮助开发者理解小程序的运作机制,掌握开发流程,并能够独立完成一个完整的项目。

技术栈与开发框架解析

本课程主要围绕微信小程序的官方开发框架进行讲解,涵盖WXML、WXSS、JavaScript以及小程序的API接口调用。开发者在学习过程中,会接触到小程序的核心概念,如页面生命周期、数据绑定、事件处理等。这些内容并非简单的“上手操作”,而是通过对比传统Web开发,深入解析小程序的特殊性与限制,帮助开发者建立清晰的开发思维。

课程中还涉及小程序的组件化开发模式,包括组件定义、组件通信、自定义组件等内容。开发者将学会如何将复杂的项目拆分为多个可复用的模块,提升开发效率。此外,课程还会讲解小程序中的网络请求、本地存储、数据缓存等常用功能的实现方式,使开发者能够应对实际开发中的各种需求。

项目结构与模块化设计

微信小程序虽然整体结构相对简单,但作为一个完整的产品,其项目组织方式和模块划分需要开发者有清晰的认识。课程从项目创建、页面结构、配置文件解析入手,逐步引导开发者理解小程序的整体架构。项目结构的设计不仅影响开发效率,也决定后期维护与扩展的难易程度。通过本课程的学习,开发者将掌握如何合理划分功能模块、管理代码结构、实现组件复用,从而构建可维护、可扩展的小程序。

课程特别强调模块化开发的思想,通过封装公共组件、工具函数、API接口等方式,提升代码的复用率和可读性。开发者将学习如何将页面逻辑、数据处理、UI组件等分离,形成独立的模块。这种结构化的开发方式能够帮助开发者在面对复杂业务时,快速搭建原型并进行迭代优化。同时,课程还会涉及小程序的调试技巧、性能优化方案,以及如何通过代码规范提升开发质量。

实践路径与工程参考

本课程提供了完整的开发流程参考,从项目初始化、页面搭建、功能实现、测试调试到上线发布,均有详细的步骤说明。开发者可以通过这些步骤,逐步搭建自己的小程序项目,理解每一步的作用和实现方式。课程中的每一个模块都配有实际的代码示例和项目结构,便于开发者对照实践。

建议开发者在学习过程中,先掌握小程序的基本语法和核心API,再逐步深入项目结构与模块划分。对于初学者来说,理解小程序的页面生命周期和数据绑定是关键,可以先从简单的页面交互开始,逐步积累经验。对于有Web开发基础的开发者,可以更快地适应小程序的开发模式,并利用已有知识进行迁移和应用。

学完能独立完成哪些任务

完成本课程后,开发者将具备独立开发一个完整微信小程序的能力。课程涵盖的基础功能包括页面跳转、数据展示、表单提交、网络请求、本地存储等,能够支持开发者构建一个具备基本功能的小程序。此外,课程还会涉及一些进阶内容,如小程序的第三方登录、地图组件使用、支付接口集成等,这些内容对于开发者后续的项目拓展具有重要意义。

资料包中的代码示例和项目结构,可以作为开发者进行项目练习的参考。建议开发者在学习完每个模块后,尝试动手实现一个小型功能,如用户登录、商品展示、评论交互等,从而加深对知识的理解。同时,开发者可以结合实际需求,对代码进行优化和重构,提升自己的工程能力。通过不断实践,开发者将能够独立完成一个具有完整业务逻辑的小程序项目,并具备进一步开发复杂功能的能力。

课程介绍

是一门蜚声内外的高口碑微信小程序开发课程,也是领先上线的微信小程序开发课程。小程序早期开发者多数都是从这门课程走出去的,这里,从一个课程,发展成了一个用户活跃度高、用户技术水平高、用户素质高的小程序教程。

课程目录

/13-075-黑马-手把手教你微信小程序/
│├─微信小程序基础
│├─微信小程序项目
微信小程序基础/
│├─微信小程序基础-视频
│├─微信小程序基础-资料
│微信小程序基础-视频/
││├─Day1
││├─Day2
││├─Day3
││├─Day4
││├─Day5

详细目录

││Day1/
│││├─00.学习目标.mp4 4.8MB
│││├─01.小程序简介.mp4 15.8MB
│││├─02.注册小程序账号&安装开发者工具.mp4 32.9MB
│││├─03.创建第一个小程序项目.mp4 42.3MB
│││├─04.认识小程序项目的基本组成结构.mp4 69.2MB
│││├─05.认识小程序页面.mp4 36.7MB
│││├─06.小程序的宿主环境.mp4 23MB
│││├─07.组件 – view和scroll-view组件的基本用法.mp4 35.2MB
│││├─08.组件 – swiper和swiper-item的基本用法.mp4 27.3MB
│││├─09.组件 – text和rich-text组件的基本用法.mp4 18.9MB
│││├─10.组件 – button和image组件的基本用法.mp4 35.7MB
│││├─11. 小程序 API 的3大分类.mp4 9MB
│││├─12.协同工作 – 小程序权限管理的概念以及成员管理的两个方面.mp4 16.6MB
│││├─13.协同工作 – 开发者的权限说明以及如何维护项目成员.mp4 12.9MB
│││├─14. 发布 – 了解小程序的版本阶段与上线的主要步骤.mp4 13MB
│││├─15. 发布 – 小程序的推广与运行数据的查看.mp4 15.1MB
│││├─16.总结.mp4 10.7MB
││Day2/
│││├─00.学习目标.mp4 5.2MB
│││├─01.数据绑定.mp4 34.5MB
│││├─02.事件绑定.mp4 38.8MB
│││├─03.事件传参与数据同步.mp4 65.5MB
│││├─04.条件渲染.mp4 49.2MB
│││├─05.列表渲染.mp4 32.3MB
│││├─06.wxss – wxss与css的关系.mp4 5.3MB
│││├─07.wxss – rpx单位.mp4 23.5MB
│││├─08.wxss – 样式导入.mp4 10.9MB
│││├─09.wxss – 全局样式与局部样式.mp4 24.2MB
│││├─10.全局配置 – 常用的全局配置项以及小程序窗口的组成部分.mp4 7.3MB
│││├─11. 全局配置 – window – 导航栏.mp4 23.8MB
│││├─12.全局配置 – window – 下拉刷新.mp4 32.2MB
│││├─13.全局配置 – window – 设置上拉触底的距离.mp4 16.1MB
│││├─14.全局配置 – tabBar.mp4 68.9MB
│││├─15.小程序的页面配置.mp4 28.8MB
│││├─16.数据请求 – GET和POST请求.mp4 68.7MB
│││├─17.数据请求 – request请求的注意事项.mp4 15MB
│││├─18.案例 – 实现本地生活的首页基础布局.mp4 126.2MB
│││├─19.总结.mp4 12.2MB
││Day3/
│││├─00.学习目标.mp4 12.4MB
│││├─01.声明式导航.mp4 39.3MB
│││├─02.编程式导航.mp4 28.3MB
│││├─03.导航传参.mp4 30.9MB
│││├─04.下拉刷新.mp4 44.3MB
│││├─05.上拉触底.mp4 27.3MB
│││├─06.上拉触底案例 – 初步实现上拉触底效果.mp4 46.7MB
│││├─07.上拉触底案例 – 添加loading效果和节流处理.mp4 32MB
│││├─08.扩展 – 自定义编译模式.mp4 17.6MB
│││├─09.生命周期的概念与分类.mp4 8.6MB
│││├─10.生命周期函数的概念与分类.mp4 7MB
│││├─11.应用和页面的生命周期函数.mp4 30.8MB
│││├─12.wxs的概念.mp4 13MB
│││├─13.wxs的基本用法.mp4 46MB
│││├─14.案例 – 演示案例效果并实现导航跳转.mp4 37.6MB
│││├─15.案例 – 设置标题内容并创建编译模式.mp4 29.4MB
│││├─16.案例 – 获取并渲染商铺列表的数据.mp4 69.6MB
│││├─17.案例 – 初步实现上拉加载效果.mp4 39.6MB
│││├─18.案例 – 判断数据是否加载完毕.mp4 36.3MB
│││├─19.案例 – 实现下拉刷新功能.mp4 53MB
│││├─20.使用wxs处理手机号.mp4 37.5MB
│││├─21.总结.mp4 8.7MB
││Day4/
│││├─00.学习目标.mp4 7MB
│││├─01.准备今天要用到的项目.mp4 3.3MB
│││├─02.初步安装和使用vant组件库.mp4 53.8MB
│││├─03.自定义组件的样式.mp4 35.5MB
│││├─04.自定义组件的data和methods.mp4 21.6MB
│││├─05.自定义组件的properties.mp4 42.7MB
│││├─06.自定义组件的数据监听器.mp4 35.9MB
│││├─07.自定义组件的数据监听器案例.mp4 64.3MB
│││├─08.自定义组件的纯数据字段.mp4 23.9MB
│││├─09.自定义组件的生命周期函数.mp4 32.9MB
│││├─10.组件所在页面的生命周期函数.mp4 32MB
│││├─11.自定义组件的插槽.mp4 34MB
│││├─12.组件通信 – 使用属性绑定实现父向子共享数据.mp4 28.1MB
│││├─13.组件通信 – 使用自定义事件实现子向父共享数据.mp4 39.6MB
│││├─14. 组件通信 – 使用selectComponent获取组件实例.mp4 26.7MB
│││├─15.自定义组件的behaviors.mp4 40.6MB
│││├─16.总结.mp4 10MB
││Day5/
│││├─01.导入需要用到的小程序项目.mp4 4.3MB
│││├─02.初步创建并使用自定义组件.mp4 44.7MB
│││├─03.使用css变量定制vant主题样式.mp4 57.6MB
│││├─04.小程序API的Promise化.mp4 47.7MB
│││├─05.全局数据共享 – 了解全局数据共享方案和MobX.mp4 22.8MB
│││├─06.全局数据共享 – 创建Store实例并定义计算属性与actions方法.mp4 34.2MB
│││├─07.全局数据共享 – 在页面中使用Store中的成员.mp4 50.6MB
│││├─08.全局数据共享 – 在组件中使用Store中的成员.mp4 41.6MB
│││├─09.分包的基础概念.mp4 16.9MB
│││├─10.分包的基本用法.mp4 41MB
│││├─11.独立分包.mp4 20.4MB
│││├─12.分包预下载.mp4 29.7MB
│││├─13.在app.json中定义tabBar的配置信息.mp4 23.6MB
│││├─14.初步实现自定义的tabBar效果.mp4 47MB
│││├─15.渲染tabBar上的数字徽标.mp4 68MB
│││├─16.实现tabBar页面的切换效果.mp4 30.9MB
│││├─17.修改tabBar选中项文本的颜色值.mp4 7.1MB
│││├─18.总结.mp4 6.4MB
│微信小程序基础-资料/
││├─微信小程序基础-资料.exe 296.3MB
微信小程序项目/
│├─微信小程序项目-视频
│├─微信小程序项目-资料
│微信小程序项目-视频/
││├─Day1
││├─Day2
││├─Day3
││├─Day4
││├─Day5
││Day1/
│││├─01.项目介绍与项目文档.mp4 20.5MB
│││├─02.配置uni-app的开发环境.mp4 38.5MB
│││├─03.初始化uni-app项目.mp4 105.6MB
│││├─04.配置tabBar效果.mp4 66.1MB
│││├─05.首页 – 轮播图效果.mp4 87.1MB
│││├─06.首页 – 配置小程序分包.mp4 25.4MB
│││├─07.首页 – 点击轮播图跳转到商品详情页.mp4 18.9MB
│││├─08.首页 – 封装uni.$showMsg()函数.mp4 19MB
│││├─09.首页 – 实现分类导航区域.mp4 44.1MB
│││├─10.首页 – 获取楼层数据并渲染楼层的标题.mp4 38.1MB
│││├─11.首页 – 渲染楼层中的图片.mp4 51.7MB
│││├─12.首页 – 点击楼层图片跳转到商品列表页面.mp4 51.1MB
│││├─13.分支的合并与提交.mp4 18.5MB
││Day2/
│││├─01.分类 – 创建cate分支以及分类页面的编译模式.mp4 9.7MB
│││├─02.分类 – 初始化分类区域的页面布局.mp4 57.4MB
│││├─03.分类 – 获取并渲染一级分类的列表数据.mp4 32.9MB
│││├─04.分类 – 渲染二级和三级分类列表.mp4 67.8MB
│││├─05.分类 – 优化分类页面的效果.mp4 46.9MB
│││├─06.搜索 – 介绍搜索功能并创建search分支.mp4 14.8MB
│││├─07.搜索 – 自定义组件 – 渲染my-search组件的基本结构.mp4 60.1MB
│││├─08.搜索 – 自定义组件 – 封装自定义属性和click事件.mp4 48.1MB
│││├─09.搜索 – 自定义组件 – 导航跳转与吸顶效果.mp4 32.2MB
│││├─10.搜索 – 搜索建议 – 自动获得焦点与防抖处理.mp4 66.9MB
│││├─11.搜索 – 搜索建议 – 实现搜索建议列表.mp4 59.6MB
│││├─12. 搜索 – 索建议 – 点击搜索Item项导航到商品详情页.mp4 13MB
│││├─13.搜索 – 搜索历史 – 渲染搜索历史的基本结构.mp4 43.6MB
│││├─14.搜索 -搜索历史 – 处理搜索关键词.mp4 69.3MB
│││├─15.搜索 – 搜索历史 – 清空搜索历史记录.mp4 8.3MB
│││├─16.搜索 – 搜索历史 – 点击搜索历史跳转到商品列表页面.mp4 11.5MB
│││├─17.搜索 – 分支的合并与提交.mp4 12.5MB
││Day3/
│││├─01.商品列表 – 功能介绍-分支创建.mp4 14.6MB
│││├─02.商品列表 – 请求并渲染商品列表的数据.mp4 83.5MB
│││├─03.商品列表 – 把商品Item项封装为自定义组件.mp4 27.8MB
│││├─04.商品列表 – 使用过滤器处理商品价格.mp4 9.3MB
│││├─05.商品列表 – 上拉加载更多商品.mp4 46.3MB
│││├─06.商品列表 – 下拉刷新列表数据.mp4 24.2MB
│││├─07.商品列表 – 点击商品item项导航到商品详情页面.mp4 11.5MB
│││├─08.商品列表 – 分支的合并与提交.mp4 16.1MB
│││├─09.商品详情 – 创建分支-添加编译模式.mp4 11.4MB
│││├─10.商品详情 – 获取商品详情的数据.mp4 23.6MB
│││├─11.商品详情 – 轮播图效果.mp4 30.3MB
│││├─12.商品详情 – 渲染并美化商品信息区域.mp4 52.8MB
│││├─13.商品详情 – 渲染商品详情的数据并优化详情页的显示.mp4 54MB
│││├─14.商品详情 – 渲染商品导航区域.mp4 53.6MB
│││├─15.商品详情 – 分支的合并与提交.mp4 14.5MB
│││├─16.加入购物车 – 初始化vuex.mp4 39.8MB
│││├─17.加入购物车 – 实现加入购物车的功能.mp4 61.1MB
│││├─18.加入购物车 – 动态统计购物车中商品的总数量.mp4 30.7MB
│││├─19.加入购物车 – 持久化存储购物车中的商品.mp4 23MB
│││├─20.加入购物车 – 优化商品详情页的total侦听器.mp4 16.9MB
│││├─21.加入购物车 – 动态设置tabBar的数字徽标.mp4 45.6MB
││Day4/
│││├─01.购物车页面 – 演示效果并创建编译模式.mp4 13.2MB
│││├─02.购物车页面 – 商品列表 – 渲染商品列表区域的结构.mp4 37.3MB
│││├─03.购物车页面 – 商品列表 – 基于props封装radio的勾选状态.mp4 41.6MB
│││├─04.购物车页面 – 商品列表 – 修改购物车商品的勾选状态.mp4 63.4MB
│││├─05.购物车页面 – 商品列表 – 封装NumberBox.mp4 38.8MB
│││├─06.购物车页面 – 商品列表 – 封装num-change事件.mp4 27.3MB
│││├─07.购物车页面 – 商品列表 – 优化NumberBox组件.mp4 34.9MB
│││├─08.购物车页面 – 商品列表 – 修改购物车中商品的数量.mp4 24MB
│││├─09.购物车页面 – 商品列表 – 实现滑动删除功能.mp4 47.5MB
│││├─10.购物车页面 – 收货地址 – 初步封装my-address组件.mp4 70.1MB
│││├─11.购物车页面 – 收货地址 – 实现选择收货地址的功能.mp4 27.8MB
│││├─12.购物车页面 – 收货地址 – 渲染收货人的信息.mp4 27.2MB
│││├─13.购物车页面 – 收货地址 – 把address信息存储到vuex中.mp4 29.3MB
│││├─14.购物车页面 – 收货地址 – 将vuex中的address持久化存储到本地.mp4 16.6MB
│││├─15.购物车页面 – 收货地址 – 将addstr抽离为getters.mp4 13MB
│││├─16.购物车页面 – 收货地址 – 重新选择收获地址-取消授权时的问题.mp4 11.6MB
│││├─17.购物车页面 – 收货地址 – 解决重新授权的问题.mp4 59.4MB
││Day5/
│││├─01.购物车页面 – 结算 – 封装结算区域的组件.mp4 47.4MB
│││├─02.购物车页面 – 结算 – 动态计算已勾选商品的数据和选中状态.mp4 45.5MB
│││├─03.购物车页面 – 结算 – 实现商品的全选与反选功能..mp4 29.7MB
│││├─04.购物车页面 – 结算 – 动态渲染已勾选商品的总价格【网盘分享WPFX.LINK】.mp4 19.6MB
│││├─05.购物车页面 – 结算 – 动态计算tabBar中购物车徽标的值.mp4 12.3MB
│││├─06.购物车页面 – 结算 – 渲染购物车为空时候的页面结构.mp4 35.7MB
│││├─07.购物车页面 – 分支的合并与提交.mp4 12.4MB
│││├─08.登录与支付 – 登录 – 点击结算按钮进行条件判断.mp4 32.4MB
│││├─09.登录与支付 – 登录 – 初步渲染页面的布局结构.mp4 50.4MB
│││├─10.登录与支付 – 登录 – 获取用户的基本信息.mp4 36.1MB
│││├─11. 登录与支付 – 登录 – 将用户的基本信息存储到vuex.mp4 32.6MB
│││├─12. 登录与支付 – 登录 – 调用uni.login获取code对应的值.mp4 26.3MB
│││├─13. 登录与支付 – 登录 – 进一步完善uni.login调用失败之后的if判断条件.mp4 4.5MB
│││├─14. 登录与支付 – 登录 – 获取登录的Token并存储到vuex中.mp4 34.9MB
│││├─15.登录与支付 – 用户信息 – 渲染用户的头像和昵称.mp4 34.2MB
│││├─16.登录与支付 – 用户信息 – 渲染第1个面板区域.mp4 26.6MB
│││├─17.登录与支付 – 用户信息 – 渲染第2个面板区域.mp4 25.1MB
│││├─18.登录与支付 – 用户信息 – 渲染第3个面板区域.mp4 14MB
│││├─19.登录与支付 – 用户信息 – 实现退出登录的功能.mp4 24.9MB
│││├─20.登录与支付 – 三秒跳转 – 初步实现3秒倒计时跳转的功能.mp4 55.2MB
│││├─21.登录与支付 – 三秒跳转 – 登录成功后导航到登录之前的页面.mp4 59.1MB
│││├─22.登录与支付 – 微信支付 – 在请求头中添加Token身份认证的字段.mp4 34.4MB
│││├─23.登录与支付 – 微信支付 – 了解微信支付的流程.mp4 13.7MB
│││├─24.登录与支付 – 微信支付 – 创建订单.mp4 57.9MB
│││├─25.登录与支付 – 微信支付 – 订单预支付.mp4 22.2MB
│││├─26.登录与支付 – 微信支付 – 实现微信支付.mp4 36.9MB
│││├─27.登录与支付 – 分支的合并与提交.mp4 12MB
│││├─28.发布 – 了解为什么要进行发布.mp4 4.3MB
│││├─29.发布 – 将uni-app项目发布为小程序.mp4 28.9MB
│││├─30.发布 – 将uni-app项目发布为安卓App.mp4 38MB
│微信小程序项目-资料/
││├─微信小程序项目-资料.exe 275.8MB