• 投稿

黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)

648.2万
7.8万
2021-12-17 09:30:11
未经作者授权，禁止转载
8.1万
5.9万
22.8万
5万
计算机
技术宅
编程
公开课
前端
微信小程序
WEB前端
课堂教育
打卡挑战
黑马程序员 发消息
咨询课程1对1就业指导、技术提升直接私信，周一到周五晚7点直播答疑求职技术干货，领取课程源码+资料，关注黑马程序员公众号，回复：领取资源02
视频选集
（1/192）
Day1-00.学习目标
02:21
01.小程序简介
07:50
02.注册小程序账号-安装开发者工具
14:27
03.创建第一个小程序项目
16:29
04.认识小程序项目的基本组成结构
26:43
05.认识小程序页面
15:51
06.小程序的宿主环境
11:36
07.组件 - view和scroll-view组件的基本用法
13:31
08.组件 - swiper和swiper-item的基本用法
10:12
09.组件 - text和rich-text组件的基本用法
06:12
10.组件 - button和image组件的基本用法
12:52
11. 小程序 API 的3大分类
03:35
12.协同工作 - 小程序权限管理的概念以及成员管理的两个方面
08:26
13.协同工作 - 开发者的权限说明以及如何维护项目成员
05:12
14. 发布 - 了解小程序的版本阶段与上线的主要步骤
06:05
15. 发布 - 小程序的推广与运行数据的查看
05:38
16-总结
03:30
Day2.学习目标
01:38
01.数据绑定
11:19
02.事件绑定
12:43
03.事件传参与数据同步
20:09
04.条件渲染
15:32
05.列表渲染
09:55
06.wxss - wxss与css的关系
02:20
07.wxss - rpx单位
08:05
08.wxss - 样式导入
03:22
09.wxss - 全局样式与局部样式
07:20
10.全局配置 - 常用的全局配置项以及小程序窗口的组成部分
03:22
11. 全局配置 - window - 导航栏
07:42
12.全局配置 - window - 下拉刷新
09:54
13.全局配置 - window - 设置上拉触底的距离
03:03
14.全局配置 - tabBar
20:40
15.小程序的页面配置
08:44
16.数据请求 - GET和POST请求
21:04
17.数据请求 - request请求的注意事项
04:45
18.案例 - 实现本地生活的首页基础布局
36:39
19.总结
03:51
Day3.学习目标
03:07
01.声明式导航
12:56
02.编程式导航
09:03
03.导航传参
09:28
04.下拉刷新
13:27
05.上拉触底
07:27
06.上拉触底案例 - 初步实现上拉触底效果
13:58
07.上拉触底案例 - 添加loading效果和节流处理
09:27
08.扩展 - 自定义编译模式
05:12
09.生命周期的概念与分类
02:59
10.生命周期函数的概念与分类
02:27
11.应用和页面的生命周期函数
09:09
12.wxs的概念
04:25
13.wxs的基本用法
14:52
14.案例 - 演示案例效果并实现导航跳转
09:18
15.案例 - 设置标题内容并创建编译模式
08:02
16.案例 - 获取并渲染商铺列表的数据
18:27
17.案例 - 初步实现上拉加载效果
07:52
18.案例 - 判断数据是否加载完毕
08:44
19.案例 - 实现下拉刷新功能
10:49
20.使用wxs处理手机号
07:44
21-总结
02:38
Day4.学习目标
02:15
01.准备今天要用到的项目
01:12
02.初步创建并使用自定义组件
14:44
03.自定义组件的样式
11:22
04.自定义组件的data和methods
06:39
05.自定义组件的properties
12:57
06.自定义组件的数据监听器
11:12
07.自定义组件的数据监听器案例
19:29
08.自定义组件的纯数据字段
07:37
09.自定义组件的生命周期函数
10:12
10.组件所在页面的生命周期函数
09:24
11.自定义组件的插槽
10:47
12.组件通信 - 使用属性绑定实现父向子共享数据
08:48
13.组件通信 - 使用自定义事件实现子向父共享数据
12:21
14. 组件通信 - 使用selectComponent获取组件实例
06:59
15.自定义组件的behaviors
12:35
16-总结
03:01
01.导入需要用到的小程序项目
01:15
02.初步安装和使用vant组件库
16:08
03.使用css变量定制vant主题样式
17:02
04.小程序API的Promise化
14:43
05.全局数据共享 - 了解全局数据共享方案和MobX
07:46
06.全局数据共享 - 创建Store实例并定义计算属性与actions方法
10:30
07.全局数据共享 - 在页面中使用Store中的成员
15:09
08.全局数据共享 - 在组件中使用Store中的成员
12:01
09.分包的基础概念
06:02
10.分包的基本用法
12:54
11.独立分包
07:01
12.分包预下载
09:44
13.在app.json中定义tabBar的配置信息
06:41
14.初步实现自定义的tabBar效果
12:59
15.渲染tabBar上的数字徽标
17:49
16.实现tabBar页面的切换效果
08:05
17.修改tabBar选中项文本的颜色值
01:33
18.总结
01:57
01.项目介绍与项目文档
05:43
02.配置uni-app的开发环境
10:57
03.初始化uni-app项目
29:14
04.配置tabBar效果
18:31
05.首页 - 轮播图效果
24:21
06.首页 - 配置小程序分包
05:00
07.首页 - 点击轮播图跳转到商品详情页
04:20
08.首页 - 封装uni.$showMsg()函数
04:30
09.首页 - 实现分类导航区域
11:19
10.首页 - 获取楼层数据并渲染楼层的标题
09:26
11.首页 - 渲染楼层中的图片
11:46
12.首页 - 点击楼层图片跳转到商品列表页面
08:29
13-分支的合并与提交
04:47
01.分类 - 创建cate分支以及分类页面的编译模式
02:40
02.分类 - 初始化分类区域的页面布局
15:39
03.分类 - 获取并渲染一级分类的列表数据
08:45
04.分类 - 渲染二级和三级分类列表
17:25
05.分类 - 优化分类页面的效果
12:53
06.搜索 - 介绍搜索功能并创建search分支
03:52
07.搜索 - 自定义组件 - 渲染my-search组件的基本结构
16:07
08.搜索 - 自定义组件 - 封装自定义属性和click事件
12:37
09.搜索 - 自定义组件 - 导航跳转与吸顶效果
07:17
10.搜索 - 搜索建议 - 自动获得焦点与防抖处理
17:24
11.搜索 - 搜索建议 - 实现搜索建议列表
14:55
12. 搜索 - 索建议 - 点击搜索Item项导航到商品详情页
02:40
13.搜索 - 搜索历史 - 渲染搜索历史的基本结构
10:56
14.搜索 -搜索历史 - 处理搜索关键词
18:33
15.搜索 - 搜索历史 - 清空搜索历史记录
01:53
16.搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面
02:39
17.搜索 - 分支的合并与提交
03:06
01.商品列表 - 功能介绍-分支创建
03:35
02.商品列表 - 请求并渲染商品列表的数据
21:35
03.商品列表 - 把商品Item项封装为自定义组件
04:55
04.商品列表 - 使用过滤器处理商品价格
02:05
05.商品列表 - 上拉加载更多商品
11:36
06.商品列表 - 下拉刷新列表数据
05:40
07.商品列表 - 点击商品item项导航到商品详情页面
02:39
08.商品列表 - 分支的合并与提交
03:25
09.商品详情 - 创建分支-添加编译模式
03:02
10.商品详情 - 获取商品详情的数据
05:08
11.商品详情 - 轮播图效果
07:55
12.商品详情 - 渲染并美化商品信息区域
11:31
13.商品详情 - 渲染商品详情的数据并优化详情页的显示
12:46
14.商品详情 - 渲染商品导航区域
12:34
15.商品详情 - 分支的合并与提交
03:14
16.加入购物车 - 初始化vuex
11:42
17.加入购物车 - 实现加入购物车的功能
16:43
18.加入购物车 - 动态统计购物车中商品的总数量
06:39
19.加入购物车 - 持久化存储购物车中的商品
04:48
20.加入购物车 - 优化商品详情页的total侦听器
03:20
21.加入购物车 - 动态设置tabBar的数字徽标
12:52
01.购物车页面 - 演示效果并创建编译模式
03:41
02.购物车页面 - 商品列表 - 渲染商品列表区域的结构
09:55
03.购物车页面 - 商品列表 - 基于props封装radio的勾选状态
10:27
04.购物车页面 - 商品列表 - 修改购物车商品的勾选状态
17:32
05.购物车页面 - 商品列表 - 封装NumberBox
09:47
06.购物车页面 - 商品列表 - 封装num-change事件
07:29
07.购物车页面 - 商品列表 - 优化NumberBox组件
09:39
08.购物车页面 - 商品列表 - 修改购物车中商品的数量
05:38
09.购物车页面 - 商品列表 - 实现滑动删除功能
13:19
10.购物车页面 - 收货地址 - 初步封装my-address组件
18:31
11.购物车页面 - 收货地址 - 实现选择收货地址的功能
05:57
12.购物车页面 - 收货地址 - 渲染收货人的信息
06:09
13.购物车页面 - 收货地址 - 把address信息存储到vuex中
08:45
14.购物车页面 - 收货地址 - 将vuex中的address持久化存储到本地
04:13
15.购物车页面 - 收货地址 - 将addstr抽离为getters
03:08
16.购物车页面 - 收货地址 - 重新选择收获地址-取消授权时的问题
03:24
17.购物车页面 - 收货地址 - 解决重新授权的问题
16:55
01.购物车页面 - 结算 - 封装结算区域的组件
11:47
02.购物车页面 - 结算 - 动态计算已勾选商品的数据和选中状态
13:12
03.购物车页面 - 结算 - 实现商品的全选与反选功能.
06:33
04.购物车页面 - 结算 - 动态渲染已勾选商品的总价格
04:43
05.购物车页面 - 结算 - 动态计算tabBar中购物车徽标的值
02:48
06.购物车页面 - 结算 - 渲染购物车为空时候的页面结构
07:02
07.购物车页面 - 分支的合并与提交
03:09
08.登录与支付 - 登录 - 点击结算按钮进行条件判断
08:23
09.登录与支付 - 登录 - 初步渲染页面的布局结构
14:20
10.登录与支付 - 登录 - 获取用户的基本信息
10:15
11. 登录与支付 - 登录 - 将用户的基本信息存储到vuex
07:57
12. 登录与支付 - 登录 - 调用uni.login获取code对应的值
06:02
13. 登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件
01:24
14. 登录与支付 - 登录 - 获取登录的Token并存储到vuex中
09:33
15.登录与支付 - 用户信息 - 渲染用户的头像和昵称
09:48
16.登录与支付 - 用户信息 - 渲染第1个面板区域
07:13
17.登录与支付 - 用户信息 - 渲染第2个面板区域
03:57
18.登录与支付 - 用户信息 - 渲染第3个面板区域
02:31
19.登录与支付 - 用户信息 - 实现退出登录的功能
05:37
20.登录与支付 - 三秒跳转 - 初步实现3秒倒计时跳转的功能
15:30
21.登录与支付 - 三秒跳转 - 登录成功后导航到登录之前的页面
15:35
22.登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段
06:22
23.登录与支付 - 微信支付 - 了解微信支付的流程
02:54
24.登录与支付 - 微信支付 - 创建订单
11:16
25.登录与支付 - 微信支付 - 订单预支付
04:22
26.登录与支付 - 微信支付 - 实现微信支付
06:50
27.登录与支付 - 分支的合并与提交
03:02
28.发布 - 了解为什么要进行发布
01:01
29.发布 - 将uni-app项目发布为小程序
08:01
30.发布 - 将uni-app项目发布为安卓App
10:39

