vue3+typescript开发后台系统管理实战

课程详情

课程详情

课程名称:vue3+typescript开发后台系统管理实战

课程简介:本课程深入讲解了Vue3、TypeScript、Vite、Pinia、ElementPlus、Vue-router等前端技术,旨在帮助学员掌握后台系统管理实战技能。

适合人群:

  • 对HTML、CSS、JavaScript等Web前端技术有一定了解的开发者
  • 希望学习Vue3框架并应用于实际项目中的开发者
  • 希望提升后台系统开发能力的工程师

学习收获:

  • 掌握Html、Css、Javascript(JS)、Typescirpt(TS)、Vite、Vue3、Pinia、ElementPlus、TailwindCss、Vue-router等前端技术
  • 通过实战项目,提升后台系统开发能力
  • 学习到项目开发过程中的最佳实践和技巧

课程亮点:

  • 综合运用Vue3框架及相关技术,实战性强
  • 项目案例丰富,覆盖后台系统开发全流程
  • 干货满满,无废话,注重实际应用

课程目录

01 前言
  01 课程简介.mp4
  02 项目效果演示.mp4
02 第1章-开发环境部署
  01 前端开发准备工作-node的安装.mp4
  02 node版本过高无法安装的问题.mp4
  03 任务1创建一个vue3项目.mp4
  04 任务2vue-router的安装和配置.mp4
  05 任务3vite控制文件的配置.mp4
  06 任务4tailwindcss的安装和部署.mp4
  07 任务5elementplus的安装和部署.mp4
  08 任务6pinia的安装和存储.mp4
  09 任务7vite控制文件插件配置的提取.mp4
  10 任务8elementplus按需引入设置.mp4
  11 任务9组件和api的按需自动加载.mp4
  12 任务10icon图标库的安装.mp4
03 第2章-登录页面
  01 任务1前端登录页面的布局.mp4
  02 任务2提取input输入框和按钮组件.mp4
04 第3章-后台管理界面
  01 任务1所需路由的创建.mp4
  02 任务2在layouts布局组件设计后台管理界面.mp4
  03 任务3后台管理界面右侧内容栏设计-导航栏.mp4
  04 任务4后台管理界面右侧内容栏设计-浏览历史记录栏.mp4
  05 任务5后台管理界面-显示问题的处理.mp4
  06 任务6后台管理界面-头像下拉菜单.mp4
05 第4章-后台管理菜单的相关处理
  01 任务1路由meta的生成.mp4
  02 任务2针对本地存储,增删查的方法实现.mp4
  03 任务3提取路由中的菜单项.mp4
  04 任务4遍历菜单.mp4
  05 任务5历史菜单业务处理.mp4
  06 任务6删除历史菜单和设置当前菜单.mp4
  07 任务7面包屑导航.mp4
  08 任务8全屏模式的切换.mp4
  09 任务9项目打包.mp4