玖叶教程网

前端编程开发入门

Github上前端不可不知的可视化后台管理系统(2)

vue-element-admin

框架简介:vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件如富文本编辑器、Markdown、Json编辑器等,它可以帮助你快速搭建企业级中后台产品原型,对开发可视化后台管理系统节省不少时间。


Github Star 数 59000+ ,
Github地址:https://github.com/PanJiaChen/vue-element-admin


先展示下该系统主要功能页面

1.首页展示

2.可视化图表展示

多功能集成图

折线图

3.图标展示

自己的图标

集成element-ui的图标

4.内含多种组件展示

富文本编辑器

Markdown

Json视图编辑器

可拖拽的表单

5.Form表单综合展示

6.导入,导出excel

7.导出zip压缩包

8.下载pdf

9.支持自定义换肤

换肤前

换肤后

10支持国际化


英文

日语

演示地址:https://panjiachen.gitee.io/vue-element-admin

安装

# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git
 
# enter the project directory
cd vue-element-admin
 
# install dependency
npm install
 
# develop
npm run dev


建议:不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。若还是不行,可使用 yarn 替代 npm。

Windows 用户若安装不成功,很大概率是node-sass安装失败,解决方案。

另外因为 node-sass 是依赖 python环境的,如果你之前没有安装和配置过的话,需要自行查看一下相关安装教程。


喜欢的老铁,加个关注!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言