vue-element-admin基于 vue+element 的后台集成方案

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

功能

• 登录/注销

• 权限验证

• 侧边栏

• 面包屑

• 富文本编辑器

• Markdown编辑器

• JSON编辑器

• 列表拖拽

• plitPane

• Dropzone

• Sticky

• CountTo

• echarts图表

• 401，404错误页面

• 错误日志

• 导出excel

• table example

• 动态table example

• 拖拽table example

• 内联编辑table example

• form example

• 多环境发布

• dashboard

• 二次登录

• 动态侧边栏（支持多级路由）

• mock数据

• cache tabs example

• screenfull

• markdown2html

• views-tab

开发

    # 克隆项目
    git clone https://gitee.com/panjiachen/vue-element-admin.git

    # 安装依赖
    npm install
    //or # 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
    npm install --registry=https://registry.npm.taobao.org

    # 本地开发 开启服务
    npm run dev

浏览器访问 http://localhost:9527

发布

    # 发布测试环境 带webpack ananalyzer
    npm run build:sit-preview

    # 构建生成环境
    npm run build:prod

状态管理

后台只有user和app配置相关状态使用vuex存在全局，其它数据都由每个业务页面自己管理。

效果图

两步验证登录 支持微信和qq

真正的动态换肤