Ant Design（蚂蚁组件）是蚂蚁集团体验技术部经过大量项目实践和总结，逐步打磨出的一个设计系统，内含带有 React 的 UI 库。它是为企业级产品设计而创建的。Ant Design 提供了高质量的交互界面设计组件和演示。作为 UI 设计师，在我们的工作中，善于利用现有的设计系统组件能够极大地提升工作效率。今天，即时设计设计师将向大家介绍广泛使用的设计系统 Ant Design 以及它的使用
转载
2024-03-12 14:41:01
55阅读
Ant Design of Reactantd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。设计语言：随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系 Ant Design。基于『确定』和『自然』的设计价值
转载
2024-03-23 08:41:31
76阅读
Ant Design Pro 是一个企业级中后台前端/设计解决方案。本地环境需要安装 node 和 git，技术栈基于 ES2015+、React、dva、g2 和 antd。参考：https://dvajs.com/https://github.com/ant-design/ant-design-pro/blob/master/READ
转载
2024-08-05 11:31:51
190阅读
实习遇到了这样的合并表单需求，从后端接收到的数据类似：{公司a，月份，废铅蓄电池数据，废矿油数据}
{公司a，月份，废铅蓄电池数据，废矿油数据}
{公司b，月份，废铅蓄电池数据，废矿油数据}
{公司c，月份，废铅蓄电池数据，废矿油数据}需要把公司名称这一列的相同公司行合并起来：这一操作可以通过在相应列里添加render实现：/*
value:当前项的值
record:当前行的数据
index:行索
转载
2024-05-04 15:50:03
91阅读
在今年 SEE Conf 之际我们发布了 4.0-rc 版本，茶歇时间，有不少开发者对于 Ant Design 将设计与实现相结合充满了好奇。这次 SEE Conf 没有充足的时间准备相关演讲，因而于此对于 Ant Design 4.0 背后的一些技术实现做一些杂谈。这次就先谈谈 Table。组合的问题据统计，Table 是 antd 中高频使用的组件，其丰富的功能充满着排列组合的乐趣。而在日常使
转载
2024-07-24 13:13:24
197阅读
使用场景，在一个列表中，点击每一行会弹出一个表单，通过修改表单数据并提交来修改这一行的数据，其中某个数据的填写需要通过Mention实现动态提示及自动补全的功能。具体效果为： 遇到的问题：1、希望所需要的提示和自动补全的内容不同，实际场景类似于ide中函数提示（包含参数和返回值以及用法等提示）和函数补全（只补全函数名）的功能。Ant Design的Mention组件提供了Nav可以实现这
转载
2024-05-06 16:38:27
164阅读
目录1 Form基础概念2 Form编写方式2.1 编写逻辑2.2 举例2.2.1 目标：2.2.2 程序顶层逻辑： 2.2.3 Register组件顶层逻辑：2.2.4 组件 - Email输入框2.2.4 组件 - 密码输入框2.2.4 组件 - 确认密码框（涉及validator）2.2.5 组件 - 电话号码输入框（涉及下拉框小组件）2.2.6 组件 - 验证码输入框
转载
2024-02-14 14:50:06
88阅读
antd与element-ui作为两个用途广泛的ui框架，均提供了按需引入，毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候，按需引入就变得更有必要了。我特意数了一下，二者均提供了共计63个组件，这是不是有什么特殊意义… 当然这么多组件更进一步证明了按需引入的必要性。其实官方均已经提供了按需引入的方式：antd# 安装 babel-plugin-import
$ npm ins
转载
2024-03-01 09:23:22
77阅读
# AntDesign 在 Java 项目中的应用教程
在本教程中，我们将逐步实现一个基于 AntDesign 的 Java 项目。AntDesign 是一个流行的 React UI 组件库，通常与 Java 后端一起使用。以下是整个过程的流程概述。
## 项目实施步骤
| 步骤 | 描述 |
|------------|----
原创
2024-09-08 03:41:35
28阅读
bug问题描述今天准备使用一下Ant Design Pro，全程按照使用文档进行项目的构建和启动，结果启动时报如下错误：ERROR in ./src/components/index.md Module build failed (from ./node_modules/@umijs/preset-dumi/lib/loader/index.js): Error: [BABEL] @b
本次使用的是vue-admin-template-master模板1.首先从后端那里获取用户权限的接口2. 在路由导航里面每次跳转路由就向store派发一个获取用户权限接口// 获取用户信息 权限
await store.dispatch('user/getInfo')3.在store actions里面调取用户权限接口以及储存用户权限到state里面// 获取用户权限
转载
2024-09-12 20:01:39
128阅读
大文件分片上传就是一个契合分治算法的场景，现而今，视频文件的体积越来越大，高清视频体积大概2-4g不等，但4K视频的分辨率是标准高清的四倍，需要四倍的存储空间——只需两到三分钟的未压缩4K 电影，或者电影预告片的长度，就可以达到500GB。 8K视频文件更是大得难以想象，而现在12K正在出现，如此巨大的文件，该怎样设计一套合理的数据传输方案？这里我们以前后端分离项目为例，前端使用Vue.js3.0
转载
2024-10-29 20:11:57
87阅读
折腾大半天，把最简单的方法给大家分享下：准备工作：下载安装ant，安装androidsdk等步骤这里就不说了，需要准备一个keystone的签名文件，可以百度下，如何生成keystone文件，必须记住密码、aliansname、alians密码。1：取到android工程2：DOS进入工程目录3：自动生成build.xml文件，在工程目录下执行：androidupdateproject-p工程路径
我们在进行项目管理时经常会用到甘特图，它是用条形图表可视化的展示项目的进度。在日常工作学习中，很多场景都可以看作项目，比如学习、减肥、培训、招聘等，甘特图对于推进和掌控项目进度非常有帮助。 甘特图，又称为横道图、条状图。用来展示项目进度，方便团队协作和任务推进的一种图表。一般情况下，甘特图多为计划所用。在管理行为中，总要通过跟踪方式对计划进行有效控制。不过如今，很多的企业HR们也开始使用甘特图来进
前言开始学习欢迎来到《Ant Design 实战教程》。 这本教程将从最简单的教起，让大家学会如何使用 Ant Design 组件库，然后逐渐深入，讲解如何开发一个包含多个复杂网页、用于实际生产的大型应用。这是 Ant Design 组件库的官方教程，由 Ant Design 开发团队负责编写。不管你是刚刚接触前端开发的新手，还是已经从事实际开发、希望尝试 React 技术栈的工程师，都
转载
2024-03-17 13:12:56
99阅读
Ant Design组件使用合集一、Table组件的使用1、Table组件中onCell的使用2、满足条件的行显示不同的样式3、显示页码，跳转至多少页，共多少项2、需要注意的地方二、Form表单的使用1、校验只能输入某一类型的数据，限制输入范围 一、Table组件的使用1、Table组件中onCell的使用需求1：描述内容过长时将超出部分隐藏并显示省略号，鼠标悬停查看全部信息{
titl
转载
2024-03-15 13:15:31
243阅读
1 Ant自动编译打包android项目 1.1 Ant安装 ant的安装比较简单，下载ant压缩包 http://ant.apache.org (最新的为1.9.3版本)，下载之后将其解压到某个目录(本人解压到E:\Program Files\apache-ant-1.9.3)
开发如果使用 angular 最基本功能，只需要导入 angular.js 从 angularJS 1.2 版本后，路由功能 js 被单独分离 例如：编写HTML<body ng-app ng-controller="PhoneListCtrl"> <input ng-model="quer"/> <select n
我认为TreeSelect组件和Tree组件的区别是把Tree组件放到了Select组件里面。单纯的下拉框中的Tree形结构收起展开热区的扩展和Tree组件是一样的。不同的地方是：1.树形节点被点击时下拉框显藏示隐的状态的控制。热区改变之后，点击节点应该有两种效果:（1）一种是只控制树形的收起与展开，下拉框不用隐藏，（2）另一种是点击节点被选中，下拉框隐藏。我这里是叶子节点被点击时是选中效果，其他
