黑马微信小程序从基础到uni-app项目实战
课程简介:本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。
学完小程序基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。
项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。
课程目录:
微信小程序基础
——Day1
00.学习目标.mp44.81M
01.小程序简介.mp415.76M
02.注册小程序账号&安装开发者工具.mp432.85M
03.创建第一个小程序项目.mp442.31M
04.认识小程序项目的基本组成结构.mp469.16M
05.认识小程序页面.mp436.74M
06.小程序的宿主环境.mp423.04M
07.组件 - view和scroll-view组件的基本用法.mp435.21M
08.组件 - swiper和swiper-item的基本用法.mp427.32M
09.组件 - text和rich-text组件的基本用法.mp418.89M
10.组件 - button和image组件的基本用法.mp435.72M
11. 小程序 API 的3大分类.mp48.97M
12.协同工作 - 小程序权限管理的概念以及成员管理的两个方面.mp416.65M
13.协同工作 - 开发者的权限说明以及如何维护项目成员.mp412.89M
14. 发布 - 了解小程序的版本阶段与上线的主要步骤.mp413.02M
15. 发布 - 小程序的推广与运行数据的查看.mp415.07M
16.总结.mp410.70M
——Day2
00.学习目标.mp45.24M
01.数据绑定.mp434.46M
02.事件绑定.mp438.84M
03.事件传参与数据同步.mp465.48M
04.条件渲染.mp449.25M
05.列表渲染.mp432.33M
06.wxss - wxss与css的关系.mp45.26M
07.wxss - rpx单位.mp423.48M
08.wxss - 样式导入.mp410.95M
09.wxss - 全局样式与局部样式.mp424.22M
10.全局配置 - 常用的全局配置项以及小程序窗口的组成部分.mp47.32M
11. 全局配置 - window - 导航栏.mp423.78M
12.全局配置 - window - 下拉刷新.mp432.25M
13.全局配置 - window - 设置上拉触底的距离.mp416.08M
14.全局配置- tabBar.mp468.91M
15.小程序的页面配置.mp428.83M
16.数据请求 - GET和POST请求.mp468.70M
17.数据请求 - request请求的注意事项.mp414.95M
18.案例 - 实现本地生活的首页基础布局.mp4126.19M
19.总结.mp412.15M
——Day3
00.学习目标.mp412.45M
01.声明式导航.mp439.28M
02.编程式导航.mp428.33M
03.导航传参.mp430.90M
04.下拉刷新.mp444.30M
05.上拉触底.mp427.30M
06.上拉触底案例 - 初步实现上拉触底效果.mp446.73M
07.上拉触底案例 - 添加loading效果和节流处理.mp431.99M
08.扩展 - 自定义编译模式.mp417.62M
09.生命周期的概念与分类.mp48.61M
10.生命周期函数的概念与分类.mp47.00M
11.应用和页面的生命周期函数.mp430.84M
12.wxs的概念.mp412.99M
13.wxs的基本用法.mp445.98M
14.案例 - 演示案例效果并实现导航跳转.mp437.60M
15.案例 - 设置标题内容并创建编译模式.mp429.40M
16.案例 - 获取并渲染商铺列表的数据.mp469.55M
17.案例 - 初步实现上拉加载效果.mp439.61M
18.案例 - 判断数据是否加载完毕.mp436.27M
19.案例 - 实现下拉刷新功能.mp452.99M
20.使用wxs处理手机号.mp437.47M
21.总结.mp48.66M
——Day4
00.学习目标.mp47.05M
01.准备今天要用到的项目.mp43.33M
02.初步安装和使用vant组件库.mp453.79M
03.自定义组件的样式.mp435.48M
04.自定义组件的data和methods.mp421.58M
05.自定义组件的properties.mp442.72M
06.自定义组件的数据监听器.mp435.90M
07.自定义组件的数据监听器案例.mp464.29M
08.自定义组件的纯数据字段.mp423.86M
09.自定义组件的生命周期函数.mp432.86M
10.组件所在页面的生命周期函数.mp431.97M
11.自定义组件的插槽.mp434.02M
12.组件通信 - 使用属性绑定实现父向子共享数据.mp428.11M
13.组件通信 - 使用自定义事件实现子向父共享数据.mp439.63M
14. 组件通信 - 使用selectComponent获取组件实例.mp426.70M
15.自定义组件的behaviors.mp440.56M
16.总结.mp410.00M
└──Day5
01.导入需要用到的小程序项目.mp44.26M
02.初步创建并使用自定义组件.mp444.71M
03.使用css变量定制vant主题样式.mp457.56M
04.小程序API的Promise化.mp447.75M
05.全局数据共享 - 了解全局数据共享方案和MobX.mp422.82M
06.全局数据共享 - 创建Store实例并定义计算属性与actions方法.mp434.18M
07.全局数据共享 - 在页面中使用Store中的成员.mp450.64M
08.全局数据共享 - 在组件中使用Store中的成员.mp441.65M
09.分包的基础概念.mp416.92M
10.分包的基本用法.mp440.96M
11.独立分包.mp420.40M
12.分包预下载.mp429.72M
13.在app.json中定义tabBar的配置信息.mp423.58M
14.初步实现自定义的tabBar效果.mp446.99M
15.渲染tabBar上的数字徽标.mp468.03M
16.实现tabBar页面的切换效果.mp430.95M
17.修改tabBar选中项文本的颜色值.mp47.09M
18.总结.mp46.39M
——资料
微信小程序项目
——Day1
01.项目介绍与项目文档.mp420.50M
02.配置uni-app的开发环境.mp438.52M
03.初始化uni-app项目.mp4105.60M
04.配置tabBar效果.mp466.14M
05.首页 - 轮播图效果.mp487.10M
06.首页 - 配置小程序分包.mp425.36M
07.首页 - 点击轮播图跳转到商品详情页.mp418.90M
08.首页 - 封装uni.$showMsg()函数.mp419.02M
09.首页 - 实现分类导航区域.mp444.06M
10.首页 - 获取楼层数据并渲染楼层的标题.mp438.09M
11.首页 - 渲染楼层中的图片.mp451.75M
12.首页 - 点击楼层图片跳转到商品列表页面.mp451.12M
13.分支的合并与提交.mp418.54M
——Day2
01.分类 - 创建cate分支以及分类页面的编译模式.mp49.70M
02.分类 - 初始化分类区域的页面布局.mp457.44M
03.分类 - 获取并渲染一级分类的列表数据.mp432.93M
04.分类 - 渲染二级和三级分类列表.mp467.76M
05.分类 - 优化分类页面的效果.mp446.95M
06.搜索 - 介绍搜索功能并创建search分支.mp414.81M
07.搜索 - 自定义组件 - 渲染my-search组件的基本结构.mp460.07M
08.搜索 - 自定义组件 - 封装自定义属性和click事件.mp448.12M
09.搜索 - 自定义组件 - 导航跳转与吸顶效果.mp432.17M
10.搜索 - 搜索建议 - 自动获得焦点与防抖处理.mp466.92M
11.搜索 - 搜索建议 - 实现搜索建议列表.mp459.62M
12. 搜索 - 索建议 - 点击搜索Item项导航到商品详情页.mp412.95M
13.搜索 - 搜索历史 - 渲染搜索历史的基本结构.mp443.56M
14.搜索 -搜索历史 - 处理搜索关键词.mp469.27M
15.搜索 - 搜索历史 - 清空搜索历史记录.mp48.27M
16.搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面.mp411.45M
17.搜索 - 分支的合并与提交.mp412.46M
——Day3
01.商品列表 - 功能介绍-分支创建.mp414.60M
02.商品列表 - 请求并渲染商品列表的数据.mp483.52M
03.商品列表 - 把商品Item项封装为自定义组件.mp427.75M
04.商品列表 - 使用过滤器处理商品价格.mp49.28M
05.商品列表 - 上拉加载更多商品.mp446.30M
06.商品列表 - 下拉刷新列表数据.mp424.24M
07.商品列表 - 点击商品item项导航到商品详情页面.mp411.51M
08.商品列表 - 分支的合并与提交.mp416.10M
09.商品详情 - 创建分支-添加编译模式.mp411.44M
10.商品详情 - 获取商品详情的数据.mp423.64M
11.商品详情 - 轮播图效果.mp430.33M
12.商品详情 - 渲染并美化商品信息区域.mp452.85M
13.商品详情 - 渲染商品详情的数据并优化详情页的显示.mp453.97M
14.商品详情 - 渲染商品导航区域.mp453.56M
15.商品详情 - 分支的合并与提交.mp414.46M
16.加入购物车 - 初始化vuex.mp439.79M
17.加入购物车 - 实现加入购物车的功能.mp461.08M
18.加入购物车 - 动态统计购物车中商品的总数量.mp430.69M
19.加入购物车 - 持久化存储购物车中的商品.mp422.97M
20.加入购物车 - 优化商品详情页的total侦听器.mp416.88M
21.加入购物车 - 动态设置tabBar的数字徽标.mp445.55M
——Day4
01.购物车页面 - 演示效果并创建编译模式.mp413.18M
02.购物车页面 - 商品列表 - 渲染商品列表区域的结构.mp437.34M
03.购物车页面 - 商品列表 - 基于props封装radio的勾选状态.mp441.62M
04.购物车页面 - 商品列表 - 修改购物车商品的勾选状态.mp463.41M
05.购物车页面 - 商品列表 - 封装NumberBox.mp438.76M
06.购物车页面 - 商品列表 - 封装num-change事件.mp427.27M
07.购物车页面 - 商品列表 - 优化NumberBox组件.mp434.87M
08.购物车页面 - 商品列表 - 修改购物车中商品的数量.mp423.99M
09.购物车页面 - 商品列表 - 实现滑动删除功能.mp447.46M
10.购物车页面 - 收货地址 - 初步封装my-address组件.mp470.15M
11.购物车页面 - 收货地址 - 实现选择收货地址的功能.mp427.82M
12.购物车页面 - 收货地址 - 渲染收货人的信息.mp427.17M
13.购物车页面 - 收货地址 - 把address信息存储到vuex中.mp429.29M
14.购物车页面 - 收货地址 - 将vuex中的address持久化存储到本地.mp416.60M
15.购物车页面 - 收货地址 - 将addstr抽离为getters.mp413.03M
16.购物车页面 - 收货地址 - 重新选择收获地址-取消授权时的问题.mp411.63M
17.购物车页面 - 收货地址 - 解决重新授权的问题.mp459.37M
——Day5
01.购物车页面 - 结算 - 封装结算区域的组件.mp447.44M
02.购物车页面 - 结算 - 动态计算已勾选商品的数据和选中状态.mp445.49M
03.购物车页面 - 结算 - 实现商品的全选与反选功能..mp429.72M
04.购物车页面 - 结算 - 动态渲染已勾选商品的总价格.mp419.56M
05.购物车页面 - 结算 - 动态计算tabBar中购物车徽标的值.mp412.30M
06.购物车页面 - 结算 - 渲染购物车为空时候的页面结构.mp435.67M
07.购物车页面 - 分支的合并与提交.mp412.37M
08.登录与支付 - 登录 - 点击结算按钮进行条件判断.mp432.43M
09.登录与支付 - 登录- 初步渲染页面的布局结构.mp450.36M
10.登录与支付 - 登录- 获取用户的基本信息.mp436.10M
11. 登录与支付 - 登录 - 将用户的基本信息存储到vuex.mp432.60M
12. 登录与支付 - 登录 - 调用uni.login获取code对应的值.mp426.33M
13. 登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件.mp44.52M
14. 登录与支付 - 登录 - 获取登录的Token并存储到vuex中.mp434.90M
15.登录与支付 - 用户信息 - 渲染用户的头像和昵称.mp434.20M
16.登录与支付 - 用户信息 - 渲染第1个面板区域.mp426.64M
17.登录与支付 - 用户信息 - 渲染第2个面板区域.mp425.08M
18.登录与支付 - 用户信息 - 渲染第3个面板区域.mp414.00M
19.登录与支付 - 用户信息 - 实现退出登录的功能.mp424.88M
20.登录与支付 - 三秒跳转 - 初步实现3秒倒计时跳转的功能.mp455.21M
21.登录与支付 - 三秒跳转 - 登录成功后导航到登录之前的页面.mp459.08M
22.登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段.mp434.39M
23.登录与支付 - 微信支付 - 了解微信支付的流程.mp413.66M
24.登录与支付 - 微信支付 - 创建订单.mp457.87M
25.登录与支付 - 微信支付 - 订单预支付.mp422.20M
26.登录与支付 - 微信支付 - 实现微信支付.mp436.87M
27.登录与支付 - 分支的合并与提交.mp412.04M
28.发布 - 了解为什么要进行发布.mp44.27M
29.发布 - 将uni-app项目发布为小程序.mp428.94M
30.发布 - 将uni-app项目发布为安卓App.mp438.01M
——资料
下载地址:
**** Hidden Message ***** 啥也不说了，感谢楼主分享哇！ 啥也不说了，感谢楼主分享哇！ 啥也不说了，感谢楼主分享哇！ 啥也不说了，感谢楼主分享哇！ 啥也不说了，感谢楼主分享哇！ 确实是难得好帖啊，顶先 正需要，支持楼主大人了！ 谢谢分享！ 啥也不说了，感谢楼主分享哇！