这门课解决什么场景

这套资料围绕 Vue 整合 ElementUI 与 Echarts 展开中后台项目实战，核心场景是企业内部管理台：侧边栏菜单、多页签切换、表格筛选、表单录入、图表可视化、按角色控制页面权限。如果你平时做的是零散活动页或纯切图，这门课能补上“从单页面到整套后台系统”的工程化缺口，重点不在语法炫技，而在把组件、路由、状态、权限串成可复用的骨架。很多教程讲完组件就收尾，真正难的是组件间传值、动态路由与按钮级权限，这恰恰是这套资料反复拆解的地方，也是很多人自己摸索最容易卡住的一环。

适合什么基础，建议先看哪几块

资料明确要求 HTML、CSS、ES6 基础，Vue 全家桶最好先有过一遍。如果只写过 jQuery 或刚接触模板语法，建议先补对应的前置课再回来，否则直接进项目会反复在语法和工程问题上打转。基础尚可的同学，建议先看三块：一是 Vue 全家桶核心知识，重点放在组件间传值的上下两节，理解父子与跨层通信的边界；二是 vue-router 在单页面应用中的控制逻辑，尤其是动态路由与导航守卫；三是 vuex 基础与高级用法，搞清状态分层和模块化。这三块吃透，后面 Element 组件和项目搭建就是顺势而为，不会出现“组件都认识却拼不出系统”的尴尬。

学完能独立做什么，资料怎么配合练习

学完后，你应该能独立搭起一个中等复杂度的后台管理台：用脚手架初始化工程并按业务改装目录，用 Element 的布局、表格、表单、弹窗组合出标准列表页与详情页，把侧边栏菜单与多页签联动，再通过 vuex 和路由守卫实现登录态与菜单权限控制，最后用 Echarts 把统计数据渲染成可交互图表。建议按资料的项目顺序走：先把环境准备和技术选型那几节当清单对照自己工程，确认目录分层与依赖版本；再跟着把 Element 常用组件逐个敲一遍，不要只看不动手；进入权限部分时，自己造两个角色账号，手动验证菜单显隐与按钮禁用是否生效。图表部分先跑通静态数据，再替换成 mock 接口，最后接真实后端，这样排查问题范围小。整套练下来，交付的不是一个 demo，而是一套能往里继续填业务页面的骨架。


需要html、css、es6基础||如果没有上门的基础可以看我们对应的课程掌握element常用组件进行开发||掌握封装组件的思想||实现侧边栏菜单tab页及面

课程目录

*   课程介绍/

  *   小滴后台管理系统课程介绍

*   Vue全家桶各部分核⼼知识详解/

  *   构建vue项目的利器—脚手架vue-cli3详解

  *   vue中组件间传值常用的几种方式(上)

  *   vue中组件间传值常用的几种方式(下)

  *   玩转单页面应用的控制中心—vue-router

  *   状态管理中心—vuex的基础用法

  *   状态管理中心—vuex的高级用法

*   Element常用组件详解/

  *   Element常用组件布局组件详解

  *   Element常用组件之弹出类型组件详解

  *   Element常用组件—表格组件详解

  *   Element常用组件—表单组件详解

*   实战项⽬之环境准备及配置改装/

  *   项目搭建及技术选型

  *   配置项目的基本环境及项目目录结构总体介绍

*   ⼩滴课堂后台视频管理系统之公用部分开发/

  *   需求分析及模块划分

  *   路由设计及左侧公用导航菜单开发

  *   顶部导航菜单及与左侧导航联动的面包屑实现(上)

  *   顶部导航菜单及与左侧导航联动的面包屑实现(下)

  *   使用vuex实现切换tab页功能

  *   构建页面组件，连通公共组件

  *   页面布局整体样式优化

*   ⼩D课堂后台视频管理系统之⾸页开发/

  *   介绍mock.js及axios全局配置

  *   使用Mock随机返回主页数据

  *   使用element布局组件实现首页布局

  *   完成首页除图表外的内容

  *   完成首页table部分及ECharts介绍

  *   谈谈封装一个EChart组件的一些想法

  *   上手封装一个EChart组件并处理数据展示图表

  *   修改EChart组件样式及自适应图表(上)

  *   修改EChart组件样式自适应图表(下)

  *   Echart组件封装总结

*   用户管理页及详解权限管理/

  *   用户管理页介绍及页面实现思路讲解

  *   更完善的表单组件封装及思路讲解

  *   通用表格组件封装及思路讲解

  *   完成表格组件的封装

  *   用户管理页页面功能实现(上)

  *   用户管理页页面功能实现(下)

  *   企业开发之权限管理思路讲解

  *   权限管理之动态返回菜单的实现

  *   权限管理之路由守卫判断用户登录状态

*   项⽬总结/

  *   小滴后台管理系统项目总结

  *   高级工程师到架构师-解决问题思路+学习方法