Ant Design Pro of Vue

本来呢是想写一些关于Ant Design Vue的文章，不过恰好用到了一个开源的基于Ant Design Vue 开发的Ant Design Pro of Vue的中后台框架，就在此基础上写一些关于Ant Design Pro of Vue的文章。在此之前，先介绍一下Ant Design Pro of Vue。

准备

本地环境首先需要安装 node 和 git。关于安装的教程就不在这里介绍了，如果实在有安装失败，就自行百度一下。
并且有必要提前了解和学习一下 Ant Design Vue。

介绍

摘取一段官方的文字：
Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

因为Ant Design Pro of Vue是基于Ant Design Vue的，在使用过程中，感觉相较于 elementUI 来说，组件会更丰富一点，总体来说是很不错的。下面我给几个链接，并展示几张界面图，组件图等看一下。

Vue.js:https://vuejs.bootcss.com/
Ant Design of Vue:https://vue.ant.design
Ant Design Pro of Vue:https://pro.loacg.com/

图例

Ant Design Vue 组件图：
目前一共有55个组件，非常丰富。
在这里插入图片描述
Ant Design Pro of Vue也提供了一些专用组件，可以自行选择：
在这里插入图片描述
Ant Design Pro of Vue的部分界面图：
在这里插入图片描述

在这里插入图片描述
看起来还是很漂亮的，右侧边的齿轮按钮是一个自定义功能，可以更换背景，样式等等。你可以根据自己的项目和业务需求快速的开发出一套完整的中后台项目。

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue