TA的每日心情 | 奋斗 4 天前 |
---|
签到天数: 802 天 [LV.10]以坛为家III
管理员
- 积分
- 726006
|
资源名称: |
【J1440】最新使用uni-app开发电商小程序项目视频教程下载 |
下载地址: |
网盘链接:请先登录后查看此内容 |
失效声明: |
如果资料失效,VIP和荣耀会员或者使用金币兑换的普通会员,可以直接联系资料客服QQ索取:。在线时间为:8:00-23:30。请下载后24小时内删除,若侵权请联系客服删除该资料。 |
如何获取: |
1,本资料VIP会员下载地址直接可见,购买VIP:点击购买会员>>,开通后可下载全站所有资料。
2,非VIP会员使用50000Java金币兑换,金币充值:点击进入充值页面。 |
资源描述及截图:
1 uni-app和项目搭建
01.起步 - 项目介绍.mp4
02.起步 - 项目文档.mp4
03.起步 - 了解什么是uni-app.mp4
04.起步 - 下载和安装HBuilderX.mp4
05.起步 - 安装scss编译的插件.mp4
06.起步 - 对HBuilderX进行个性化的配置.mp4
07.起步 - 创建uni-app项目.mp4
08.起步 - 了解uni-app项目的目录结构.mp4
09.起步 - 把项目运行到微信开发者工具.mp4
10.起步 - 配置checkSiteMap选项.mp4
11.起步 - 使用Git本地管理uni-app项目.mp4
12.起步 - 把本地项目托管到码云.mp4
13.tabbar - 创建tabBar对应的4个页面.mp4
14.tabbar - 配置tabBar效果.mp4
15.tabbar - 配置导航条的样式效果.mp4
16.tabbar - 分支的合并与提交.mp4
2 首页功能实现
17.首页 - 轮播图 - 创建home子分支.mp4
18.首页 - 轮播图 - 安装并配置网络请求的第三方包.mp4
19.首页 - 轮播图 - 请求轮播图的数据.mp4
20.首页 - 轮播图 - 渲染轮播图的UI结构.mp4
21.首页 - 轮播图 - 配置小程序的分包.mp4
22.首页 - 轮播图 - 点击轮播图跳转到商品详情页面.mp4
23.首页 - 轮播图 - 封装uni.$showMsg()方法.mp4
24.首页 - 分类导航 - 获取分类导航的数据.mp4
25.首页 - 分类导航 - 渲染分类导航的UI结构.mp4
26.首页 - 分类导航 - 切换到分类页面.mp4
27.首页 - 楼层区域 - 获取楼层的数据.mp4
28.首页 - 楼层区域 - 渲染楼层的标题.mp4
29.首页 - 楼层区域 - 渲染楼层左侧的大图片.mp4
30.首页 - 楼层区域 - 渲染楼层右侧的小图片.mp4
31.首页 - 楼层区域 - 点击楼层图片跳转到商品列表页面.mp4
32.首页 - 分支的合并与提交.mp4
3 分类页面功能实现
01.分类 - 创建cate分支以及分类页面的编译模式.mp4
02.分类 - 实现分类页面滑动区域的左右布局.mp4
03.分类 - 动态设置scroll-view组件的高度.mp4
04.分类 - 美化左侧scroll-view中item项的样式.mp4
05.分类 - 获取分类列表的数据.mp4
06.分类 - 动态渲染左侧的一级分类列表.mp4
07.分类 - 定义二级分类的数据列表.mp4
08.分类 - 动态渲染右侧的二级分类列表.mp4
09.分类 - 动态渲染右侧的三级分类列表.mp4
10.分类 - 切换一级分类后重置滚动条的位置.mp4
11.分类 - 点击三级分类跳转到商品列表页面.mp4
12.分类 - 分支的合并与提交.mp4
4 自定义搜索组件
13.搜索 - 介绍搜索相关的功能.mp4
14.搜索 - 创建search分支.mp4
15.搜索 - 自定义组件 - 在uni-app项目中新建自定义的搜索组件.mp4
16.搜索 - 自定义组件 - 渲染my-search组件的基本结构.mp4
17.搜索 - 自定义组件 - 解决cate分类页面scroll-view高度的问题.mp4
18.搜索 - 自定义组件 - 通过自定义属性增强组件的通用性.mp4
19.搜索 - 自定义组件 - 为自定义组件封装click事件.mp4
20.搜索 - 自定义组件 - 点击cate页面的搜索组件导航到搜索页面.mp4
21.搜索 - 自定义组件 - 实现首页搜索组件的吸顶效果.mp4
5 搜索建议和搜索历史功能实现
22.搜索 - 搜索建议 - 渲染搜索页面的基本结构.mp4
23.搜索 - 搜索建议 - 实现搜索框自动获取焦点.mp4
24.搜索 - 搜索建议 - 实现搜索框的防抖处理.mp4
25.搜索 - 搜索建议 - 根据关键词查询搜索建议列表.mp4
26.搜索 - 搜索建议 - 循环渲染搜索建议列表的UI结构.mp4
27.搜索 - 搜索建议 - 美化搜索建议列表的UI结构.mp4
28.搜索 - 搜索建议 - 点击搜索Item项导航到商品详情页.mp4
29.搜索 - 搜索历史 - 渲染搜索历史记录的基本结构.mp4
30.搜索 - 搜索历史 - 美化搜索历史区域的UI结构.mp4
31.搜索 - 搜索历史 - 实现搜索建议和搜索历史的按需展示.mp4
32.搜索 - 搜索历史 - 将搜索关键词存入historyList.mp4
33.搜索 - 搜索历史 - 解决关键词前后顺序的问题.mp4
34.搜索 - 搜索历史 - 解决关键词重复的问题.mp4
35.搜索 - 搜索历史 - 将搜索历史记录持久化存储到本地.mp4
36.搜索 - 搜索历史 - 清空搜索历史记录.mp4
37.搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面.mp4
38.搜索 - 分支的合并与提交.mp4
6 商品列表功能实现
01.商品列表 - 介绍商品列表页面的功能并创建编译模式.mp4
02.商品列表 - 创建goodslist分支.mp4
03.商品列表 - 定义请求参数对象.mp4
04.商品列表 - 获取商品列表数据.mp4
05.商品列表 - 定义商品列表页面的UI结构.mp4
06.商品列表 - 美化商品列表页面的UI结构.mp4
07.商品列表 - 把商品Item项封装为自定义组件.mp4
08.商品列表 - 使用过滤器处理商品价格.mp4
09.商品列表 - 初步实现上拉加载更多.mp4
10.商品列表 - 使用节流阀防止发起额外的数据请求.mp4
11.商品列表 - 判断数据是否加载完毕.mp4
12.商品列表 - 实现下拉刷新的效果.mp4
13.商品列表 - 点击商品item项导航到商品详情页面.mp4
14.商品列表 - 分支的合并与提交.mp4
7 商品详情功能实现
15.商品详情 - 创建goodsdetail分支.mp4
16.商品详情 - 添加商品详情页的编译模式.mp4
17.商品详情 - 获取商品详情的数据.mp4
18.商品详情 - 渲染轮播图区域.mp4
19.商品详情 - 实现轮播图的大图预览效果.mp4
20.商品详情 - 渲染商品信息区域的UI结构.mp4
21.商品详情 - 美化商品信息区域的样式.mp4
22.商品详情 - 使用rich-text组件渲染HTML内容.mp4
23.商品详情 - 解决商品图文详情中图片底部空白间隙的问题.mp4
24.商品详情 - 解决webp格式的图片在ios设备上无法正常显示的问题.mp4
25.商品详情 - 解决商品价格闪烁的问题.mp4
26.商品详情 - 渲染商品导航区域的UI结构.mp4
27.商品详情 - 自定义商品导航区域的按钮信息.mp4
28.商品详情 - 点击购物车按钮导航到购物车页面.mp4
29.商品详情 - 分支的合并与提交.mp4
8 加入购物车功能实现
30.加入购物车 - 创建cart分支.mp4
31.加入购物车 - 配置vuex.mp4
32.加入购物车 - 创建购物车的store模块.mp4
33.加入购物车 - 在商品详情页中使用store中的数据.mp4
34.加入购物车 - 在mutations中定义addToCart方法.mp4
35.加入购物车 - 实现加入购物车的功能.mp4
36.加入购物车 - 动态统计购物车中商品的总数量.mp4
37.加入购物车 - 持久化存储购物车中的商品.mp4
38.加入购物车 - 优化商品详情页的total侦听器.mp4
39.加入购物车 - 动态为tabBar设置数字徽标.mp4
40.加入购物车 - 将设置tabBar徽标的代码抽离为mixins.mp4
9 购物车页面-商品列表功能实现
01.购物车页面 - 演示购物车页面要实现的功能.mp4
02.购物车页面 - 创建购物车页面的编译模式.mp4
03.购物车页面 - 商品列表区域 - 渲染商品列表的标题区域.mp4
04.购物车页面 - 商品列表区域 - 渲染商品列表区域的基本结构.mp4
05.购物车页面 - 商品列表区域 - 为my-goods组件封装radio勾选状态.mp4
06.购物车页面 - 商品列表区域 - 通过props属性控制radio的按需展示.mp4
07.购物车页面 - 商品列表区域 - 动态绑定radio组件的值.mp4
08.购物车页面 - 商品列表区域 - 介绍为my-goods组件封装radio-change事件的实现思路.mp4
09.购物车页面 - 商品列表区域 - 为my-goods组件封装radio-change自定义事件.mp4
10.购物车页面 - 商品列表区域 - 修改购物车中商品的勾选状态.mp4
11.购物车页面 - 商品列表区域 - 为my-goods组件封装NumberBox.mp4
12.购物车页面 - 商品列表区域 - 通过props属性控制NumberBox的按需展示.mp4
13.购物车页面 - 商品列表区域 - 介绍为my-goods组件封装num-change事件的实现思路.mp4
14.购物车页面 - 商品列表区域 - 为my-goods组件封装num-change事件.mp4
15.购物车页面 - 商品列表区域 - 解决NumberBox组件数据不合法的问题.mp4
16.购物车页面 - 商品列表区域 - 完善NumberBox的inputValue侦听器.mp4
17.购物车页面 - 商品列表区域 - 修改购物车中商品的数量.mp4
18.购物车页面 - 商品列表区域 - 渲染滑动删除的UI效果.mp4
19.购物车页面 - 商品列表区域 - 实现滑动删除的功能.mp4
10 购物车页面-收货地址功能实现
20.购物车页面 - 收货地址区域 - 创建my-address收货地址组件.mp4
21.购物车页面 - 收货地址区域 - 渲染收货地址组件的UI结构 - 上.mp4
22.购物车页面 - 收货地址区域 - 渲染收货地址组件的UI结构 - 下.mp4
23.购物车页面 - 收货地址区域 - 实现收货地址区域的按需展示.mp4
24.购物车页面 - 收货地址区域 - 实现选择收货地址的功能.mp4
25.购物车页面 - 收货地址区域 - 渲染收货人的信息.mp4
26.购物车页面 - 收货地址区域 - 在vuex中定义用户相关的m_user模块.mp4
27.购物车页面 - 收货地址区域 - 将address信息存储到vuex中.mp4
28.购物车页面 - 收货地址区域 - 将vuex中的address持久化存储到本地.mp4
29.购物车页面 - 收货地址区域 - 将addstr抽离为getters.mp4
30.购物车页面 - 收货地址区域 - 重新选择收货地址.mp4
31.购物车页面 - 收货地址区域 - 演示取消授权时的问题.mp4
32.购物车页面 - 收货地址区域 - 判断用户是否授权.mp4
33.购物车页面 - 收货地址区域 - 提示用户重新进行授权.mp4
34.购物车页面 - 收货地址区域 - 调用openSetting方法实现重新授权.mp4
35.购物车页面 - 收货地址区域 - 解决iPhone真机上无法重新授权的问题.mp4
11 购物车页面-结算功能实现
01.购物车页面 - 结算区域 - 把结算区域封装为独立的组件.mp4
02.购物车页面 - 结算区域 - 渲染结算区域的结构和样式.mp4
03.购物车页面 - 结算区域 - 动态渲染已勾选商品的总数量.mp4
04.购物车页面 - 结算区域 - 动态渲染全选按钮的选中状态.mp4
05.购物车页面 - 结算区域 - 使用数组的reduce方法改造total的计算方式.mp4
06.购物车页面 - 结算区域 - 实现商品的全选与反选功能.mp4
07.购物车页面 - 结算区域 - 动态渲染已勾选商品的总价格.mp4
08.购物车页面 - 结算区域 - 动态计算tabBar中购物车徽标的值.mp4
09.购物车页面 - 结算区域 - 渲染购物车为空时候的页面结构.mp4
10.购物车页面 - 分支的合并与提交.mp4
12 登录功能实现
11.登录与支付 - 创建settle分支.mp4
12.登录与支付 - 点击结算按钮进行条件判断.mp4
13.登录与支付 - 登录 - 定义my页面的编译模式.mp4
14.登录与支付 - 登录 - 实现登录组件和用户信息组件的按需展示.mp4
15.登录与支付 - 登录 - 初步渲染登录组件的基本结构.mp4
16.登录与支付 - 登录 - 美化登录组件的样式.mp4
17.登录与支付 - 登录 - 绘制登录盒子底部的半椭圆造型.mp4
18.登录与支付 - 登录 - 分析登录功能的实现思路.mp4
19.登录与支付 - 登录 - 点击登录按钮获取微信用户的基本信息.mp4
20.登录与支付 - 登录 - 处理用户取消登录授权的情况.mp4
21.登录与支付 - 登录 - 将用户的基本信息存储到vuex.mp4
22.登录与支付 - 登录 - 调用uni.login获取code对应的值.mp4
23.登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件.mp4
24.登录与支付 - 登录 - 登录获取Token字符串.mp4
25.登录与支付 - 登录 - 将Token存储到vuex中.mp4
13 用户信息和自动跳转功能实现
26.登录与支付 - 用户信息 - 实现用户头像、昵称区域的基本布局.mp4
27.登录与支付 - 用户信息 - 渲染用户的头像和昵称.mp4
28.登录与支付 - 用户信息 - 渲染第1个面板的UI结构.mp4
29.登录与支付 - 用户信息 - 美化第1个面板的样式.mp4
30.登录与支付 - 用户信息 - 渲染第2个面板区域.mp4
31.登录与支付 - 用户信息 - 渲染第3个面板区域.mp4
32.登录与支付 - 用户信息 - 实现退出登录的功能.mp4
33.登录与支付 - 三秒后自动跳转 - 实现倒计时提示的功能.mp4
34.登录与支付 - 三秒后自动跳转 - 控制秒数的边界并自动跳转到登录页面.mp4
35.登录与支付 - 三秒后自动跳转 - 解决seconds不会被重置的问题.mp4
36.登录与支付 - 三秒后自动跳转 - 将返回页的信息对象记录到vuex中.mp4
37.登录与支付 - 三秒后自动跳转 - 根据redirectInfo导航到登录之前的页面.mp44
14 微信支付功能和小程序项目发布
38.登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段.mp4
39.登录与支付 - 微信支付 - 了解微信支付的流程.mp4
40.登录与支付 - 微信支付 - 创建订单.mp4
41.登录与支付 - 微信支付 - 订单预支付.mp4
42.登录与支付 - 微信支付 - 实现微信支付.mp4
43.登录与支付 - 分支的合并与提交.mp4
44.发布 - 为什么要进行发布.mp4
45.发布 - 了解将uni-app项目发布为小程序的基本流程.mp4
46.发布 - 演示将uni-app项目发布为小程序的流程.mp4
47.发布 - 了解将uni-app项目发布为Android App的基本流程.mp4
48.发布 - 演示将uni-app项目发布为Android App的流程.mp4
资料.zip
|
|