Vue + ElementUI 手撸后台管理网站基本框架(零)前言篇

欢迎转载，但需标明出处

前言

---

本教程中涉及的后台管理系统使用 vue + element + webpack 作为基础框架，SPA架构，均采用vue的单文件组件形式进行书写，故你需要确保PC中拥有nodeJS环境，保证代码可以进行后期编译，以运行在浏览器环境中。

UI框架则采用element，当前使用element 1.x版本。如果你认为element比较丑，可以自行更换成ivew或者其他UI框架。
ivew官方拥有自己的后台管理系统示例，可在官网文档中找到。

文章的更新的二三事

---

因本系列教程编写时使用的是element 1.x版本，如果element在后续版本中对之前的API进行了破坏性变更，原理类及思路类文章将不会更新，应用类文章看情况更新。

如果在实践中发现有更好的思路及解决方法，原理类及思路类文章将直接在原基础上更新。

源码

---

当前源码地址：https://github.com/harsima/vue-backend
请注意，该源码会不断更新（因为工作很忙不能保证定期更新）。源码涉及到的东西有超出本篇教程的部分，请酌情阅读。

本系列目录

---

• Vue + ElementUI 手撸后台管理网站基本框架(零)前言篇
• Vue + ElementUI 手撸后台管理网站基本框架(一)创建项目
• Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制
• Vue + ElementUI 手撸后台管理网站基本框架(三)登录及系统菜单加载
• Vue + ElementUI 手撸后台管理网站基本框架(四)主题切换