【2025】微信小程序开发教程，真正适合零基础小白的微信小程序实战课程，从零基础到项目发布全流程，带你一天速通微信小程序，学完即可创建属于自己的小程序！
计算机拓荒者
125.4万 5919

黑马程序员前端项目uniapp小兔鲜儿微信小程序项目视频教程，基于Vue3+Ts+Pinia+uni-app的最新组合技术栈开发的电商业务全流程
黑马程序员
95.6万 1.2万

从零开始制作微信小程序（学完即可兼职）
技术分享-2
10万 30

终于成了！我用DeepSeek开发了一个小程序
码上飞-CodeFlying
7万 2

【2026最全】微信小程序开发全攻略，一天完全学会，从零基础到项目发布全流程，带你一天速通微信小程序，学完即可创建属于自己的小程序！
有点子is丫
4157 16

【原创~2025微信小程序~完整项目】最新版微信小程序-零基础到企业级收费项目速成版【本人原创-高清纯享版-其它均为盗录低清版-支持正版-从我做起】
刘清政_Justin
49.9万 1252

黑马程序员Python+AI大模型零基础到项目实战，涵盖Python、Linux、LangChain、Ollama等，从大模型私有化部署到搭建聊天机器人一套通关
黑马程序员
192万 6233

微信弄一个小程序多少钱，预算200内做个微信小程序
你好我是小林
6.1万 2

