投稿

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

Vedu • • 资源分享 • 阅读 7415

今天给大家推荐一款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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-09-29 09:39
下一篇 2020-10-08 15:51

相关推荐

发表评论

登录后才能评论