VueAntdAdmin:高标准的Vue+Antd后台管理系统

今天给大家推荐一款Antd风格的Vue版本后台管理系统Vue-Antd-Admin。

高标准 Vue Antd 后台系统VueAntdAdmin

vue-antd-admin 基于vue2.x antd构建的中台前端解决方案,star高达1.5K 。包含一些常用表单/表格、详情列表及可拖拽任务卡片等功能。

高标准 Vue Antd 后台系统VueAntdAdmin

特性

  • 简单:以markdown为中心项目结构;
  • 优雅:vue.js webpack畅快开发体验;
  • 自然:vuePress为每个页面渲染静态HTML;
高标准 Vue Antd 后台系统VueAntdAdmin
高标准 Vue Antd 后台系统VueAntdAdmin

快速安装

# 克隆项目
git clone https://github.com/iczer/vue-antd-admin.git
# 进入目录
cd vue-antd-admin
# 安装依赖
npm install
# 启动服务
npm run serve
高标准 Vue Antd 后台系统VueAntdAdmin

目录结构

提供涵盖中后台各类功能的完整开发框架,如下是项目目录结构。

高标准 Vue Antd 后台系统VueAntdAdmin

页面布局

整体页面布局包含导航栏、页脚、侧边栏、通知栏及内容等。在Vue-Antd-Admin中抽离了一些常用布局,放在layouts目录里。

高标准 Vue Antd 后台系统VueAntdAdmin

AdminLayout | 管理后台布局

高标准 Vue Antd 后台系统VueAntdAdmin

PageLayout | 页面布局

高标准 Vue Antd 后台系统VueAntdAdmin

CommonLayout | 通用布局

高标准 Vue Antd 后台系统VueAntdAdmin

空白视图

另外还提供丰富的主题色定制。

高标准 Vue Antd 后台系统VueAntdAdmin
高标准 Vue Antd 后台系统VueAntdAdmin
高标准 Vue Antd 后台系统VueAntdAdmin
高标准 Vue Antd 后台系统VueAntdAdmin
高标准 Vue Antd 后台系统VueAntdAdmin

非常优秀的一款Antd风格中后台管理系统解决方案,需要的同学不要错过!

最后附上文档及项目地址链接。

# 文档地址
https://iczer.gitee.io/vue-antd-admin-docs/
# 预览地址https://iczer.gitee.io/vue-antd-admin/
# 仓库地址https://github.com/iczer/vue-antd-admin

ok,就介绍到这里。希望对大家有所帮助,有需要的小伙伴们可以去看下哈!

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/11999.html

发表评论

登录后才能评论