第 1 章: 项目流程详解及注意事项
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
1-1: 项目开发前的相关介绍
15分32秒
1-2: UI库的讲解与选择
15分32秒
1-3: 项目开发的整个流程讲解
15分32秒
1-4: 命名与代码规范
15分32秒
1-5: 项目创建并推送到远程仓库
15分32秒
1-6: UI库的引入与相关工具介绍
15分32秒
第 2 章: 项目初始化及接口文档说明
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
2-1: 创建路由组件与配置路由
15分32秒
2-2: 简写路径前缀与创建端口
15分32秒
2-3: 封装axios网络请求
15分32秒
2-4: API测试与请求
15分32秒
2-5: 请求API的方式与方法讲解
15分32秒
2-6: 登录页面开发
15分32秒
第 3 章: 完成登录页和路由配置
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
3-1: 网络请求与登录页的关联
15分32秒
3-2: pinia引入与状态管理编写
15分32秒
3-3: 完善状态管理
15分32秒
3-4: 创建导航前置守卫
15分32秒
3-5: 配置路由跳转
15分32秒
3-6: layout页面布局
15分32秒
第 4 章: 布局侧边栏和用户列表页面
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
4-1: 登录后的token存储和侧边栏构建
15分32秒
4-2: 侧边栏跳转页面的创建
15分32秒
4-3: 侧边栏基本结构开发
15分32秒
4-4: 实现侧边栏点击跳转
15分32秒
4-5: message信息提示
15分32秒
4-6: 用户列表页面布局开发
15分32秒
第 5 章: 项目用户列表及其功能开发
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
5-1: 搜索功能与分页功能实现
15分32秒
5-2: 用户列表数据挂载及优化样式
15分32秒
5-3: 禁用与启用的功能实现
15分32秒
5-4: 用户列表分页功能开发
15分32秒
5-5: 用户列表新建功能开发
15分32秒
5-6: 用户列表新建功能完善
15分32秒
第 6 章: 用户编辑与图片上传
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
6-1: 用户添加时错误提示
15分32秒
6-2: 用户编辑功能开发逻辑
15分32秒
6-3: 用户编辑功能完善
15分32秒
6-4: 图片上传的原理介绍
15分32秒
6-5: 图片上传前的osstoken
15分32秒
6-6: 组装图片上传的参数
15分32秒
第 7 章: 完善图片上传及富文本
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】
7-1: 轮播图列表开发
15分32秒
7-2: 商品列表开发钱的跳转优化
15分32秒
7-3: 图片上传功能完善及富文本引入
15分32秒
7-4: 富文本基本功能的实现
15分32秒
7-5: 用户角色与权限讲解
15分32秒
7-6: 权限梳理及页面调整
15分32秒
第 8 章: 产品上线运行
‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 8 节 【3小时18分54秒】
8-1: 部署服务器进行ssh连接
15分32秒
8-2: 服务器各方面知识介绍
15分32秒
8-3: 完成上线和oss部署扩展
15分32秒
8-4: 基于Serverless部署
15分32秒
8-5: 上线过程中的问题解决
15分32秒
8-6: 完成上线
15分32秒
8-7: ewshop admin-main-源码
5.58M
8-8: 完整项目源码ewshopadmin(vue+vite脚手架+ts+naive-ui组件库)
5.58M
本课程是面向具备一定前端开发基础的学习者,希望通过实践项目提升自己的编码能力,并熟悉使用TypeScript和新版Vite脚手架进行开发,旨在教授使用TypeScript和新版Vite脚手架开发一个电商管理平台的实战技能。本课程共包含8个讲解章节和相应实战项目,每个章节都会从实际项目需求出发,结合理论知识进行介绍和演示,并提供相应的代码实现。通过本课程的学习,你将可以掌握 TypeScript 和新版 Vite 脚手架的基本使用方式、组件化开发、路由管理、状态管理等方面的知识。
本视频课程主要分为以下章节:
第1章:项目流程详解及注意事项
第2章:项目初始化及接口文档说明
第3章:完成登录页和路由配置
第4章:布局侧边栏和用户列表页面
第5章:项目用户列表及其功能开发
第6章:用户编辑与图片上传
第7章:完善图片上传及富文本
第8章:产品上线运行
总之,本课程内容丰富、重点突出,既能够让你系统性地学习 TypeScript 和新版 Vite 脚手架的使用方式,又能够帮助你全面掌握前端开发中的组件化、路由管理和状态管理等重要技能。同时,课程中还会提供大量实战案例和项目经验,帮助你更好地理解和学习。
学员作业
教学笔记
资源下载
课程问答