开源软件
投递软件
开源软件库 / 国产软件 / CSS框架 / vue-admin-beautiful

vue-admin-beautiful 前端开发框架

收藏137
评论111
纠错
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-element-admin
vue.js 的 vue-element-admin 实践开发
vue-element-admin教程
vue-element-admin安装
vue-admin-template
vue-elment-admin基本使用说明
软件首页
软件文档
官方下载
极速下载
  • 概览
  • 资讯
  • 博客
  • 问答

软件简介

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
回复
举报
z
zb11051939
打分: 力荐
刚才使用了一下这个项目，界面很优美，代码注释很清楚，很适合后台基础模板建设
06/09 11:04
回复
举报
osc_00548893
osc_00548893
打分: 力荐
很不错的框架，帮大忙了
06/07 13:45
回复
举报
xianmengadc
xianmengadc
刚开始使用，后台的前端开发效率提高了不少，打算后面继续研究
06/07 10:56
回复
举报
osc_91694518
osc_91694518
是个很不错的前端框架，之前项目用过
06/06 18:24
回复
举报
osc_08857719
osc_08857719
是一款不错的后台模版，好几个项目都采用
06/05 01:21
回复
举报
OSC_TmgyxA
OSC_TmgyxA
系统模板很不错，很棒，第二次使用了！
06/04 09:54
回复
举报
osc_45726563
osc_45726563
开箱即用，对于后端开发人员真是不错！里面代码思维也是值得借鉴学习
06/03 21:51
回复
举报
灰太狼c
灰太狼c
打分: 力荐
对于后端开发人员也非常友好！！样式布局很赞！
06/01 15:18
回复
举报
osc_71128852
osc_71128852
打分: 力荐
这个模板很漂亮，能自动适配电脑和手机，开发起来很方便，功能丰富，十分推荐！
06/01 09:53
回复
举报
更多评论
暂无内容
o
osc_1fuqrqut
发表了博客
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
举报
o
osc_ywuazj5t
发表了博客
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
举报
t
tnlzz31985
发表了博客
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
举报
o
osc_3d642bby
发表了博客
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
举报
o
osc_8g67o6g0
发表了博客
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
举报
t
tnlzz31985
发表了博客
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
举报
o
osc_gni094m4
发表了博客
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
举报
o
osc_uo9elnxq
发表了博客
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
举报
o
osc_nhwfplmt
发表了博客
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
举报
o
osc_1zmv6tk6
发表了博客
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
举报
没有更多内容
加载失败，请刷新页面
点击加载更多
加载中
下一页

软件作者

good_Luck_
Lv1
good_Luck_
私信
提问
文章
0
经验值
58
粉丝
34
关注
0

同类软件推荐

更多

Han印刷品般的汉字排版框架

Han「汉字标准格式」是一个集合了「语意样式标准化」「文字设计」「高级排版功能」等三大概念的网页排版框架，使用 Sass 及 JavaScript 构架而成。其专为汉字网页提供的美观而标准化的环...

kuapingUI基于 Bootstrap 的扩展 UI 框架

关于 kuapingUI（跨屏 UI 框架）是基于 Bootstrap 的扩展 UI 框架。 基于bootstrap 如果说 Boostrap 提供了一个可靠的网页元素UI组件，来构建一个网页，...

aqua.css轻量级纯 CSS 框架

aqua.css 是一个轻量级的纯 CSS框架。有 3 大特征：易用、易定制、有趣。 demo： https://codepen.io/alphardex/pen/bGdzqBz 易用 诸如 R...

WorkcationUI 设计演示项目

Workcation 是课程 "Designing with Tailwind CSS" course 的一个演示项目。 其灵感来自于 Airbnb UI，包含一堆巧妙的想法，使其成为教导人们如...

eBay SkineBay 的 CSS 框架

Skin 是 eBay 官方推出的一个 CSS 框架，主要适合用来构建电商网站。 可点击项目首页查看各种组件的样式，不支持 IE10 以及以下版本。 按钮组件：
111 评论
137 收藏
分享
OSCHINA
登录后可查看更多优质内容
使用微信快捷登录
返回顶部
顶部