vue3+typescript后台系统管理plus

课程详情

课程标题

vue3+typescript后台系统管理plus

课程简介

本课程通过vue3技术,带领学员一步步搭建后台管理系统,实战项目,提升技能。

适合人群

对前端知识有基本了解的学员

学习收获

  • 掌握Html、Css、Javascript(JS)、Typescirpt(TS)、Vite、Vue3、Pinia、ElementPlus、TailwindCss、Vue-router等知识点
  • 熟悉webstorm开发集成软件工具
  • 熟练使用yarn包管理工具

课程亮点

  • 项目效果展示:登录页的构建和后台系统管理的搭建
  • 系统学习vue3技术,构建实战项目
  • 涵盖多种前端技术,全面提升技能

课程目录

00 资料
  01 vue3后台plus.txt
01 第1章-前端-环境的部署
  01 项目简介.mp4
  02 任务1前端的介绍和vue的介绍.mp4
  03 任务2前端开发准备工作-node的安装.mp4
  04 任务3node版本过高无法安装的问题.mp4
  05 任务4新建一个vue3项目.mp4
  06 任务5vue-router的安装和配置.mp4
  07 任务6vite文件别名的声明和应用.mp4
  08 任务7tailwindcss的安装和部署.mp4
  09 任务8elementplus的安装.mp4
  10 任务9pinia的安装和存储.mp4
  11 任务10项目文件目录优化及vite配置文件优化.mp4
  12 任务11elementplus按需引入设置和打包优化.mp4
  13 任务12其他按需自动加载.mp4
  14 任务13Icon图标库的安装及权鉴路由.mp4
02 第2章-前端-用户鉴权
  01 任务1用户登录页.mp4
  02 任务2提取input输入框和按钮组件.mp4
  03 任务3重置密码页面.mp4
  04 任务4新用户注册.mp4
03 第3章-前端-自定义组件
  01 任务1自定义文本编辑器组件-1.mp4
  02 任务2自定义文本编辑器组件-2.mp4
  03 任务3自定义文本编辑器组件-3.mp4
  04 任务4自定义文本编辑器-4.mp4
  05 任务5自定义动画队列-1.mp4
  06 任务6自定义队列动画组件-2.mp4
  07 任务7自定义队列动画组件-3.mp4
  08 任务8自定义队列动画组件-4.mp4
04 第4章-前端-后台系统管理界面布局
  01 任务1后台相关路由的定义.mp4
  02 任务2在layouts布局组件设计后台管理界面.mp4
  03 任务3后台管理界面面包屑导航.mp4
  04 任务4后台管理界面右侧内容栏设计-浏览历史记录栏.mp4
  05 任务5后台管理界面-内容过多现实问题处理.mp4
  06 任务6后台管理界面-头像下拉菜单.mp4
05 第5章-前端-后台管理菜单
  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
  10 任务10设置当前激活状态菜单.mp4
  11 任务11面包屑导航.mp4
  12 任务12全屏化设置.mp4
  13 任务13项目打包.mp4