1、Ant Design Pro 初了解 说到ant design pro，得先了解一下ant design是个什么东西？ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant design pro呢?就是基于Ant Design这个框架搭建的中后台 ...

可以理解为 Ant Design 是一套 组件库，而 Pro 是使用了这套组件库的完整前端脚手架。 Ant Design更多是着重致力于设计规范和基础组件 Ant Design Pro 直接提炼出典型模板/业务组件/配套设计资源。你不需要重复设计那些复用性高的业务组件，直接引用集合好的业务 ...

在上一篇文章中，我们介绍了如何构建一个Ant Design Pro的环境。 同时讲解了如何启动服务并查看前端页面功能。 在本文中，我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能。 目录结构浅谈 首先，我们来简单了解一下整个项目的目录结构及其中每个 ...

一、概述 　　参看地址:https://pro.ant.design/docs/style-cn 　　基础的 CSS 知识或查阅属性，可以参考 MDN文档。 二、详细介绍 2.1、less 　　Ant Design Pro 默认使用 less 作为样式语言，建议在使用前或者遇到疑问时学习 ...

一、概述 　　参看地址：https://pro.ant.design/docs/layout-cn 　　其实在上述地址ant-design上已经有详细介绍，本文知识简述概要。 　　页面整体布局是一个产品最外层的框架结构，往往会包含导航、页脚、侧边栏、通知栏以及内容等。在页面之中，也有很多区块 ...

1.Input Enter事件 <input onKeyUp={this.onKeyUp} onPressEnter={this.enter} /> onKeyUp = (e) ...

新建一个空的文件夹作为项目的目录,并在目录下执行 如果不创建空目录,可以执行 选择ant design pro 选择安装的版本 选择语言类型 选择简单还是全部安装 安装完成后安装依赖 ...

发送请求 上次讲到在api.js中发送请求，模拟了假数据，这次讲一下调用真实接口进行请求并渲染页面。 先完整的过一遍请求吧 首先view层发送请求例如下面的代码： componentDidMount() { this.fetchListCallback ...