更新时间:2023年08月09日15时27分 来源:传智教育 浏览次数:
1. 已经学过原生小程序,想要进阶 uni-app 的同学
2. 学过 Vue3+TS 基础,但是苦于没有项目练手的同学
3. 想要编写一套代码,同时支持小程序、H5、App 等多端需求的同学
4. 想要做小程序毕业设计的同学
5. 后端想要了解小程序的同学
本课程是全网首套用 vue3 加 TS 写的 uniapp 项目, 里面大量封装自己的组件库,课程从 uni-app 基础入手,按照9大电商业务模块逐步实现完整的电商购物流程业务;涵盖了猜你喜欢、热门推荐、商品分类、商品详情、微信登录、用户管理、地址管理、购物车管理、订单管理等功能。包含微信登录,微信支付等业务。一套代码多端全面覆盖小程序端、H5端、APP端。
学完本课程能够收获:使用 uni-app + Vue3 开发中型项目的能力
1. 最齐全物料:详细的在线笔记,稳定的接口服务器,字段和类型完善的接口文档。
2. 最新技术栈:基于 uni-app 多端开发框架,采用 Vue3 + TS + Pinia + uni-ui 的 2023 最新组合开发,编码符合 ESLint + Prettier + Git Hooks 团队规范。
3. 最多的业务:涵盖了猜你喜欢、热门推荐、商品分类、商品详情、微信登录、用户管理、地址管理、购物车管理、订单管理等功能。包含微信登录,微信支付等业务。
4. 最佳的实践:组合式API最佳实践,Vue3+TS最佳实践,Pinia状态管理最佳实践,uni-ui 组件库最佳实践,开发主流微信小程序端并打包上线,同时兼容 H5 端。
课程共分为6章:1. uni-app 入门 2. 项目首页 3. 商品推荐、商品分类、商品详情 4. 登录和会员中心 5. 地址管理、商品SKU和购物车 6. 订单管理、微信支付、打包上线
前端uni-app小兔鲜儿小程序项目(滑动查看)
第1节 - Day1-01-uni-app小兔鲜儿导学视频
第2节 - Day1-02-创建uni-app项目
第3节 - Day1-03-pages.json和tabBar案例
第4节 - Day1-04-uni-app和原生小程序开发区别
第5节 - Day1-05-通过命令行方式安装uni-app
第6节 - Day1-06-用VSCode开发uni-app项目
第7节 - Day1-07-拉取小兔鲜儿项目模板代码
第8节 - Day1-08-基础架构-安装uni-ui组件库
第9节 - Day1-09-基础架构-小程序端Pinia持久化
第10节 - Day1-10-基础架构-请求和上传文件拦截器
第11节 - Day1-11-基础架构-请求函数封装-请求成功-待修复-图形化
第12节 - Day1-12-基础架构-请求函数封装-失败情况
第13节 - Day1-13-首页-自定义导航栏
第14节 - Day2-01-轮播图-通用组件自动导入
第15节 - Day2-02-轮播图-指示点
第16节 - Day2-03-轮播图-获取轮播图数据
第17节 - Day2-04-轮播图-数据类型定义和渲染
第18节 - Day2-05-轮播图-总结
第19节 - Day2-06-前台分类-组件封装
第20节 - Day2-07-前台分类-获取数据
第21节 - Day2-08-前台分类类型定义和渲染
第22节 - Day2-09-首页-热门推荐
第23节 - Day2-10-猜你喜欢-组件封装
第24节 - Day2-11-猜你喜欢-获取数据-拆解
第25节 - Day2-12-猜你喜欢-类型定义和列表渲染
第26节 - Day2-13-猜你喜欢-分页准备
第27节 - Day2-14-猜你喜欢-分页加载
第28节 - Day2-15-猜你喜欢-分页条件
第29节 - Day2-16-首页-下拉刷新
第30节 - Day2-17-首页-下拉刷新-猜你喜欢数据获取
第31节 - Day2-18-首页-骨架屏
第32节 - Day3-01-热门推荐-准备工作
第33节 - Day3-02-热门推荐-获取数据
第34节 - Day3-03-热门推荐-类型定义
第35节 - Day3-04-热门推荐-页面渲染和Tab交互
第36节 - Day3-05-热门推荐-分页加载
第37节 - Day3-06-热门推荐-分页条件
第38节 - Day3-07-商品分类-准备工作
第39节 - Day3-08-商品分类-渲染一级分类和Tab交互
第40节 - Day3-09-商品分类-渲染二级分类和商品
第41节 - Day3-10-商品分类-骨架屏
第42节 - Day3-11-商品详情-准备工作
第43节 - Day3-12-商品详情-页面渲染
第44节 - Day3-13-商品详情-轮播图交互
第45节 - Day3-14-商品详情-弹出层组件
第46节 - Day3-15-商品详情-弹出层交互
第47节 - Day4-01-登录模块-小程序快捷登录
第48节 - Day4-02-登录模块-模拟快捷登录
第49节 - Day4-03-登录模块-保存登录信息
第50节 - Day4-04-会员中心-会员信息展示
第51节 - Day4-05-会员中心-猜你喜欢分页加载
第52节 - Day4-06-会员中心-设置页分包和预下载
第53节 - Day4-07-会员中心-退出登录
第54节 - Day4-08-个人信息-准备工作
第55节 - Day4-09-个人信息-获取和渲染
第56节 - Day4-10-个人信息-修改用户头像
第57节 - Day4-11-个人信息-修改用户昵称
第58节 - Day4-12-个人信息-同步头像昵称
第59节 - Day4-13-个人信息-修改性别
第60节 - Day4-14-个人信息-修改生日
第61节 - Day4-15-个人信息-修改城市
第62节 - Day4-16-个人信息-技术点总结
第63节 - Day5-01-地址模块-准备工作
第64节 - Day5-02-地址模块-新建地址
第65节 - Day5-03-地址模块-列表渲染
第66节 - Day5-04-地址模块-修改地址-数据回显
第67节 - Day5-05-地址模块-修改地址-提交表单
第68节 - Day5-06-地址模块-表单校验
第69节 - Day5-07-地址模块-删除地址
第70节 - Day5-08-SKU模块-插件基本使用
第71节 - Day5-09-SKU模块-渲染商品信息
第72节 - Day5-10-SKU模块-打开弹窗设置按钮模式
第73节 - Day5-11-SKU模块-计算被选中的值
第74节 - Day5-12-SKU模块-加入购物车
第75节 - Day5-13-购物车模块-列表渲染
第76节 - Day5-14-购物车模块-删除单品
第77节 - Day5-15-购物车模块-修改单品数量
第78节 - Day5-16-购物车模块-修改选中状态
第79节 - Day5-17-购物车模块-底部结算信息
第80节 - Day5-18-购物车模块-两个购物车页面
第81节 - Day6-01-填写订单-渲染基本信息
第82节 - Day6-02-填写订单-收货地址
第83节 - Day6-03-填写订单-立即购买
第84节 - Day6-04-填写订单-提交订单
第85节 - Day6-05-订单详情-自定义导航栏交互
第86节 - Day6-06-订单详情-订单状态渲染
第87节 - Day6-07-订单详情-待支付倒计时
第88节 - Day6-08-订单详情-待付款-订单支付
第89节 - Day6-09-订单详情-待发货-模拟发货
第90节 - Day6-10-订单详情-待收货-确认收货
第91节 - Day6-11-订单详情-待收货-订单物流
第92节 - Day6-12-订单详情-删除订单
第93节 - Day6-13-订单列表-Tabs滑动切换
第94节 - Day6-14-订单列表-Tabs页面跳转高亮
第95节 - Day6-15-订单列表-列表渲染
第96节 - Day6-16-订单列表-订单支付
第97节 - Day6-17-项目打包-微信小程序端发布上线
第98节 - Day6-18-项目打包-条件编译和网页端打包
未完待续,黑马老师996更新中......
掌握行业热门技术
是每个程序员都应该重视的事情
前端uni-app小兔鲜儿小程序项目如此重要,你还没学?
点击或搜索黑马程序员B站
观看全集视频
- 完整配套资料领取方式 -
(视频+讲义+源码+笔记+资料)
黑马程序员视频库