网站首页 > 技术文章 正文
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。
关于 Artiely Vue Admin
Ant Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库,背靠大厂、设计优美,是一个 React 实现的主要用于中后台管理系统的 UI 框架,同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant Design Pro 是官方提供的基于 Ant Design 开发的管理后台框架,但遗憾的是只支持 React。
而今天要推荐的开源项目就是一款基于 Ant Design Vue 开发的管理后台 UI 框架,因为作者没有明确地给这个框架命名,所以我只能根据其在 Github 上的描述,称呼为 Artiely Vue Admin。但丝毫不影响它作为一款优秀美观的 admin 框架。
框架特点
- 支持自定义主题、响应式布局(支持PC/手机/以及平板设备)
- 前后端分离,集成丰富的过滤器和指令,内置 axios 封装,开箱即用
- 专业美观。提供骨架屏,标签视图模式以及色弱模式和国际化
框架使用体验
我个人一直非常喜欢 Element UI,一直苦苦寻找基于它的 admin 后台框架,但很多很优秀的 admin 项目,代码实现以及业务逻辑设计都非常优秀,视觉设计实在拿不出手,但我非常关注 UI 设计,一直寻找一个综合平衡,优点突出的 admin 框架。
Artiely Vue Admin 就是一款继承了 Ant Design 专业美观优点的 admin 框架,项目结构简单规范,设计思路非常清晰,更够开箱即用。
├─doc // 文档目录
│
├─public // 静态资源目录
├─script // 脚本
│
├─node_modules
│
├─src // 项目源文件
│ │ main.js // 入口文件
│ ├─api // 请求接口
│ │
│ ├─assets // 组件静态资源
│ │
│ ├─common // 公共文件
│ │ ├─directive // 指令
│ │ ├─filter // 过滤器
│ │ └─utils // 工具
│ │
│ ├─i18n // 国际化
│ │
│ ├─config // 业务配置文件
│ ├─core // 非业务抽离文件
│ ├─layouts // 布局组件
│ ├─packages // 非业务组件
│ ├─plugins // 第三方插件
│ ├─views // 业务组件
│ ├─router // 路由管理
│ └─store // 状态管理
│
├─test // 测试
└─theme // 主体管理
...
一直以来,因为管理后台没有直接面向用户,很多开发团队在技术选型以及产品开发上往往不够重视。事实上管理后台作为一个互联网产品的重要支撑端,承载着项目的业务以及内部工作人员的日常工作,其实是非常重要的一环。Artiely Vue Admin 比较人性化的是多标签视图,切换标签后会保留状态,就像浏览器的窗口一样。这对操作频繁、需要对比的业务来说更是重要,而很多单页面开发的 admin 都不支持。
免费开源说明
Artiely Vue Admin 已经在 Github 上开源,任何人都可以下载修改使用。
关注我,持续分享高质量的免费开源、免费商用的资源。
↓↓点【了解更多】查看本次分享的网址。
猜你喜欢
- 2025-05-27 体验新秩序:前端接入 AI 的七个高效平台
- 2025-05-27 开发新项目看过来,3款基于 Vue 的免费开源 admin 管理后台框架
- 2025-05-27 【开源】一款免费美观的 Avalonia UI 原生控件库 - Semi Avalonia
- 2025-05-27 Vant Weapp - 有赞出品的微信小程序组件库
- 2025-05-27 ArcoDesign,字节跳动开源力作,企业级UI开源库,一个字“牛”!
- 2025-05-27 NutUI - 京东出品的适合快速开发商城类h5、小程序的UI组件库
- 2025-05-27 6个冷门但实用的前端测试及开发相关的chrome浏览器插件
- 2025-05-27 Taro - 京东凹凸实验室出品的小程序多端开发工具,内置 UI 组件库
- 2025-05-27 免费开源 UI 组件库,风格简约,在微信生态开发轻量项目的绝佳选择
- 2025-05-27 国内大厂AI插件评测:根据UI图生成Vue前端代码
你 发表评论:
欢迎- 494℃几个Oracle空值处理函数 oracle处理null值的函数
- 489℃Oracle分析函数之Lag和Lead()使用
- 488℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 476℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 469℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 464℃【数据统计分析】详解Oracle分组函数之CUBE
- 448℃Oracle有哪些常见的函数? oracle中常用的函数
- 442℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
-
- Spring Boot跨域难题终结者:3种方案,从此告别CORS噩梦!
- 京东大佬问我,SpringBoot为什么会出现跨域问题?如何解决?
- 在 Spring Boot3 中轻松解决接口跨域访问问题
- 最常见五种跨域解决方案(常见跨域及其解决方案)
- Java Web开发中优雅应对跨域问题(java跨域问题解决办法)
- Spring Boot解决跨域最全指南:从入门到放弃?不,到根治!
- Spring Boot跨域问题终极解决方案:3种方案彻底告别CORS错误
- Spring Cloud 轻松解决跨域,别再乱用了
- Github 太狠了,居然把 "master" 干掉了
- IntelliJ IDEA 调试 Java 8,实在太香了
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)