ArtielyVueAdmin-基于蚂蚁⾦服AntDesign构建的⾼颜值开源管
理后台UI框架
关于 Artiely Vue Admin
Ant Design 是阿⾥巴巴蚂蚁⾦服团队出品的前端 UI 组件库,背靠⼤⼚、设计优美,是⼀个 React 实现的主要⽤于的 UI 框架,同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant Design Pro 是官⽅提供的基于开发的管理后台框架,但遗憾的是只⽀持 React。
⽽今天要推荐的开源项⽬就是⼀款基于 Ant Design Vue 开发的管理后台 UI 框架,因为作者没有明确地给这个框架命名,所以我只能根据其在 Github 上的描述,称呼为 Artiely Vue Admin。但丝毫不影响它作为⼀款优秀美观的 admin 框架。
Artiely-Vue-Admin 预览框架特点
⽀持⾃定义主题、响应式布局(⽀持PC/⼿机/以及平板设备)
前后端分离,集成丰富的过滤器和指令,内置 axios 封装,开箱即⽤
专业美观。提供⾻架屏,标签视图模式以及⾊弱模式和国际化
框架使⽤体验
我个⼈⼀直⾮常喜欢,⼀直苦苦寻基于它的 admin 后台框架,但很多很优秀的 admin 项⽬,代码实现以及业务逻辑设计都⾮常优秀,视觉设计实在拿不出⼿,但我⾮常关注 UI 设计,⼀直寻⼀个综合平衡,优点突出的 admin 框架。
Artiely Vue Admin 就是⼀款继承了 Ant Design 专业美观优点的 admin 框架,项⽬结构简单规范,设计思路⾮常清晰,更够开箱即⽤。
├─doc                  // ⽂档⽬录
antdesignvue 表格合计
├─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 上开源,任何⼈都可以下载修改使⽤。