Antd Pro Vue - 基于阿里 Ant Design 的免费开源中后台前端/设计解决方案

92 篇文章 35 订阅
订阅专栏

Antd Pro Vue - 基于阿里 Ant Design 的免费开源中后台前端/设计解决方案

基于优雅漂亮的 ant design 开发的管理后台,为数不多的好看 admin。

关于 Antd Pro Vue

Antd Pro Vue 是一个企业级中后台前端/设计解决方案。在本站建站之初就推荐过 Ant Design,这是阿里出品的免费开源的 web 前端 UI 组件库以及一套设计方案,主要用于开发 PC 端企业中后台管理系统。

antd-pro-vue 登录页

而 Ant Design Pro 则是官方出品的基于 Ant Design 开发的 admin 后台管理系统,和 Ant Design 一样初期只有 React 版本,后来推出了Ant Design Of Vue,如今 Ant Design Pro 也同样推出了 Vue 版本,就是这次要介绍的 Antd Pro Vue。

antd-pro-vue 首页

Ant Design Vue 和 Antd Pro Vue 有什么区别?

Ant Design Vue 是一套 Vue 组件库,而 Pro 是使用了这套组件库的完整前端脚手架。

Antd Pro Vue 的特性

  • 优雅美观。基于 Ant Design 体系精心设计,适应各种屏幕宽度
  • 开箱即用。提炼了中后台应用的典型页面和场景
  • 支持国际化,支持一键换肤,可配置的主题满足多样化的品牌诉求
  • 开发体验优秀。使用 Vue/vuex/antd 等前端前沿技术开发,良好的工程实践帮助产出高质量代码
  • 支持 Mock 数据模拟,支持 UI 测试自动化测试

支持一键换主题

开发上手体验

需要强调的是,Ant Design 不仅仅是一套 UI 组件库,也是一套设计系统,在企业产品研发中,需要产品经理、设计师和前端工程师的密切配合。

antd-pro-vue 主控台

相比于大多数的 admin 管理框架,Antd Pro Vue 的视觉设计非常优美,我个人很喜欢,很专业和成熟。官网文档没有多余的描述,能够快速搭建项目。相比自己用 ant design 来搭建,Antd Pro Vue 帮我们解决了自适应布局、服务端交互、权限管理等后台功能,并且提炼了常用的业务场景做成了现成的页面,简单修改就可以直接使用。对于熟悉 Vue 和 ant design 开发的朋友来说,依靠文档就能上手。

antd-pro-vue 搜索页

我早期使用过 layui 来搭建 admin 系统,虽然使用简单,上手容易,但一旦业务逻辑复杂起来,复用性低代码量激增,很难维护,自从使用 element 或者 ant design 这些 vue 工程化的组件库,就再也回不去了。View UI 也用过,但 View UI Pro 收费好几千,所以一直使用的是 element ui,如今又多了 Antd Pro Vue 这个非常不错的选择,推荐给大家。

免费开源说明

Antd Pro Vue 免费开源版基于 MIT 开源协议托管在 Github 上。需要注意的是,Antd Pro Vue 还有个企业版,他们的区别是免费开源版是基于 Vue2 进行开发,并且官方不再进行新功能的增加,只会修复 bug。企业版基于最新 Vue3 技术栈,持续迭代维护,专有钉钉群和Git私服。

原文链接: https://www.thosefree.com/antd-pro-vue

