优购商城项目2.0小程序项目视频教程(3.64G)

优购商城项目2.0小程序项目视频教程(3.64G)

售价:
¥18.88 钻石
  • 普通用户购买价格 : 18.88钻石
  • SVIP会员购买价格 :0钻石
  • 终身SVIP购买价格 : 免费

本站所发布的一切软件的解密分析文章和视频仅限用于学习和研究目的。本站信息来自网络,版权争议与本站无关。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权或链接失效等其他问题,请点击这里与我们联系处理!

  • 文章介绍
  • 〖课程介绍〗:

    优购商城项目2.0小程序项目视频教程

    〖课程目录〗:
      
    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
    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导航到登录之前的页面_.mp4
    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
    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
    资料.zip

     

    常见问题FAQ

    网站视频加密吗?
    为了方便您的学习所有视频都是不加密的!
    链接失效怎么办?
    失效反馈:如果遇到网盘分享链接失效 请点击这里一键反馈!收到后会回复,带上资源链接标题,10分钟内修复
    你站的更新频率?
    IT发展很快,不断有新技术更新,随之而来的是对应教程的更新,市面上一有优质新资源,我们不惜RMB会很快将其收录,收录的主要有各类最新IT教程包含基础教程,实战课程等基本上每天都会更新资源。
    价格是不贵了?
    根据我们的资源成本,永久vip限时仅68元(价格随时可能会上涨).这价格或许您在其它地方买不了一部教程,这或许是您的一顿饭钱,或者三五包烟钱,或许是您不到半天的工资.然而抛开我们网站维护的成本和我们投入的时间成本不说,光我们每日更新的资源成本毫不夸张地说都在100元以上我们买一部优质新资源都少不了花几十块上百块开通vip会员远比您在其它地方单独购买划算,您还可以免费申请本站购买您要的站外的资源(我们也是为了让本站收录更多高质量资源)以后您都没必要四处找教程,节约人民币,节约时间,提高效率,提高技术,薪资涨涨涨.
    • 615稳定运行(天)

    你的前景,远超我们想象

    加入我们
    升级SVIP尊享更多特权立即升级