vue-element-admin 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
vue-element-admin 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2017-08-23
提 交 者: 王练

vue-element-admin

本项目的定位是后台集成方案,不适合当基础模板来开发,模板建议使用 vueAdmin-template , 桌面端 electron-vue-admin

注意:该项目目前使用 element-ui@1.4.1 版本,所以最低兼容 vue 2.3.0。

前言

这半年来一直在用vue写管理后台,目前后台已经有百来个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios由webpack2打包。由于是个人项目,所以数据请求都是用了mockjs模拟。注意:在此项目基础上改造开发时请移除mock文件。

该项目并不是一个脚手架,更倾向于是一个集成解决方案

该项目不支持低版本游览器,有需求请自行添加polyfill 详情

功能

  • 登录/注销

  • 权限验证

  • 侧边栏

  • 面包屑

  • 富文本编辑器

  • 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

真正的动态换肤

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

vue-element-admin 的相关博客

vue-element-admin

[toc] <p align="center"> <img width="320" src="https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg"> ...

vue.js 的 vue-element-admin 实践开发

官方网址: https://panjiachen.github.io/vue-element-admin-site/zh/ 一:面包屑导航,根目录文字修改: 定位到文件 vue-el...

vue-element-admin安装

URL: https://panjiachen.github.io/vue-element-admin-site/zh/ 测试了下面两个方案: 集成方案: vue-element-admin 基础模...

vue-element-admin 使用总结

官网https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD vue项目做的少,elementUI也是最近...

vue-element-admin 学习笔记

20190929 vue相关 vue-ref ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。 html5-au...

vue-element-admin框架快速入门

年底了,最近公司也不是太忙,感觉今年互联网行业都遇到寒冬,不在是前两年像热的发烫的赛道。这几天完成公司项目系统的优化和...

vue-element-admin后台的安装

# 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安装...

vue-element-admin实现模板打印

一、简介 模板打印也叫”套打“,是业务系统和后台管理系统中的常用功能,B/S系统中实现”套打“比较繁琐,所以很多的B/S系统...

vue-element-admin完整项目实例

项目运行地址:https://panjiachen.github.io/vue-element-admin/#/login 项目地址:https://github.com/PanJiaChen/vue-ele...

vue-element-admin 框架使用总结

安装启动 安装cnpm来解决依赖安装失败问题,安装完之后,可以使用cnpm install安装已有或新增加的依赖,一是可以成功安装外网...

vue-element-admin 的相关问答

1
回答
3
回答

VUE异步初始化数据

2019/06/13 15:11

评论 (34)

加载中
GloryAdmin是一个基于springboot2.1.9.RELEASE 和vue-admin-template搭建的后台框架 https://my.oschina.net/artglory/blog/4375086#h1_1
07/14 23:01
回复
举报
挺好用的
06/22 10:15
回复
举报
elementui做的系统普遍不流畅是怎么回事?
06/19 08:38
回复
举报
欢迎交流ElementUI的封装方便开发版:#http://115.159.65.195:8080/vefdoc#
2019/12/17 12:55
回复
举报
请问,哪个分支代码有国际化模块呀
2019/08/13 16:14
回复
举报
我用这个的时候发现了一些不合理的地方,自己优化了下
2019/08/03 20:00
回复
举报
欢迎使用elmentui增删改查功能自动生成工具, #MoliCode#
2019/08/02 13:04
回复
举报
各位大佬,一刷新就得重新登录,token存在,但是不拉去信息了,怎么解决?
2019/04/03 18:02
回复
举报
watch一下
2019/07/08 21:36
回复
举报

引用来自“347987519”的评论

四年爬虫经验
支持一下!
2019/04/01 11:23
回复
举报
插眼
2019/01/10 09:29
回复
举报
更多评论
34 评论
1.1K 收藏
分享
返回顶部
顶部