教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

web前端精品教程:前端uni-app小兔鲜儿小程序项目

更新时间:2023年08月09日15时27分 来源:传智教育 浏览次数:

好口碑IT培训

  本视频主要面向的群体是:

  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站

观看全集视频

- 完整配套资料领取方式 -

(视频+讲义+源码+笔记+资料)

黑马程序员视频库

搜索《前端uni-app小兔鲜儿小程序项目

0 分享到:
和我们在线交谈!