（作者：王旭东 撰写时间：2019年5月5日）空间布局是体系视觉设计的起点，和传统法人平面设计的不同之处在于，UI界面空间要基于【动态、体系化】的角度出发展开。我们受到建筑界大师柯布西耶的模度思想的启发，基于【秩序之美】的原则，探索UI设计中的动态空间秩序，形成了Ant Design的界面布局方式，为设计者构筑具备理性之美的布局空间创造了条件。在中后台视觉体系中定义布局系统，我们建议从5个方面
1.利用moment时间转换 常用转换为普通时间格式
moment("时间").format('yyyy-MM-DD’)
moment("时间").format('yyyy-MM-DD hh:mm:ss’) //表示12小时制
moment("时间").format('yyyy-MM-DD HH:mm:ss’) //表示24小时制
MM: 月份 mm: 分
DD: 日期 dd: 星期
转载
2024-08-08 19:33:17
195阅读
关注米兜Java并置顶，一起涨姿势～ 关注米兜Autumn2020 热点推荐1为什么我应当使用Apache OpenOffice？2Ant Design of React - 项目实战3Ant Design of React - 快速上手4Ant Design of React - 入门了解Ant Desi
1、开始学习ant-design-pro，安装啥的自动忽略，参考文档：https://pro.ant.design/docs/getting-started-cn根据文档学习，添加页面，新增组件都没问题，可以跟着做，但是到了和服务器交互时就有点蒙了，因为ant-design-pro采用了dva框架实现，前段使用react技术，对于只有后台开发经验的我还停留在springmvc 的工作模式上，对于a
转载
2024-04-29 11:05:26
203阅读
一、简介1、Ant Design ProAnt Design Pro是一款搭建中后台管理控制台的脚手架 ，基于React,dva.js,Ant Design（1）其中dva主要是控制数据流向，是纯粹的数据流，用作状态管理使用React技术栈管理大型复杂的应用往往要使用Redux来管理应用的状态，然而随着深度使用，Redux也暴露出了一些问题。dva 是一种改良Redux的架构方
转载
2024-06-12 13:24:22
43阅读
Ant Design Pro Vue不完全开发手册前言准备工作：1、安装npm2、可选安装3、安装 vue-cli 工具：4、参考文档基础开发学习：1、git项目拉取2、安装项目3、启动项目4、文件解析vue.config.jsrouter.config.jsviews（1）api.js（2）vue开发浅谈问题与解惑1、如何把父组件的值传到子组件2、父组件调如何用子组件方法3、子组件如何调用父组
Ant Design Pro 浅析脚手架下载Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互 脚手架下载软件环境：NodeJS，Git 下载步骤：1、clone代码。其中ant_design 为文件夹名$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git ant_design
$
转载
2024-04-29 23:02:18
112阅读
之前没有接触过react。新工作需要用react框架，另外配合ant design ui框架来实现一个后台管理系统的编写，上周学习了它提供的各个组件并试着去编写了一些页面，大致有了了解。‘鉴于网上没有很好的文章很好的讲解一下这个框架，同时也是自己对最近的一个总结。前期的克隆工程以及npm start就略过了,还有各个文件夹的用途就不用说了，资料有得.我主要想说一下新添加一个页面并从服务端获得数据进
转载
2024-03-07 15:22:53
54阅读
在之前的系列文章中，我们讲解了如何快速使用Ant Design Pro解决方案来快速搭建前端框架。而ECharts是前端最流行，功能最强大的前端图表库。下面，我们将会在本文中讲解如何在Ant Design Pro使用ECharts。安装首先，如何在Ant Design Pro解决方案下安装ECharts呢？ Ps：关于Ant Design Pro的基本知识可以访问如下文章进行了解：&n
转载
2024-05-22 19:51:41
217阅读
一、Ant Design Pro 介绍1、访问地址：https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤：vue create ant-design 依据需要选择相应的依赖
cd ant-design 打开项目文件
npm i ant-design moment 安装项目中的依赖，依据momen
转载
2024-04-01 10:53:27
97阅读
推荐开源项目：Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库，致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版，它添加了许多实用功能和自定义选项，使得在构建企业级前端应用时更加得心应手。技术分析基于Ant Design
转载
2024-08-10 11:01:10
91阅读
Ant Design Pro v4 基于角色的权限访问控制实战教程（50 个视频）Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍（带中英字幕）Ant Design Pro v4 基于角色的权限访问控制实战教程 #2 初始化项目Ant Design Pro v4 基于角色的权限访问控制实战教程 #3 使用 umi ui 创建项目Ant Design Pro v4
转载
2024-08-27 20:24:10
28阅读
本人后端开发，js马马虎虎能看懂，通过cv大法可以实现功能，vue看了简单的示例，然后就上手使用ant-design-pro of vue了，然后发现其中很多写法根本不知道在说什么。本文主要介绍pro中涉及到的后端人员可能不知道的知识：目录一、@写法，如二、router.push()命名路由一、@写法，如import { constantRouterMap } from '@/config/rou
转载
2024-02-27 14:35:10
135阅读
第一 设计原则官方网址：https://ant.design/index-cn需要做出更好的设计决策，给予研发团队一种高确定性、低熵值的研发状态。同时，不同设计者在充分理解业务述求后，基于 Ant Design 体系都会有相同且符合当前业务特性的设计产出。1.保持克制： 能做，但想清楚了不做。设计者应当聚焦在最有价值产品功能打磨，并用尽可能少的设计元素将其表达。正如 Antoine de
转载
2024-05-07 21:44:51
96阅读
前言：前一篇记录了【后台管理系统】目前进展开发中遇到的一些应用点，这一篇会梳理一些自己学习Ant Design Pro源码的功能点。附：Ant Design Pro 在线预览地址。 Dashboard指示板pages/Dashboard 目录下：Analysis.js分析页、Monitor.js指控页、WorkPlace.js工作台用到的一些技术点：react v16.6 动态
转载
2024-05-07 12:09:22
54阅读
遇到的问题： 点击列表中的一个字段 ， 显示出一条指定id（其他筛选条件的）数据 解决这个问题之前，要先了解 Antd的 Table中的 Column 列描述数据对象，是 columns 中的一项，Column 使用相同的 API。 官网地址从中我们可以知道 : render 生成复杂数据的渲染
转载
2024-03-18 17:42:33
71阅读
Ant Design 是一个很好用的前端组件库，里面包含有很多基础组件，能极大提高我们的开发效率下面先贴出 官方文档，里面的介绍已经十分全面和详细，大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目，然后怎么在项目中引入 Ant Design 呢？首先介绍一下 vue-cli 3 默认生成的目录结构，关于 vue-cli 3 的具体使用可以参
转载
2024-03-20 07:20:35
429阅读
老鸟请飞走，关于入手Ant 还是有比较长的路走的，但是呢，如果是有一套框架能让我们快速开发项目成型，那么只需要先了解一下这个前端框架 但是呢，这可有不少坑，下面我们一一解决它吧。 这里说一下，我们需要具备一下知识 Vue 和 ES2015 ， HTML、CSS 和 JavaScript 这些基本了解一下即可，总不能源
介绍G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完成之后，即可使用 import 或
（作者：黄海浪，撰写时间：2019年5月4日） Ant Design这款企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂，而且变动和并发频繁，常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。这些是关于它的基础介绍。 首先来给大家看看Ant Design这个产品首页是什么样的（如图所示）： Ant Desig
