三图广告位组件开发_uni-app实战商城类app和小程序-CSDN在线视频培训

课程目录

讨论留言

项目介绍
- 项目介绍（买前必看）
环境搭建和项目创建
- 环境搭建和项目创建
App.vue引入全局公共样式
- App.vue引入全局公共样式
- 修复引入uni.css报错问题
- 动画库使用和图标库创建
- 编写uniapp全局样式
底部导航开发
- 底部导航开发
UI基础库封装
- 基础UI库快速上手
- UI基础库封装（一）
- UI基础库封装（二）
首页开发（vue部分）
- 首页pages.json配置
- 首页轮播图组件开发
- 封装首页轮播图组件
- 图标分类组件开发
- 封装图标分类组件
- 封装全局分割线组件
- 三图广告位组件开发
- 封装三图广告位组件
- 大图广告组件开发
- 封装基础卡片组件
- 公共列表组件开发
- 封装价格显示组件
- 封装公共列表组件
- 【更新】顶部选项卡（一）
- 【更新】顶部选项卡（二）-获得列表模块（一）
- 【更新】顶部选项卡（三）-滑动列表模块（二）
- 【更新】顶部选项卡（四）-组织数据格式
- 【更新】顶部选项卡（五）-加载数据
- 【更新】顶部选项卡（六）-上拉加载更多
nvue基础快速入门
- 补充课：关于nvue编译模式问题（重要）
- 如何使用nvue
- weex组件浅析（一）
- nvue中css的注意事项
- weex组件浅析（二）
- nvue和vue之间的通讯（一）
- nvue和vue之间的通讯（二）
- vue和nvue共享变量和数据
- nvue使用uni-app接口
首页开发（Nvue部分）
- 轮播图组件开发
- 封装轮播图组件
- 图标分类组件开发
- 封装图标分类组件
- 封装分割线组件和监听页面显示
- 三图广告位组件开发
- 大图广告位组件开发
- 公共列表组件开发
- 封装公共列表组件
- 原生顶部选项卡开发（一）
- 原生顶部选项卡开发（二）
- 原生顶部选项卡开发（三）
- 原生顶部选项卡开发（四）
- 原生顶部选项卡开发（五）
- 原生顶部选项卡开发（六）
搜索页开发
- Pages.json配置
- 随机颜色按钮组件开发
- 搜索记录组件开发
搜索列表页开发
- 排序筛选组件开发（一）
- 排序筛选组件开发（二）
- 排序筛选组件开发（三）
- 排序筛选组件开发（四）
- 排序筛选组件开发（五）
- 开发搜索列表组件
- 封装搜索列表组件
商品分类页开发
- 商品分类页UI界面构建（一）
- 商品分类页UI界面构建（二）
- 商品分类页UI界面构建（三）
- 分类菜单联动实现（一）
- 分类菜单联动实现（二）
- 分类菜单联动实现（三）
- 分类菜单联动实现（四）
- 分类菜单联动实现（五）
- 优化分类页体验
商品详情页开发
- 轮播图组件二次优化
- 基础详情组件开发
- 滚动商品特性组件开发
- 开发属性选择样式
- 滚动评论列表组件开发
- 商品详情富文本解析开发
- 热门推荐商品列表开发
- 底部操作条组件开发
- 底部弹出框组件开发
- 弹出属性筛选组件开发（一）
- 弹出属性筛选组件开发（二）
- 弹出选择配送地址开发
- 封装弹出服务说明组件
- 修改返回键默认行为
商品评论列表页开发
- 评论分类组件开发
- 评论列表组件开发
vuex快速掌握
- Vuex的基础使用
- Vuex的state多种用法
- Vuex的Getters多种用法（一）
- Vuex的Getters多种用法（二）
- Vuex的Mutation多种用法
- Vuex的Action用法
- Vuex模块化实现
购物车开发
- 无商品禁用全选功能
- 修复分类页联动滚动bug
- 编辑购物车（一）- ui构建
- 编辑购物车（二）- 删除功能
- 编辑购物车（三）- 修改属性（1）
- 编辑购物车（四）- 修改属性（2）
- 完善详情页加入购物车功能
- 自定义导航开发
- 无商品默认显示组件开发
- 开发购物车商品列表组件（一）
- 开发购物车商品列表组件（二）
- 开发购物车商品列表组件（三）
- 合计组件开发
- 全选和取消全选功能实现
- 合计价格优雅实现
- 选中和取消选中单个实现
个人中心页开发
- 自定义头部组件开发
- UI界面构建（一）- 图标分类
- UI界面构建（二）- 菜单部分
设置页开发
- 用户设置页面开发
编辑个人资料页开发
- 修改资料页面开发
收货地址页开发
- 收货地址页面开发
- 增加收货地址页面开发
- 引入三级联动
- 列表滑动操作
- 使用vuex来管理收货地址
- 创建收货地址功能
- 删除收货地址功能
- 修改收货地址功能
- 完善详情页收货地址
- 完善设置默认收货地址（一）
- 完善设置默认收货地址（二）
- 补充购物车热门列表
订单页开发
- 创建订单页面
- 封装默认显示组件
- 顶部tab选项卡开发
- 订单列表组件开发（一）
- 订单列表组件开发（二）
- 订单列表组件开发（三）
订单支付页开发
- 选择地址组件开发
- 列表组件功能升级
- 订单支付页UI开发
- 底部导航组件开发
- 自动填写默认地址
- 选择收货地址功能
发票页开发
- 发票选择页面开发（一）
- 发票选择页面开发（二）
登录页开发
- 登录页UI界面构建（一）
- 登录页UI界面构建（二）
- 登录页UI界面构建（三）
- 表单验证功能实现（一）
- 表单验证功能实现（二）
通知页开发
- 通知列表页开发
通知详情页开发
- 通知详情页开发
优化首次加载白屏问题
- 优化首次加载页面白屏问题（一）
- 优化首次加载页面白屏问题（二）
支付方式页和支付成功页开发
- 选择支付方式页开发（一）
- 选择支付方式页开发（二）
- 支付成功页开发
选择优惠券页开发
- 选择优惠券页开发（一）
- 选择优惠券页开发（二）
- 选择优惠券页开发（三）
订单详情页开发
- 订单详情页开发（一）
- 订单详情页开发（二）
- 订单详情页页面开发（三）
物流信息页开发
- 物流信息页开发
申请售后页开发
- 申请售后页开发（一）
- 申请售后页开发（二）
- 申请售后页开发（三）
关于商城页开发
- 关于商城页开发
前后端交互部分开发
- 前后端交互前置知识
- request的三种方式（一）
- request的三种方式（二）
- 首页前后端交互（一）渲染分类和首屏数据
- 首页前后端交互（二）滑动渲染数据
- 首页前后端交互（三）上拉加载实现
- 首页前后端交互（四）下拉刷新
- 优化空数据默认显示
- 防止选项卡多次请求问题
- 优化首页加载状态
- request请求类封装（一）
- request请求类封装（二）
- request请求类封装（三）
- 【小程序端】首页导航适配
- 【小程序端】首页前后端交互（一）
- 【小程序端】首页前后端交互（二）
- 【小程序端】首页前后端交互（三）
- 【小程序端】首页前后端交互（四）
- 【小程序端】首页前后端交互（五）
- 商品详情页交互（一）轮播图
- 商品详情页交互（二）商品信息
- 商品详情页交互（三）热门评论
- 商品详情页交互（四）商品详情和热门推荐
- 商品详情页交互（五）多规格（一）
- 商品详情页交互（六）多规格（二）
- 评论接口调整
- 多规格选择功能（一）
- 多规格选择功能（二）
- 多规格选择功能（三）
- 规格选择库存限制
- 最大购买数的处理
- 指定商品评论列表交互
- 评论列表 - 分页功能实现
- 评论列表 - 分类实现
- 评论列表 - 下拉刷新功能
- 评论列表 - 客服回复
- 优化蒙版滚动问题
- 完善搜索页面-搜索记录（一）
- 完善搜索页面-搜索记录（二）
- 完善搜索页面-搜索记录（三）
- 完善搜索页面-搜索记录（四）
- 搜索列表 - 搜索功能
- 搜索列表 - 排序功能（一）
- 搜索列表 - 排序功能（二）
- 搜索列表-筛选功能（一）
- 搜索列表-筛选功能（二）
- 搜索列表-重置筛选功能
- 搜索列表-上拉加载更多
- 搜索列表-下拉刷新功能
- 搜索列表-优化搜索页面（一）
- 搜索列表-优化搜索页面（二）
- 搜索列表-优化搜索页面（三）
- 优化搜索列表和公共列表
- 商品分类前后端交互（一）
- 商品分类前后端交互（二）
- 用户登录功能（一）
- 用户登录功能（二）
- 退出登录功能
- 初始化登录状态
- 封装跳转权限验证
- 全局处理请求token（一）
- 全局处理请求token（二）
- 全局处理token失效（三）
- 商品详情单规格处理
- 优化收货地址滑动操作性能
- 收货地址列表和下拉刷新功能
- 收货地址列表上拉加载功能
- 新增收货地址功能实现
- 删除收货地址功能实现
- 修改收货地址功能实现
- 修复购物车一些小问题
- 获取当前用户购物车列表
- 修改购物车商品数量
- 修改购物车商品sku（一）
- 修改购物车商品sku（二）
- 修改购物车商品sku（三）
- 修改购物车商品sku（四）
- 修改购物车商品sku（五）
- 修改购物车商品sku（六）- 默认选中规格
- 处理库存不足问题
- 购物车列表下拉刷新功能
- 加入购物车功能
- 批量删除购物车商品功能
- 购物车角标提示更新功能（一）
- 购物车角标提示更新功能（二）
- 优化购物车列表加载问题（一）
- 优化购物车列表加载问题（二）
- 领取优惠券功能（一）
- 领取优惠券功能（二）
- 领取优惠券功能（三）
- 领取优惠券功能（四）
- 当前用户已领取优惠券列表
- 购物车结算交互（一）
- 购物车结算交互（二）
- 购物车结算交互（三）-可用优惠券数量
- 购物车结算交互（四）-优惠券价格计算
- 购物车结算交互（五）-优惠券不可用判断
- 购物车结算交互（六）-下单流程（一）
- 购物车结算交互（七）-下单流程（二）
- 订单支付（一）
- 订单支付（二）-支付实现
- 订单支付（三）-支付成功处理
- 订单列表交互
- 订单列表交互-完成支付和取消订单
- 订单列表交互-申请退款
- 订单列表交互-查看物流
- 订单列表交互-确认收货
- 订单详情交互
- 订单详情交互-自动取消订单
- 订单详情交互-自动确认收货
- 订单详情交互-优惠券显示
- 订单详情交互-完善小细节
- 微信支付申请流程
- 自定义基座和微信支付调试
多端兼容处理
- 兼容微信小程序处理
- 微信小程序支付申请到实现流程
打包上线
- 证书申请和打包上线
后端部署（附加课）
- 部署前环境搭建
- 域名解析
- 后端api部署

课时介绍

三图广告位组件开发

课程介绍

适用人群

具备Html+Css+Javascript基础知识和Vuejs基础知识。

课程概述

本季度为uni-app实战项目第2季度，将实战商城类app和小程序，其中会包括发布到安卓端app，iOS端app、微信小程序，另外还会涉及Weex（nvue），Vuex模块化管理，商城支付模块等。
课程大纲见以下图！