phpcms后台系统怎么去掉html目录_高标准 Vue+Antd 后台系统VueAntdAdmin

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

d19219c43998b0304bed9d5de4d204d1.png

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

febc162f2f572afd341d68b5e6ab2905.gif

特性

  • 简单:以markdown为中心项目结构;
  • 优雅:vue.js+webpack畅快开发体验;
  • 自然:vuePress为每个页面渲染静态HTML;
edda60c258bd0686cd9cc2d842d668f8.png
6d00b89eafcdd1555a63a94bc6846ef4.png

快速安装

# 克隆项目git clone https://github.com/iczer/vue-antd-admin.git# 进入目录cd vue-antd-admin# 安装依赖npm install# 启动服务npm run serve
b76d4271bbd9878db31cefe4fbfdbe1c.png

目录结构

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

d8b009ef82edcf9623f33f5a14c30448.png

页面布局

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

8165314186bafa58c1e80c225afdcf9d.png

AdminLayout | 管理后台布局

69aeaa8e8f8ea34f14a443b6aa11d730.png

PageLayout | 页面布局

01b07ea33b0a3dc1444c9c40a2b47640.png

CommonLayout | 通用布局

e2d5f57f43bca01fd964e2ee448a915b.png

空白视图

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

582be05caf5902adc596ed61bfd6741e.png
eacf06e185d9cf23f1bf3a006d83249a.png
8bdc65d6ac515415a5113b4541327183.png
aeb093dceb612e6f83f5adcb73bc3582.png
9e060b44e28e24cb2f629d8e13677d25.png

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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值