黑马程序员前端面试必看视频教程（手写Promise+js设计模式+继承+函数柯里化等），10小时JavaScript面试全通关
黑马程序员
14.3万 881

2026零基础开发抖音小游戏和开发微信小游戏教程-Cocos Creator 3.8.8教程
三虫科技
10万 162

黑马程序员大模型Python语言进阶全套视频课程，从面向对象到数据结构与算法知识精讲+项目实战一套搞定
黑马程序员
148.9万 7099

自学编程的通病都有哪些
程序员松子
38.8万 136

【全网最全】扫码点餐小程序、外卖小程序、到店自提、预点餐小程序、微信支付、菜品sku、数据统计分析图、管理员、后厨人员、用户
华神说编程
1.4万 1

离小程序远点 | uni-app替代方案 | 别说你会uni-app(2)
白玩dev
5.3万 228

小白STM32物联网智能家居案例STM32F103+ESP8266/MQTT+OneNet+UniApp/微信小程序
壹知半解
76.3万 2361

小程序开发价格，说的非常详细
社恐程序员Peter
7.6万 19

【JavaScript基础】 2小时快速入门，全程无废话，入门到精通，前端js全套基础&实战教程，附源码+文档_前端_前端开发_前端入门
蔡蔡小趴菜
57.8万 1988

【强烈推荐】这绝对是B站2025年度【微信小程序开发】天花板级别课程从入门到精通从项目搭建到项目上线超详细教程_web项目_小程序开发教程_前后端开发
AI大模型-
6598 1

一分钟教会你制作小程序。
dy程序员小D
22.2万 39

【2026最全】微信小程序开发全攻略，一天完全学会，从零基础到项目发布全流程，带你一天速通微信小程序，学完即可创建属于自己的小程序！
汉室幽而复明
22.2万 207
展开
献给与世界格格不入的你
客服
顶部
赛事库 课堂 2021拜年纪