硅谷甄选
视频介绍
硅谷甄选，是尚硅谷重磅推出的Vue3后台管理项目。项目采用Vue3版本+组合式API的流行写法，同时使用了前端下一代构建化工具Vite、对类型限制更为严格的TypeScript、路由的新版本vue-router4、新一代状态仓库管理工具Pinia、UI组件库Element-plus、前后端交互工具Axios以及可视化大屏工具ECharts。
项目采用主流技术栈，设计精妙，环环相扣，一站式掌握多种实战开发经验：从0到1封装一个完整的后台管理系统模板，不再只是使用别人的“壳子”，让你自己动手封装一套“壳子”，彻底搞懂菜单权限与按钮权限的业务逻辑！
项目还讲解了千万级别的SVG图表在项目中的集成使用、大型项目中主题颜色的实现、掌握数据大屏的全部解决方案等。通过本套项目教程的学习，你在提高开发技能的同时，更能掌握企业级实战项目的开发规范，真正从小白到大佬。
视频目录 选集
- 001.项目开篇
- 002.Vue3组件通信方式之props
- 003.Vue3组件通信方式之自定义事件
- 004.Vue3组件通信方式之全局事件总线
- 005.Vue3组件通信方式之v-model
- 006.Vue3组件通信方式之useAttrs方法
- 007.Vue3组件通信方式之ref与$parent
- 008.Vue3组件通信方式之provide与inject
- 009.Vue3组件通信方式之pinia选择式API
- 010.Vue3组件通信方式之pinia组合式API
- 011.Vue3组件通信方式之插槽上
- 012.Vue3组件通信方式之插槽下
- 013.项目模块的介绍
- 014.项目的初始化
- 015.项目中eslint校验代码工具的配置
- 016.项目中prettier格式化工具配置
- 017.项目中styleLint工具配置
- 018.项目husky配置
- 019.项目commitLint配置
- 020.统一包管理器工具下载依赖
- 021.项目中element-plus集成
- 022.src文件夹别名配置
- 023.项目环境变量的配置
- 024.项目中SVG图标的封装与使用
- 025.自定义插件注册SVG全局组件
- 026.集成sass
- 027.mock接口
- 028.Axios二次封装
- 029.API接口统一管理
- 030.模板的路由的配置
- 031.登录路由静态的搭建
- 032.模板封装登录业务
- 033.用户仓库数据ts类型的定义
- 034.登录时间的判断与封装
- 035.登录模块表单校验
- 036.自定义校验表单
- 037.layout组件的静态的搭建
- 038.Logo组件的封装
- 039.左侧菜单静态的搭建
- 040.递归组件生成动态菜单
- 041.菜单图标完成
- 042.项目全部路由配置
- 043.顶部tabbar组件静态搭建与拆分
- 044.菜单折叠效果实现
- 045.顶部面包屑动态展示
- 046.刷新业务的实现
- 047.全屏模式的切换
- 048.获取用户信息与token理解
- 049.退出登录业务
- 050.路由鉴权之进度条业务
- 051.路由鉴权
- 052.真实接口替换mock接口
- 053.接口ts类型定义
- 054.品牌管理模块静态的搭建
- 055.品牌管理模块数据展示
- 056.已有品牌ts类型
- 057.品牌管理分页展示数据
- 058.对话框dailog对话框静态搭建
- 059.收集新增品牌数据
- 060.完成添加新的品牌的业务
- 061.完成修改已有品牌的业务
- 062.品牌管理模块表单校验
- 063.品牌管理模块删除业务
- 064.平台属性管理模块静态的搭建
- 065.属性管理模块一级分类数据展示与收集
- 066.分类数据的ts类型
- 067.完成分类组件业务
- 068.已有属性与属性值展示业务
- 069.添加与修改属性静态的搭建
- 070.属性接口参数理解
- 071.添加新的属性的业务
- 072.属性值编辑模式与查看模式切换
- 073.表单聚焦业务
- 074.属性修改业务完成
- 075.属性管理模块业务完成
- 076.SPU业务介绍
- 077.SPU模块静态搭建
- 078.SPU模块展示已有SPU的数据
- 079.SPU模块场景的切换
- 080.SPU模块API书写与ts类型定义
- 081.获取已有的SPU数据
- 082.添加与修改SPU接口与ts类型的定义
- 083.展示与收集已有的SPU
- 084.已有SPU照片墙数据的收集
- 085.展示已有销售属性与属性值
- 086.完成收集新增销售属性
- 087.展示与收集已有SPU业务完成
- 088.完成更新已有的SPU的业务
- 089.完成添加SPU业务
- 090.添加SKU静态搭建
- 091.获取添加SKU数据展示
- 092.收集新增SKU的数据-上
- 093.完成添加SKU的业务
- 094.SKU列表的展示
- 095.SPU模块删除业务
- 096.SKU模块静态的搭建
- 097.展示已有SKU
- 098.SKU的上架与下架
- 099.商品详情静态搭建
- 100.展示商品详情
- 101.删除已有的商品
- 102.用户管理静态的搭建
- 103.用户管理展示已有账号的数据
- 104.添加与修改用户的静态的搭建
- 105.完成添加新的账号业务
- 106.用户模块自定义校验规则添加
- 107.更新账号业务完成
- 108.添加用户与修改用户注意事项
- 109.分配角色静态的搭建
- 110.分配角色业务-上
- 111.分配角色业务-下
- 112.用户删除业务
- 113.用户管理模块搜索业务
- 114.角色管理模块静态搭建
- 115.角色管理模块的数据展示业务
- 116.添加角色静态的搭建
- 117.添加与更新角色业务
- 118.分配角色权限业务-上
- 119.分配权限
- 120.删除角色业务
- 121.展示已有菜单数据
- 122.添加与更新菜单静态搭建
- 123.添加与更新菜单业务
- 124.删除已有菜单业务完成
- 125.首页完成
- 126.暗黑模式的切换
- 127.主题颜色切换
- 128.数据大屏解决方案vw与vh
- 129.数据大屏解决方案scale
- 130.数据大屏顶部的搭建
- 131.数据大屏实时游客统计
- 132.水球图完成
- 133.数据大屏男女比例
- 134.数据大屏年龄比例饼图制作
- 135.数据大屏中国地图与飞机航线的制作
- 136.数据大屏游客趋势折线图制作
- 137.数据大屏景区排行
- 138.数据大屏完成
- 139.菜单权限分析与路由的拆分
- 140.菜单权限的实现
- 141.解决菜单权限遗留的两个问题
- 142.按钮权限的业务实现
- 143.项目打包
- 144.项目上线