探索React-antd-admin:一个高效、可定制化的后台管理框架
gitblog_00070的博客
03-31 568
探索React-antd-admin:一个高效、可定制化的后台管理框架 项目地址:https://gitcode.com/chenjun1127/react-antd-admin 在构建企业级后台管理系统时,开发者往往需要面对繁杂的功能实现和UI设计。为了减轻这一负担,让我们一起走进react-antd-admin——一个基于ReactAnt Design的开箱即用的后台管理模板。 项目简介 ...
推荐开源项目:Ant-Admin - 基于Ant Design Pro后台管理系统模板
最新发布
gitblog_00028的博客
04-16 739
推荐开源项目:Ant-Admin - 基于Ant Design Pro后台管理系统模板 项目地址:https://gitcode.com/nelsonkuang/ant-admin 项目简介 Ant-Admin 是一个由Nelson Kuang开发并维护的基于ReactAnt Design Pro后台管理系统模板。该项目旨在为开发者提供快速构建高效、美观的企业级后台应用的基础框架。通过使用A...
搭建VueAnt Design Pro后台管理系统
老杜的博客
02-13 5152
基于Vue实现的Ant Design Pro后台管理系统模板
Ant Design Vue pro 动态路由的实现和打包,2024年前端开发进阶课程
2301_78146994的博客
03-31 443
在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初前端技术点。HTML5新特性,语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
Ant Design Pro of Vue——蚂蚁金服后台系统框架搭建
热门推荐
皮皮的博客
05-26 1万+
Ant Design Pro of Vue——蚂蚁金服后台系统框架搭建 Ant Design Pro of Vue下载安装启动步骤: 一、Ant Design Pro of Vue 的介绍 Ant Design Pro 是一个企业级后台前端/设计解决方案,我们秉承 Ant Design设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级后台产品设计研发过程的『用户』和『设计者』的体验。 因为Ant Design Pro of V
Ant Design Vue Pro 学习笔记(1)- 框架下载及启动
k_e_vi_n的博客
07-28 2391
Ant Design Vue Pro 学习笔记及问题记录
vue-antd-pro.zip
08-24
用户名: 任意输入 密码: 字符数字[4-16]位的任意输入 预览地址:https://blog.csdn.net/qq_42312466/article/details/119882611?spm=1001.2014.3001.5502
AntD Admin — Ant Design 风格的后台前端解决方案
weixin_34395205的博客
11-08 6209
AntD Admin 一套优秀的后台前端解决方案。 特性 国际化,源码抽离翻译字段,按需加载语言包 动态权限,不同权限对应不同菜单 优雅美观,Ant Design 设计体系 Mock 数据,本地数据调试 使用 1、下载项目代码。 git clone https://github.com/zuiidea/antd-admin.g...
vue-antd-admin入门,超好看的后台ui页面!!!你确定不来用一手?
qq_45487481的博客
07-03 5882
介绍 一个开箱即用的后台前端/设计解决方案(主要依赖组件库 ant-design-vue ) 安装 首先把项目克隆到本地 $ git clone https://github.com/iczer/vue-antd-admin.git 然后安装依赖 npm install -g yarn yarn install 启动!!! yarn start 一顿帅气的操作之后超好看的vue-antd-admin就出现在你的电脑里了 目录介绍 大家看见那个docs这个目录了吗?看见了对吧,其实我也不知道它是干嘛的,不
Vue+ant-design-pro(1)第一次接触...
徐小硕—心之所向,素履以往
07-14 1406
ant-design-pro学习
antD Pro vue后台解决方案 - 项目搭建 1
笑望灬星辰
10-13 1274
antD Pro vue 官网 git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git my-project cd my-project npm run serve 项目初始化运行的端口是 8000 并非是 8080 接下来的一段时间将会持续更新 该栏目。
react-admin:基于antdesign的管理后台项目
04-22
蚂蚁设计专业版 该项目已使用初始化。 遵循是如何使用的快速指南。 环境准备 安装node_modules : npm install 或者 yarn 提供的脚本 Ant Design Pro提供了一些有用的脚本,可帮助您快速启动和构建Web项目,代码样式检查和测试。 package.json提供的脚本。 修改或添加其他脚本是安全的: 开始项目 npm start 建立项目 npm run build 检查代码样式 npm run lint 您还可以使用脚本自动修复某些皮棉错误: npm run lint:fix 测试码 npm test 更多的 您可以在我们的上查看完整文档。 并欢迎在我们的任何反馈。
ant-design-vue-pro-learn:ant-design-vue-pro开源项目学习代码
03-23
蚂蚁设计学习专业版 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 请参阅。
ant design pro新版本动态菜单
12-26
基于12月版本的ant design pro开源项目的动态菜单生成的完整方法附代码,粘贴就可使用,简单方便。内含解说。直接能用,本人亲测,非诚勿扰!!!
阿里云风格后台模板
03-02
阿里后台管理横版。请勿在未经授权的情况下上传任何涉及著作权侵权的资源,除非该资源完全由您个人创作
我敢打赌!这绝对是10月整理的最全的《高频Java面试题集合》
weixin_46577306的博客
10-12 4483
面试题模块介绍 一、Java 基础 1.JDK 和 JRE 有什么区别? 2.== 和 equals 的区别是什么? 3.两个对象的 hashCode()相同,则 equals()也一定为 true,对吗? 4.final 在 java 有什么作用? 5.java 的 Math.round(-1.5) 等于多少? 6.String 属于基础的数据类型吗? 7.java 操作字符串都有哪些类?它们之间有什么区别? 8.String str="i"与 Strin...
ant vue pro
qwer22215的博客
03-13 487
在main.js import “ant-design-vue/dist/antd.less”; 在 vue.config.js module.exports = { css: { loaderOptions: { less: { javascriptEnabled: true } } } }; 在 bable.config.js “style”: true 在路由使用 大组件 {render:h => h(“router-view”) } 可免写一个组件 切换路由加载动画效果 Nprogr
antD Pro vue后台解决方案 - 路由 2
笑望灬星辰
10-13 1295
antD Pro vue 官网 路由配置 src /config/router.config.js 路由分为两部分 登录、注册相关 项目主要页面配置 其他 document.title 这里是用了多语言进行配置 【i18n】, 后续会讲到。 keepAlive 缓存 ,后续会讲到。【其实这里是vue里的内容, 并非该 Pro 所特有的】 icon 网页图标,后续会讲到。 permission 权限控制,一般后台都会有个权限管理的页面,来做权限配置,后续会讲到。 另外 关于路由懒加载 comp
Ant Design Vue Pro 项目实战-项目初始化(一)
终极冥帝
02-23 9867
写在前面小说网 https://www.laoyao.org 时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易...
vue 删除ant-design-vue
08-25
要删除ant-design-vue,你需要做以下几个步骤: 1. 首先,进入你的项目目录,并打开命令行工具。 #### 引用[.reference_title] - *1* [vue-antd-pro:vue + ant-design-vue创建后台管理系统模板](https://download.csdn.net/download/weixin_42134285/15727965)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ant-design-vue-pro-learn:ant-design-vue-pro开源项目学习代码](https://download.csdn.net/download/weixin_42116794/16066195)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • IconPark - 字节跳动出品的高质量开源图标库 76250
  • remove.bg - 自动抠图、一键去除图片背景的免费在线工具 19155
  • CollaNote - 完全免费无广告的 iPad / iPhone 手写笔记应用(Notability / GoodNotes 的免费替代品) 15524
  • Open Peeps - 可自由组合的免费商用的手绘人物插画素材库 13310
  • RuoYi Vue - 若依框架的 Vue 版本,免费开源、生态强大、专业的 admin 后台管理系统,基于 Vue + Element 12352

