这是一门由郑楚绵讲师主讲的uni-app实战课程，适用于具备基础HTML、CSS、JavaScript知识的学习者。课程涵盖了从基础到高级的Webapp和小程序开发，包括Vuejs应用、UI库封装、Vuex模块化管理、原生开发提升性能以及微信支付和支付宝支付的集成。通过47天的学习，学员可以获取大牛3年的项目经验，课程提供答疑服务、社群互动和丰富的学习资料。
扫码下载「CSDN程序员学院APP」，1000+技术好课免费看
APP订阅课程，领取优惠，最少立减5元 ↓↓↓
订阅后：请点击此处观看视频课程
视频教程-uni-app实战商城类app和小程序-Webapp
学习有效期：永久观看
学习时长：2799分钟
学习计划：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.证书申请和打包上线 |
| 第36章：后端部署（附加课） |
| 1.部署前环境搭建 |
| 2.域名解析 |
| 3.后端api部署 |
「7项超值权益，保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。
- 课程资料+课件
超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）
- 常用开发实战
企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。
「什么样的技术人适合学习？」
- 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
- 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
- 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。
「悉心打造精品好课，47天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进，帮助用户轻松掌握
掌握Webapp知识，扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。
「你可以收获什么？」
掌握weex（nvue），原生开发，提高性能
学会封装基础UI库，大大提高开发效率
掌握Vuex的使用，模块化管理
掌握微信支付和支付宝支付
扫一扫
2422
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
