订阅后:请点击此处观看视频课程
****-uni-app实战商城类app和小程序-Webapp
学习有效期:永久观看
学习时长:2763分钟
学习计划:47天
难度:中
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:郑楚绵
CEO/董事长/总经理
讲师介绍:帝莎学院创始人&CEO,目前主要从事全栈开发、Python、PHP、小程序、App、Web等技术的研究和开发。专注于实战类教程,授课风趣幽默,讲解条理清晰、通俗易懂,能举一反三,发散学生的思维,指引学生发掘适合自己的学习方法。
☛点击立即跟老师学习☚
「你将学到什么?」
适用人群
具备Html+Css+Javascript基础知识和Vuejs基础知识。
课程概述
本季度为uni-app实战项目第2季度,将实战商城类app和小程序,其中会包括发布到安卓端app,iOS端app、微信小程序,另外还会涉及Weex(nvue),Vuex模块化管理,商城支付模块等。
课程大纲见以下图!
课程大纲见以下图!
「课程学习目录」
| 第1章:项目介绍 |
| 1.项目介绍(买前必看) |
| 第2章:环境搭建和项目创建 |
| 1.环境搭建和项目创建 |
| 第3章:App.vue引入全局公共样式 |
| 1.App.vue引入全局公共样式 |
| 2.修复引入uni.css报错问题 |
| 3.动画库使用和图标库创建 |
| 4.编写uniapp全局样式 |
| 第4章:底部导航开发 |
| 1.底部导航开发 |
| 第5章:UI基础库封装 |
| 1.基础UI库快速上手 |
| 2.UI基础库封装(一) |
| 3.UI基础库封装(二) |
| 第6章:首页开发(vue部分) |
| 1.首页pages.json配置 |
| 2.首页轮播图组件开发 |
| 3.封装首页轮播图组件 |
| 4.图标分类组件开发 |
| 5.封装图标分类组件 |
| 6.封装全局分割线组件 |
| 7.三图广告位组件开发 |
| 8.封装三图广告位组件 |
| 9.大图广告组件开发 |
| 10.封装基础卡片组件 |
| 11.公共列表组件开发 |
| 12.封装价格显示组件 |
| 13.封装公共列表组件 |
| 14.【更新】顶部选项卡(一) |
| 15.【更新】顶部选项卡(二)-获得列表模块(一) |
| 16.【更新】顶部选项卡(三)-滑动列表模块(二) |
| 17.【更新】顶部选项卡(四)-组织数据格式 |
| 18.【更新】顶部选项卡(五)-加载数据 |
| 19.【更新】顶部选项卡(六)-上拉加载更多 |
| 第7章:nvue基础快速入门 |
| 1.补充课:关于nvue编译模式问题(重要) |
| 2.如何使用nvue |
| 3.weex组件浅析(一) |
| 4.nvue中css的注意事项 |
| 5.weex组件浅析(二) |
| 6.nvue和vue之间的通讯(一) |
| 7.nvue和vue之间的通讯(二) |
| 8.vue和nvue共享变量和数据 |
| 9.nvue使用uni-app接口 |
| 第8章:首页开发(Nvue部分) |
| 1.轮播图组件开发 |
| 2.封装轮播图组件 |
| 3.图标分类组件开发 |
| 4.封装图标分类组件 |
| 5.封装分割线组件和监听页面显示 |
| 6.三图广告位组件开发 |
| 7.大图广告位组件开发 |
| 8.公共列表组件开发 |
| 9.封装公共列表组件 |
| 10.原生顶部选项卡开发(一) |
| 11.原生顶部选项卡开发(二) |
| 12.原生顶部选项卡开发(三) |
| 13.原生顶部选项卡开发(四) |
| 14.原生顶部选项卡开发(五) |
| 15.原生顶部选项卡开发(六) |
| 第9章:搜索页开发 |
| 1.Pages.json配置 |
| 2.随机颜色按钮组件开发 |
| 3.搜索记录组件开发 |
| 第10章:搜索列表页开发 |
| 1.排序筛选组件开发(一) |
| 2.排序筛选组件开发(二) |
| 3.排序筛选组件开发(三) |
| 4.排序筛选组件开发(四) |
| 5.排序筛选组件开发(五) |
| 6.开发搜索列表组件 |
| 7.封装搜索列表组件 |
| 第11章:商品分类页开发 |
| 1.商品分类页UI界面构建(一) |
| 2.商品分类页UI界面构建(二) |
| 3.商品分类页UI界面构建(三) |
| 4.分类菜单联动实现(一) |
| 5.分类菜单联动实现(二) |
| 6.分类菜单联动实现(三) |
| 7.分类菜单联动实现(四) |
| 8.分类菜单联动实现(五) |
| 9.优化分类页体验 |
| 第12章:商品详情页开发 |
| 1.轮播图组件二次优化 |
| 2.基础详情组件开发 |
| 3.滚动商品特性组件开发 |
| 4.开发属性选择样式 |
| 5.滚动评论列表组件开发 |
| 6.商品详情富文本解析开发 |
| 7.热门推荐商品列表开发 |
| 8.底部操作条组件开发 |
| 9.底部弹出框组件开发 |
| 10.弹出属性筛选组件开发(一) |
| 11.弹出属性筛选组件开发(二) |
| 12.弹出选择配送地址开发 |
| 13.封装弹出服务说明组件 |
| 14.修改返回键默认行为 |
| 第13章:商品评论列表页开发 |
| 1.评论分类组件开发 |
| 2.评论列表组件开发 |
| 第14章:vuex快速掌握 |
| 1.Vuex的基础使用 |
| 2.Vuex的state多种用法 |
| 3.Vuex的Getters多种用法(一) |
| 4.Vuex的Getters多种用法(二) |
| 5.Vuex的Mutation多种用法 |
| 6.Vuex的Action用法 |
| 7.Vuex模块化实现 |
| 第15章:购物车开发 |
| 1.自定义导航开发 |
| 2.无商品默认显示组件开发 |
| 3.开发购物车商品列表组件(一) |
| 4.开发购物车商品列表组件(二) |
| 5.开发购物车商品列表组件(三) |
| 6.合计组件开发 |
| 7.全选和取消全选功能实现 |
| 8.合计价格优雅实现 |
| 9.选中和取消选中单个实现 |
| 10.无商品禁用全选功能 |
| 11.修复分类页联动滚动bug |
| 12.编辑购物车(一)- ui构建 |
| 13.编辑购物车(二)- 删除功能 |
| 14.编辑购物车(三)- 修改属性(1) |
| 15.编辑购物车(四)- 修改属性(2) |
| 16.完善详情页加入购物车功能 |
| 第16章:个人中心页开发 |
| 1.自定义头部组件开发 |
| 2.UI界面构建(一)- 图标分类 |
| 3.UI界面构建(二)- 菜单部分 |
| 第17章:设置页开发 |
| 1.用户设置页面开发 |
| 第18章:编辑个人资料页开发 |
| 1.修改资料页面开发 |
| 第19章:收货地址页开发 |
| 1.收货地址页面开发 |
| 2.增加收货地址页面开发 |
| 3.引入三级联动 |
| 4.列表滑动操作 |
| 5.使用vuex来管理收货地址 |
| 6.创建收货地址功能 |
| 7.删除收货地址功能 |
| 8.修改收货地址功能 |
| 9.完善详情页收货地址 |
| 10.完善设置默认收货地址(一) |
| 11.完善设置默认收货地址(二) |
| 12.补充购物车热门列表 |
| 第20章:订单页开发 |
| 1.创建订单页面 |
| 2.封装默认显示组件 |
| 3.顶部tab选项卡开发 |
| 4.订单列表组件开发(一) |
| 5.订单列表组件开发(二) |
| 6.订单列表组件开发(三) |
| 第21章:订单支付页开发 |
| 1.选择地址组件开发 |
| 2.列表组件功能升级 |
| 3.订单支付页UI开发 |
| 4.底部导航组件开发 |
| 5.自动填写默认地址 |
| 6.选择收货地址功能 |
| 第22章:发票页开发 |
| 1.发票选择页面开发(一) |
| 2.发票选择页面开发(二) |
| 第23章:登录页开发 |
| 1.登录页UI界面构建(一) |
| 2.登录页UI界面构建(二) |
| 3.登录页UI界面构建(三) |
| 4.表单验证功能实现(一) |
| 5.表单验证功能实现(二) |
| 第24章:通知页开发 |
| 1.通知列表页开发 |
| 第25章:通知详情页开发 |
| 1.通知详情页开发 |
| 第26章:优化首次加载白屏问题 |
| 1.优化首次加载页面白屏问题(一) |
| 2.优化首次加载页面白屏问题(二) |
| 第27章:支付方式页和支付成功页开发 |
| 1.选择支付方式页开发(一) |
| 2.选择支付方式页开发(二) |
| 3.支付成功页开发 |
| 第28章:选择优惠券页开发 |
| 1.选择优惠券页开发(一) |
| 2.选择优惠券页开发(二) |
| 3.选择优惠券页开发(三) |
| 第29章:订单详情页开发 |
| 1.订单详情页开发(一) |
| 2.订单详情页开发(二) |
| 3.订单详情页页面开发(三) |
| 第30章:物流信息页开发 |
| 1.物流信息页开发 |
| 第31章:申请售后页开发 |
| 1.申请售后页开发(一) |
| 2.申请售后页开发(二) |
| 3.申请售后页开发(三) |
| 第32章:关于商城页开发 |
| 1.关于商城页开发 |
| 第33章:前后端交互部分开发 |
| 1.前后端交互前置知识 |
| 2.request的三种方式(一) |
| 3.request的三种方式(二) |
| 4.首页前后端交互(一)渲染分类和首屏数据 |
| 5.首页前后端交互(二)滑动渲染数据 |
| 6.首页前后端交互(三)上拉加载实现 |
| 7.首页前后端交互(四)下拉刷新 |
| 8.优化空数据默认显示 |
| 9.防止选项卡多次请求问题 |
| 10.优化首页加载状态 |
| 11.request请求类封装(一) |
| 12.request请求类封装(二) |
| 13.request请求类封装(三) |
| 14.【小程序端】首页导航适配 |
| 15.【小程序端】首页前后端交互(一) |
| 16.【小程序端】首页前后端交互(二) |
| 17.【小程序端】首页前后端交互(三) |
| 18.【小程序端】首页前后端交互(四) |
| 19.【小程序端】首页前后端交互(五) |
| 20.商品详情页交互(一)轮播图 |
| 21.商品详情页交互(二)商品信息 |
| 22.商品详情页交互(三)热门评论 |
| 23.商品详情页交互(四)商品详情和热门推荐 |
| 24.商品详情页交互(五)多规格(一) |
| 25.商品详情页交互(六)多规格(二) |
| 26.评论接口调整 |
| 27.多规格选择功能(一) |
| 28.多规格选择功能(二) |
| 29.多规格选择功能(三) |
| 30.规格选择库存限制 |
| 31.最大购买数的处理 |
| 32.指定商品评论列表交互 |
| 33.评论列表 - 分页功能实现 |
| 34.评论列表 - 分类实现 |
| 35.评论列表 - 下拉刷新功能 |
| 36.评论列表 - 客服回复 |
| 37.优化蒙版滚动问题 |
| 38.完善搜索页面-搜索记录(一) |
| 39.完善搜索页面-搜索记录(二) |
| 40.完善搜索页面-搜索记录(三) |
| 41.完善搜索页面-搜索记录(四) |
| 42.搜索列表 - 搜索功能 |
| 43.搜索列表 - 排序功能(一) |
| 44.搜索列表 - 排序功能(二) |
| 45.搜索列表-筛选功能(一) |
| 46.搜索列表-筛选功能(二) |
| 47.搜索列表-重置筛选功能 |
| 48.搜索列表-上拉加载更多 |
| 49.搜索列表-下拉刷新功能 |
| 50.搜索列表-优化搜索页面(一) |
| 51.搜索列表-优化搜索页面(二) |
| 52.搜索列表-优化搜索页面(三) |
| 53.优化搜索列表和公共列表 |
| 54.商品分类前后端交互(一) |
| 55.商品分类前后端交互(二) |
| 56.用户登录功能(一) |
| 57.用户登录功能(二) |
| 58.退出登录功能 |
| 59.初始化登录状态 |
| 60.封装跳转权限验证 |
| 61.全局处理请求token(一) |
| 62.全局处理请求token(二) |
| 63.全局处理token失效(三) |
| 64.商品详情单规格处理 |
| 65.优化收货地址滑动操作性能 |
| 66.收货地址列表和下拉刷新功能 |
| 67.收货地址列表上拉加载功能 |
| 68.新增收货地址功能实现 |
| 69.删除收货地址功能实现 |
| 70.修改收货地址功能实现 |
| 71.修复购物车一些小问题 |
| 72.获取当前用户购物车列表 |
| 73.修改购物车商品数量 |
| 74.修改购物车商品sku(一) |
| 75.修改购物车商品sku(二) |
| 76.修改购物车商品sku(三) |
| 77.修改购物车商品sku(四) |
| 78.修改购物车商品sku(五) |
| 79.修改购物车商品sku(六)- 默认选中规格 |
| 80.处理库存不足问题 |
| 81.购物车列表下拉刷新功能 |
| 82.加入购物车功能 |
| 83.批量删除购物车商品功能 |
| 84.购物车角标提示更新功能(一) |
| 85.购物车角标提示更新功能(二) |
| 86.优化购物车列表加载问题(一) |
| 87.优化购物车列表加载问题(二) |
| 88.领取优惠券功能(一) |
| 89.领取优惠券功能(二) |
| 90.领取优惠券功能(三) |
| 91.领取优惠券功能(四) |
| 92.当前用户已领取优惠券列表 |
| 93.购物车结算交互(一) |
| 94.购物车结算交互(二) |
| 95.购物车结算交互(三)-可用优惠券数量 |
| 96.购物车结算交互(四)-优惠券价格计算 |
| 97.购物车结算交互(五)-优惠券不可用判断 |
| 98.购物车结算交互(六)-下单流程(一) |
| 99.购物车结算交互(七)-下单流程(二) |
| 100.订单支付(一) |
| 101.订单支付(二)-支付实现 |
| 102.订单支付(三)-支付成功处理 |
| 103.订单列表交互 |
| 104.订单列表交互-完成支付和取消订单 |
| 105.订单列表交互-申请退款 |
| 106.订单列表交互-查看物流 |
| 107.订单列表交互-确认收货 |
| 108.订单详情交互 |
| 109.订单详情交互-自动取消订单 |
| 110.订单详情交互-自动确认收货 |
| 111.订单详情交互-优惠券显示 |
| 112.订单详情交互-完善小细节 |
| 113.微信支付申请流程 |
| 114.自定义基座和微信支付调试 |
| 第34章:多端兼容处理 |
| 1.兼容微信小程序处理 |
| 2.微信小程序支付申请到实现流程 |
| 第35章:打包上线 |
| 1.证书申请和打包上线 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍。
- 课程资料+课件
超实用资料,覆盖核心知识,关键技能,方便练习巩固。
- 常用实战
企业常见实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景学习需求,不受空间、地域限制。
- 内推机会
CSDN联合大厂博客专家,为优秀学员推荐具有竞争力的工作机会 。
☛点击立即跟老师学习☚
「什么样的技术人适合学习?」
- 想进入技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是技术不够丰富,没有竞争力的你
「悉心打造精品好课,47天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握Webapp知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
☛点击立即跟老师学习☚
「你可以收获什么?」
掌握weex(nvue),原生开发,提高性能
学会封装基础UI库,大大提高开发效率
掌握Vuex的使用,模块化管理
掌握微信支付和支付宝支付