您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

基于阿里Ant Design构建的高颜值开源管理后台UI框架

时间:2020-12-17 11:03:39  来源:  作者:
基于阿里Ant Design构建的高颜值开源管理后台UI框架

 

继承 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 框架。

基于阿里Ant Design构建的高颜值开源管理后台UI框架

Artiely-Vue-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 上开源,任何人都可以下载修改使用。

关注我,持续分享高质量的免费开源、免费商用的资源。



Tags:UI框架   点击:()  评论:()
声明:本站部分内容来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除,谢谢。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件...【详细内容】
2020-12-17   UI框架  点击:(0)  评论:(0)  加入收藏
相信大家用过不少的后台UI框架,这其中包含了使用了最新前端技术栈的vue-element-admin、基于Bootstrap 4.4框架以及JS / jQuery插件并完全响应的管理模板AdminLTE、具有漂亮...【详细内容】
2020-09-23   UI框架  点击:(22)  评论:(0)  加入收藏
现在要写一个后台UI界面,要学的东西越来越多了。各种新的前端框架,让人应接不暇,而一些已有的CSS框架,需要额外写的组件逻辑又太多。有没有一个能够开箱即用,通过配置化的方式,就...【详细内容】
2020-09-02   UI框架  点击:(10)  评论:(0)  加入收藏
AliOS Things 是 AliOS 家族旗下、面向 IoT 领域的、高可伸缩的物联网操作系统。物联网设备开发过程中,嵌入式GUI(用户图形界面)的开发是一个重要的组成部分。许多智能设备如...【详细内容】
2020-06-21   UI框架  点击:(6)  评论:(0)  加入收藏
1 说明:=====1.1 PySimpleGUI1.1.1 是PySimpleGUI的一个组成包,而PySimpleGUI使用起来非常简单。1.1.2 本人曾介绍过:《python3的PySimpleGUI库的介绍、安装、学习》,此处省略。...【详细内容】
2020-06-09   UI框架  点击:(265)  评论:(0)  加入收藏
前言 V- Layout 是阿里出品的基础 UI 框架,用于快速实现页面的复杂布局,在手机天猫 Android版 内广泛使用 电商图 让人激动的是,在上个月V- Layout终于在Github上开源!Github -...【详细内容】
2020-05-14   UI框架  点击:(6)  评论:(0)  加入收藏
在前端项目开发过程中,现在很少有人会使用原生的CSS来搭建页面,总归都会引入一些前端UI框架以减少代码的书写。一般为了方便自己的使用,很多大公司都有自己的一套UI框架,同时也...【详细内容】
2019-11-12   UI框架  点击:(11)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条