vue-admin-beautiful 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
vue-admin-beautiful 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
vue-admin-beautiful 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
vue-admin-beautiful 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
vue-admin-beautiful 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发CSS框架
开源组织
地区 国产
投 递 者 good_Luck_
适用人群 未知
收录时间 2020-04-17

软件简介

vue-admin-beautiful 是一款基于 vue+element-ui 的绝佳的中后台前端开发管理框架(基于 vue/cli 4 最新版,同时支持电脑,手机,平板)。

Admin Pro拥有四种布局(画廊布局、综合布局、纵向布局、横向布局)四种主题(默认、海洋之心、绿茵草场,荣耀典藏),共计16布局主题种组合,满足所有项目场景,已支持常规bug自动修复,前端代码自动规范,代码一键生成等众多功能,可以在完全不依赖后台的情况下独立开发完成项目,以及接口自动模拟生成,支持JAVA、PHP、NODE、.NET、Django等常用所有后台对接,甚至完全放弃JAVA等常规后端开发,内置node服务支持直接操作数据库进行增删改查,支持当前流行的unicloud、serverless云开发。

PRO演示地址:https://chu1204505056.gitee.io/admin-pro/

PLUS演示地址:https://chu1204505056.gitee.io/admin-plus/

开源版vue2.0+element-ui演示地址:https://chu1204505056.gitee.io/vue-admin-beautiful-element/

开源版vue3.0+antdv演示地址:https://chu1204505056.gitee.io/vue-admin-beautiful-antdv/

开源版vue3.0+element-plus演示地址:https://beautiful.panm.cn/vue-admin-beautiful-element-plus/

开源地址:https://github.com/chuzhixin/vue-admin-beautiful/

 
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (111)

加载中
打分: 力荐
刚开始用,但是感觉很不错,群也很活跃,项目代码结构清晰。代码风格规范。目前基本能满足我的需求。感谢大佬开源贡献。膜拜!!
06/10 09:54
回复
举报
打分: 力荐
刚才使用了一下这个项目,界面很优美,代码注释很清楚,很适合后台基础模板建设
06/09 11:04
回复
举报
打分: 力荐
很不错的框架,帮大忙了
06/07 13:45
回复
举报
刚开始使用,后台的前端开发效率提高了不少,打算后面继续研究
06/07 10:56
回复
举报
是个很不错的前端框架,之前项目用过
06/06 18:24
回复
举报
是一款不错的后台模版,好几个项目都采用
06/05 01:21
回复
举报
系统模板很不错,很棒,第二次使用了!
06/04 09:54
回复
举报
开箱即用,对于后端开发人员真是不错!里面代码思维也是值得借鉴学习
06/03 21:51
回复
举报
打分: 力荐
对于后端开发人员也非常友好!!样式布局很赞!
06/01 15:18
回复
举报
打分: 力荐
这个模板很漂亮,能自动适配电脑和手机,开发起来很方便,功能丰富,十分推荐!
06/01 09:53
回复
举报
更多评论
暂无内容
发表了博客
2019/04/24 14:44

vue-element-admin

[toc] <p align="center"> <img width="320" src="https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg"> </p> <p align="center"> <a href="https://github.com/vuejs/vue"> <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue"> </a> <a href="https://github.com/ElemeFE/element"> <img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-...

0
2
发表了博客
2019/11/08 15:42

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

官方网址: https://panjiachen.github.io/vue-element-admin-site/zh/ 一:面包屑导航,根目录文字修改: 定位到文件 vue-element-supply-chain\src\components\Breadcrumb\index.vue,40行 修改 title 二:去掉页面切换时的动态效果: 定位到文件 vue-element-supply-chain\src\layout\components\AppMain.vue ,去掉3,7行的 <!-- <transition name="fade-transform" mode="out-in"> --> <!-- </transition> --> 三:启动时,...

0
0
发表了博客
2020/11/27 00:57

vue-element-admin教程

vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。 vue-element-admin让后端程序员也能轻松上手做一些前端页面,而且配置打包都很简单。 vue-element-admin官方教程 一、安装vue-element-admin 1、先clone个项目 git clone https:...

0
0
发表了博客
2020/01/02 22:28

vue-element-admin安装

URL: https://panjiachen.github.io/vue-element-admin-site/zh/ 测试了下面两个方案: 集成方案: vue-element-admin 基础模板: vue-admin-template 建议 你可以把 vue-element-admin当做工具箱或者集成方案仓库,在 vue-admin-template 的基础上进行二次开发,想要什么功能或者组件就去 vue-element-admin 那里复制过来。 操作步骤: # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项...

0
0
发表了博客
2020/02/14 10:34

vue-admin-template

Build Setup # clone the project git clone https://github.com/PanJiaChen/vue-admin-template.git 完成之后,修改项目名称-修改名称之后idea会提示报错,点击报错信息,然后将弹出的对话框中的git依赖“-”删掉,然后执行下面的语句运行项目 # enter the project directory cd vue-admin-template # install dependency npm install # develop npm run dev This will automatically open http://localhost:9528 Build # b...

0
0
发表了博客
2020/11/27 00:58

vue-elment-admin基本使用说明

vue-element-admin 这个项目是基于这个后台框架的,可以参考下面的地址 https://panjiachen.github.io/vue-element-admin-site/zh/ 项目的主要运行步骤 先下载node.js https://nodejs.org/en/ 下载依赖包,在根目录(package.json在的目录下) 命令面板运行npm install 运行项目 npm run dev 最后如果上线打包项目 运行 npm run build:prod 项目具体分析 项目的主要代码在src目录下 路径的映射设置 在根目录下的vue.config.js文件下...

0
0
发表了博客
2019/04/09 15:03

vue学习之路一:安装vue-element-admin项目

今天看到一个vue网站,觉得很好,立马又有学习vue的冲动了,话不多说,直接贴项目网址: https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md 根据文档,第一步就是安装项目啦! # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安装依赖 npm install # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 np...

0
0
发表了博客
2019/03/28 18:19

vue-element-admin 使用总结

官网https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD vue项目做的少,elementUI也是最近才接触,所以文档看了一周才有了点思路,最难的就是用户登录权限部分 目录结构 页面都在/src/views 下 登录权限 登录在src/views/login/index.vue ,登录只是账号密码,登录后获取用户信息其中包含用户角色,路由配置在src/router/index.js,路由中配置了每个路由对应的角色 侧边栏动态渲染 src/router...

0
0
发表了博客
2019/09/29 11:46

vue-element-admin 学习笔记

20190929 vue相关 vue-ref ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $refs 对象上。 html5-autocomplete autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。 注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, ema...

0
0
发表了博客
2019/10/18 14:34

vue-element-admin后台的安装

# 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安装依赖 npm install # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 本地开发 启动项目 npm run dev 下载项目的时候run install时,有可能会产生两个错误: 出现-4048错误     升级你的nodeJS版...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2020/09/30 15:58

怎么看开源作者为恰饭引起群嘲

看到一个开源作者说自己的框架项目在 GitHub 一年 3134 次提交,靠项目也已经月入5万,通文档付费做的盈利。但这作者的系列操作太骚了,被喷的也挺惨。 评论大概是说作者通过删 issues 增加付费入群咨询人数,隐藏 git,不让看 commit 质量(但作者自己说是有代码洁癖)。花钱刷 star,想通过开源的幌子打广告最后实现财富自由,帖子还美名其曰开源商业化的感悟,这是不是典型的又当又立? 链接:https://v2ex.com/t/711701 开源...

114
8
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
111 评论
137 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部