分类专栏

  • 前端优秀开源项目 92篇
  • 免费商用设计资源 15篇

最新评论

  • Pure Admin - 基于 Vue3 / Vite / Pinia 等主流技术栈打造的免费开源中后台管理系统,包含前后端源码

    学编程的小虎: 还收费,还是个人维护,谁敢用

  • ChatUI - 阿里出品的客服对话领域的前端开源组件库

    阳光的男夹克: 有没有 vue 的

  • uni-app 开发中,监听 input 键盘事件获取不到按下按键值怎么办?

    张小萍Becky: 为啥我获取不到keykode呢,我只看到type=“keyup”,无法获取是那个键。

  • ELADMIN - 免费开源 admin 后台管理系统,基于 Spring Boot 和 Vue ,包含前端和后端源码

    LiuJiang_Hao: 这支持vue3吗

  • 开发新项目看过来,这3款基于 Vue 的免费开源的 admin 管理后台框架非常好用

    美酒没故事°: vue-naive-admin 挺不错的

大家在看

  • GitHub标星破千!这份Python并行编程手册,可以封神了!
  • PBox iOS端的应用隐藏、图片视频加密软件
  • MPLS基础原理2
  • 幻想打卡助手 v1.0.1 钉钉打卡 定位模拟
  • eNSP学习——配置高级的访问控制列表 695

最新文章

  • DPlayer - 免费开源、轻量简洁的 HTML5 视频播放器,支持弹幕播放、清晰度切换、倍速播放
  • Uiverse - 这个网站提供 4000 多个优雅精致的前端 UI 元素/组件,拿来就可以用,全都免费开源
  • DataV - 免费开源的 Vue / React 大屏数据展示组件库,使用简单、效果酷炫的前端数据可视化开发插件
2024年9篇
2023年37篇
2022年39篇
2021年53篇
2020年27篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司益阳百姓网标王推广报价天门网站设计模板推荐坪地SEO按效果付费公司大运网站优化按天计费公司长春网站推广工具报价罗湖建站哪家好济源模板制作延安seo公司定西SEO按天扣费黔东南网页设计价格荆州网站优化按天计费推荐遂宁百度爱采购推荐陇南百度竞价哪家好大连网站定制价格湖州网站优化按天收费公司晋城网站优化按天扣费德州网站优化平凉百度网站优化排名公司桐城模板制作哪家好新余建设网站昌吉百度爱采购哪家好黄石设计网站报价海南网站建设公司保定阿里店铺运营价格随州网站关键词优化多少钱漳州品牌网站设计价格鹤壁关键词按天扣费多少钱上饶模板推广哪家好玉溪SEO按天计费多少钱黔东南模板推广推荐歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化