vue-element-admin 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
vue-element-admin 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
vue-element-admin 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介

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

真正的动态换肤

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(42)
发表于大前端专区
2020/06/22 07:46

vue-element-admin 4.4.0 发布,后台集成方案

vue-element-admin 4.4.0 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 在新版本中将原来的 vue-cli@3 升级为 vue-cli@4。 主要是为了解决: npm run dev 会自动开两个 tab #2944 npm run build:prod 页面白屏的问题 #3271 ...

2
29
发表于大前端专区
2020/06/19 07:33

vue-element-admin 4.3.1 发布,后台集成方案

vue-element-admin 4.3.1 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 新版本更新内容如下: 新功能 侧边栏 icon 支持 el-icon,在声明路由时直接使用 icon class 即可,例如: meta: { title: 'Example', ...

5
27
发表于大前端专区
2020/06/10 07:12

vue-element-admin 4.3.0 和 4.2.2 发布,后台集成方案

vue-element-admin 4.3.0 和 4.2.2 发布了。vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 4.3.0 版本更新如下: Breaking Changes chore: change node-sass to dart-sass(#3040 by @Cat7373 ) /deep/ 已不适用,需要使用 ::v-deep进...

6
33
发表于大前端专区
2019/05/28 07:01

vue-element-admin 4.2.1 发布,后台集成方案

vue-element-admin 4.2.1 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 新版本更新内容如下: 修复 修复 charts 图表 在 keep-alive中的 bug(#2119) 修复 同时引用多个 Tinymce 富文本 时的 bug(#2152) 优化 添加 autopref...

2
31
发表于大前端专区
2019/05/22 07:18

vue-element-admin 4.2.0 发布,后台集成方案

vue-element-admin 4.2.0 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 新版本更新内容如下: 新功能 新增 Spanish 文档 (#2070 by @yamelsenih ) vuex store 自动导入时支持嵌套文件夹 (#2047 by @yamelsenih ) svg 组件支...

3
25
发表于大前端专区
2019/05/06 06:57

vue-element-admin 4.1.0 发布,全面优化代码注释

vue-element-admin 4.1.0 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 新版更新内容如下: 新功能 页面title修改为动态的,会随着页面的变化而变化,不再是写死的 (#1910 by @ren8179 ) 新增 profile 个人详情页 (#1953 b...

6
31
发表于大前端专区
2019/04/12 07:14

vue-element-admin 4.0.1 发布,后台集成方案

vue-element-admin 4.0.1 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 新版更新内容如下: 新功能 修改 vuex 模块为自动导入(#1815 by @Estelle00 ) 新增 mock-server 支持热更新 (#1850 ) 侧边栏新增 高亮选项 activeMenu...

5
37
发表于大前端专区
2019/04/03 00:05

vue-element-admin 4.0.0 正式版发布

v4.0版本正式发布。 重大改变 基于 vue-cli@3进行构建 调整了项目的目录结构 mock 文件移至根目录下 layout 从 views 文件夹下移至 src 下 使用了最新的 eslint-plugin-vue@5,重新格式化了代码 现在可以在不刷新页面的情况下 remove routes 更新了husky@1.3.1 增加了 jest 单元测试 新增了 npm run preview、 npm run test:uni、 npm run new指令 使用了新的 mock 方式,解决了之前 mock 若干问题 vuex 启用了 模块化 namespac...

17
41
发表于大前端专区
2019/03/27 07:04

vue-element-admin 4.0.0 beta 发布,后台集成方案

vue-element-admin 4.0.0 beta 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 新版更新总结来说:就是 4.0 版本改了很多东西,是一次不兼容更新。更新内容如下: 重大改变 基于 vue-cli@3进行构建 调整了项目的目录结构 mock...

13
47
发表于大前端专区
2019/01/02 07:14

vue-element-admin 3.10.0 发布,后台集成解决方案

vue-element-admin 3.10.0 发布了,vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 更新内容如下: feature[Component]: 新增 tui.editor 组件 #1374 feature[PDF]: 新增 PDF demo #1469 feature[Breadcrumb]: 新增 Breadcrumb 面包屑...

0
46
发表于大前端专区
2018/10/23 06:50

vue-element-admin 3.9.2 发布,后台集成解决方案

vue-element-admin 是一个后台集成解决方案,它基于 vue 和 element。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 3.9.2 更新内容 demo 支持西班牙语 #1196 (by @rmenor) feature[Pagination]: 新增了 Pagination 分页组件 #1213 perf[TagsView]: 重构了 moveToTarget 函数 #1195 (by @frank10000 ) ...

1
55
发表于大前端专区
2018/10/10 07:51

vue-element-admin v3.9.1 发布,后台集成方案

vue-element-admin v3.9.1 已发布,更新内容: feature[TagsView]: 支持鼠标中键关闭 TagsView #1149 feature[Breadcrumb]: 增加 pathToRegexp 来处理 path,以便让面包屑支持动态路径 #1148 feature[Excel]: Excel 导出新增 bookType 选项 #1144 perf[Sidebar]:当 submenu 被选中时高亮 #1154 perf[Chore]: 使用 templateParameters 来简化 index.html 模板 #1156 (by @happystory ) fix[TagsView]: 修复 visitedViews bug fix...

1
27
发表于大前端专区
2018/09/18 11:04

vue-element-admin v3.9.0 发布,后台集成方案

vue-element-admin v3.9.0 已发布,更新内容: feature[Tinymce]: 支持 i18n #994 (by @mimimile) feature[tagsView]: 支持刷新 #1033 feature:[sidebar]: 支持 external-link 外链 #991 feature: 支持全局自定义布局大小 #1024 feature: 登录后重定向到之前想访问的页面地址 #1046 feature: 增加了svgo指令来优化 svg (文档) #1096 feature: 新增了 Typescript demo vue-typescript-admin-template (by @Armour ) refactor[tag...

1
33
发表于大前端专区
2018/08/16 07:51

vue-element-admin v3.8.0 发布,后台集成方案

vue-element-admin v3.8.0 已发布,从该版本起开始使用 webpack4 和 vue-loader@15 ,依赖的第三方库也已升级至最新版本。 如果想继续使用 webpack3 ,请使用 webpack3 分支。 vue-element-admin 是基于 vue+element 的后台集成方案,功能包括: 登录/注销 权限验证 多环境发布 动态侧边栏(支持多级路由) 动态面包屑 国际化多语言 多种动态换肤 快捷导航(标签页) 富文本编辑器 Markdown 编辑器 JSON 编辑器 Screenfull 全屏 ...

5
26
发表于大前端专区
2018/07/15 07:47

vue-element-admin v3.7.2 发布,后台集成方案

vue-element-admin v3.7.2 已发布,更新内容如下: 新增了 lint-staged 进行提交格式化校验 #818 优化了[ArticleDetail]: refine el-col :span #841 by @ZYSzys 优化了[login]: 修复了登录页 input placeholder 国际化问题 #844 优化了部分样式 重构了(SidebarItem): optimizate SidebarItem #845 by @bowencool 修复了[build.js]: 修复了预览模式bug #819 修复了[TagsView]: 右击菜单定位问题 #850 修复了[css]: 小屏幕样式问题...

6
34
发表于大前端专区
2018/03/27 07:49

vue-element-admin v3.6.4 发布,后台集成方案

vue-element-admin v3.6.4 已发布,更新如下: 优化: index.html script 标签插入位置 #507 优化: 使用 2 空格替代一个 tab #522 优化: 使用 Object.keys 来遍历 #518 优化[editor-dashboard]: 优化 css z-index #509 优化[excel]: 重构了 excel 导出函数 #536 修复[menu]: 菜单在是有一个可显示子元素的情况下会有问题 #484 修复[Tinmyce]: 富文本全屏 ui bug #513 修复[ImageCropper]: 上传头像组件关闭问题 #520 修复[TodoLi...

5
55
发表于大前端专区
2018/03/14 16:46

vue-element-admin v3.6.3 发布,后台集成方案

vue-element-admin v3.6.3 已发布,更新内容: 优化 [Tinymce]:使其支持在 dialog 中上传图片 && 增加 SetContent listener 31b7fa6 7cacd5a 优化 [i18n]:TagsView 右键 contextmenu 支持国际化 #490 优化 [Charts]:增加 resize mixin 使图表支持响应式 #480 更新 [ImageCropper]:更新 vue-image-crop-upload t至最新版本 #503 修复 [Icons]:图标展示页面复制 bug #494 vue-element-admin 是基于 vue+element 的后台集成方...

4
66
发表于大前端专区
2018/01/24 07:37

vue-element-admin v3.6.1 发布,后台集成方案

vue-element-admin v3.6.1 已发布,更新内容: 新增 TreeTable 在开发模式中设置 cheap-source-map 为默认打包方式 vue-element-admin 是基于 vue+element 的后台集成方案,功能包括: 登录/注销 权限验证 多环境发布 动态侧边栏(支持多级路由) 动态面包屑 国际化多语言 多种动态换肤 快捷导航(标签页) 富文本编辑器 Markdown编辑器 JSON编辑器 Screenfull全屏 列表拖拽 Svg Sprite 图标 Dashboard 本地mock数据 Echarts 图表...

1
62
发表于大前端专区
2018/01/06 07:57

vue-element-admin v3.5.1 发布,后台集成方案

vue-element-admin v3.5.1 已发布,更新内容: 新增 postcss-url 插件 优化upload-excel] 支持拖拽上传excel 优化[permission]:set role => roles 修复侧边栏多级菜单样式问题 #327 修复国际化初始语言bug #388 vue-element-admin 是基于 vue+element 的后台集成方案,功能包括: 登录/注销 权限验证 多环境发布 动态侧边栏(支持多级路由) 动态面包屑 国际化多语言 多种动态换肤 快捷导航(标签页) 富文本编辑器 Markdown编辑器...

6
111
发表了资讯
2017/12/07 07:36

vue-element-admin v3.1.1 发布,后台集成方案

vue-element-admin v3.1.1 已发布,更新内容: 将国际化 generateTitle 方法提取到 utils 中 acebaea 修复侧边栏在默些特殊情况下的 bug d09923f vue-element-admin 是基于 vue+element 的后台集成方案,功能包括: 登录/注销 权限验证 侧边栏 面包屑 富文本编辑器 Markdown 编辑器 JSON 编辑器 列表拖拽 plitPane Dropzone Sticky CountTo echarts 图表 401,404错误页面 错误日志 导出 excel table example 动态 table exampl...

3
45
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
42 评论
1.2K 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部