vue3+elementplus项目实战plus

课程详情

课程标题:vue3+elementplus项目实战plus

从0开始一步步搭建系统后台管理系统,适合有前端基本知识,但缺少项目实战经验的学员。

课程简介

本课程通过vue3构建后台系统管理实战项目,帮助学员从0开始,逐步搭建系统后台管理系统。

适合人群

  • 有前端基本知识,但缺乏项目实战经验的学员

学习收获

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

课程亮点

  • 项目实战:从登录页构建到后台系统管理搭建,全面掌握后台系统开发流程
  • 知识点丰富:涵盖前端开发多个领域,助力学员全面提升技能
  • 工具熟练:学习使用webstorm和yarn,提高开发效率

课程目录

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