react Ant Design项目常用官网参考汇总

最新推荐文章于 2021-09-13 16:49:22 发布
最新推荐文章于 2021-09-13 16:49:22 发布
阅读量2.2k 收藏 3
点赞数
分类专栏： Java类技术 前端（微信小程序、Web开发等）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JxufeCarol/article/details/106164438
版权
这篇博客整理了React项目中Ant Design的各种官方组件链接，包括按钮、图标、表单、数据展示等，方便开发者快速查阅。还提到了模拟数据工具Easy-Mock和Rap2，以及React Router、百度地图API和Echarts图表库的使用。
摘要由CSDN通过智能技术生成

本学期选修了一门《HTML5应用开发技术》，期间有个项目打卡是学习react项目（共享单车管理系统），主要是前端的项目实现。
该打卡项目以Ant Design为主，在学习的过程中查看了非常多的官网及其链接。
互联网时代，计算机技术更新是非常快的，包括ant design在内的各个组件/插件/文档也是迅速更新。因此在开发项目的过程中，官方文档显得尤为重要。
由此，写下这一篇博客，用来记录常用于react项目的官方链接，以便日后查看或者直接访问。

Ant Design

官方网址：
网址1（速度较慢）：https://ant.design/index-cn
在这里插入图片描述
网址2（速度较快）：https://ant-design.gitee.io/index-cn，内容同网址1
在这里插入图片描述
网址3，Alipay Design：https://design.alipay.com/
在这里插入图片描述

子链接之通用：
（1）按钮Button
https://ant.design/components/button-cn/
（2）图标Icon
https://ant.design/components/icon-cn/

子链接之布局：
（3）栅格Grid
https://ant.design/components/grid-cn/

子链接之导航：
（4）面包屑Breadcrumb
https://ant.design/components/breadcrumb-cn/
（5）导航菜单Menu
https://ant.design/components/menu-cn/
（6）分页Pagination
https://ant.design/components/pagination-cn/

子链接之数据录入：
（7）多选框Checkbox
h

最低0.47元/天 解锁文章
Jxufe渣渣斯
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react.js完整项目
11-29
前端fackbook的react框架，包括es6，react,redux,typescript，是一下完整的项目
react-admin：基于React + ant-design的用于后台管理项目的脚手架
02-05
React + Ant Design脚手架，专用作后台管理系统，反复在项目中实践和优化，功能齐全，细节完善，并提供丰富的示例代码，可以直接上手和开发。 技术选型 react + redux + react-router + ant-design +不可变+获取 ...
react使用ECharts
weixin_39669935的博客
12-18 1043
react使用ECharts1.安装echars2.代码里引入echars模块3.前往echars官网，进入社区-gallery4.随便进入某一个示例（可通过筛选查找不同类图案）5.添加代码6.从官网拉入代码 1.安装echars npm install echarts --save 2.代码里引入echars模块 // 引入 ECharts 主模块 // 引入 ECharts 主模块 impor...
React官网入门项目井字棋游戏
ｎｅｗｘｃ
09-13 619
React官网里有很详细的教程 ，也有在线沙盒，但是写的东一榔头西一棒槌的，不适合新手入门，所以我还是建议大家可以先去看看阮一峰大神的React博客或者某硅谷的网课，这个网课讲的很详细，甚至详细到有些啰嗦，我大概是用20天把网课看完，然后再看的官方文档，把这个小游戏做一下，我这里是采用在本地完成这个项目。 游戏预览： 准备工作： 确保你安装了较新版本的Node.js。 按照Create React App 安装指南创建一个新的项目 npx create-re...
React购物网站项目开发
waillyer的博客
11-10 1316
说明 从无到有编写购物网站，网站参考华为官网，主要是用于学习react 开发环境 需要安装node.js React 开发环境 node请自行百度安装 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 一、新建项目 没有环境先安装： $ cnpm install -g create-react-app 新建购物项目 create-react-a
React使用echarts-for-react
大灰狼的小绵羊哥哥的博客
04-26 2790
参考npm文档：[echarts-for-react](echarts-for-react) 由于npm上已经有针对react项目出的echarts插件,所以在这里直接安装 第一步：npm安装echarts-for-react npm install --save echarts-for-react npm install echarts --save //如果有报错找不到echarts模块，需要在安装一下exharts' 第二步：引入模块和组件 import echarts from 'e
react ant Design手动设置表单的值操作
01-22
1.设置表单的值 this.props.form.setFieldsValue({ name:”张三”, }); 2.清空表单的值 ...补充知识：react使用antd表单赋值，用于修改弹框 1、使用getFieldDecorator的initialValue 2、在state里定义一个
基于React和Ant Design的数据大屏展示设计源码
04-03
本设计源码提供了一个基于React和Ant Design的数据大屏展示系统。项目包含27个文件，主要使用JavaScript、CSS和HTML编程语言。文件类型包括7个JavaScript文件、7个Map文件、6个CSS样式文件、2个PNG图片文件、1个ICO...
react-antd-landing-page:使用React和Ant Design制作的登录页面
05-28
在本项目"react-antd-landing-page"中，开发者利用React和Ant Design库构建了一个功能齐全的登录页面。Ant Design是流行的UI框架，为React应用提供了丰富的组件和样式，简化了前端开发工作。以下是关于这个项目及其...
基于React和Ant Design的昆仑管理系统前端设计源码
最新发布
04-11
本源码提供了一个基于React和Ant Design的昆仑管理系统前端设计。项目包含272个文件，其中包括207个JavaScript文件、33个Less样式文件、8个PNG图片、4个JPG图片、4个CSS样式文件、3个Markdown文档、2个环境文件、2个...
react-antd-admin-template：一个基于React + Antd的后台管理模版，在线预览https：nlrx-wjc.github.ioreact-antd-admin-template
02-05
简介 是一个基于React和Ant Design的后台管理系统模板。它内置了用户登录/登出，动态路由，权限重置，用户管理等典型的业务模型，可以帮助您快速构建企业级中后台产品原型，是你接私活的不二之选。 本系统的开发灵感来自 ，这是一个基于Vue和ElementUI的优秀的后台管理系统模板，在这里向大佬致敬！ 其实我的主技术栈一直是Vue ，只是最近入坑了React ，看了大半个月文档，就想牛刀小试一下，哈哈。不是有那句话么：检验学习成果最好的方式就是造轮子。所以对于React ，我还是个小白，项目中肯定有做的不够好的地方，欢迎各位同好提pr或issue 。 目前还在持续编写完善中... 功能
react项目使用了 Ant Design等需要三级联动的省市区资源库
11-26
let cityData = { "RECORDS": [ { "value": 110000, "label": "北京", "children": [{ "value": 110100, "label": "北京", "children": [{ "value": 110101, ...Ant Design组件三级联动资源库必备
react-admin:基于antdesign的管理后台项目
04-22
Ant Design Pro提供了一些有用的脚本，可帮助您快速启动和构建Web项目，代码样式检查和测试。 package.json提供的脚本。 修改或添加其他脚本是安全的： 开始项目 npm start 建立项目 npm run build 检查代码样式 ...
React降级配置及Ant Design配置详解
10-17
React降级配置主要涉及到的是对`create-react-app`创建的应用进行自定义配置，以适应对旧版浏览器（如IE11）的支持。首先，通过`create-react-app`创建一个...希望这个详解能对学习React和Ant Design的开发者有所助益。
自搭的react、ant design脚手架
06-06
AntDesign@4.2.4 实现的webpack配置项 jsx、es6语法解析 开发服务 webpack-dev-server html模板，会自动引入打包的js less配置 css配置：打包压缩、自动添加浏览器前缀 图片字体等资源加载 AntDesign (不需要可以 ...
创建react项目(antd)参考官网命令与配置
Jamie Jiang's Blog
07-05 1683
a.原因 React在前台项目开发中使用了几个月，但是只是会用antd官网的那些组件了，这两天有余闲，所以系统的学习了一下它的来源，组件化，生命周期，如何搭建一个前台项目，如何打包，如何部署。。 b.安装 安装有时间再补。需要安装npm，之后用npm 安装yarn 脚手架命令 webpack等。 c.项目搭建(脚手架) 今天研究了好久，总是冒出莫名其妙的错误。我前端开发，小白刚接触。。 经过我一...
React实战企业管理项目系列
wanggang_512的博客
02-15 839
（三）React系列-实战02：脚手架搭建 脚手架的搭建 代码参考项目 点击获取 本项目的脚手架 经过了刀耕火种的插件时代，伴随着npm越来越繁荣的生态圈，近几年来前端开发的三大件HTML、CSS、Javascript都发生了很多的变化，这也让很多开发在选型上的难度增加了很多，也是一个项目开端的第一个难点。在react的生态圈中，虽然已经有 create-react-app这样的官方制定脚手架...
ECharts for React
waillyer的博客
08-30 1082
这里写目录标题文档安装使用 文档 https://git.hust.cc/echarts-for-react/ 安装 使用echart-for-react包，他依赖于echarts包 $ npm install echarts-for-react --save 或$ yarn add echarts-for-react --save yarn add echarts --save 使用 import React from 'react'; import { PageContainer } from '@a
Ant官方教程(十一)------------------------------------(一些用的组件 :)
小李科技
10-12 741
这里给出一个连接  这里是这个框架/或组件会被用到的地方(比较常用) https://ant.design/components/button-cn/ 这里是  ant.design  的一些组件,当然我也不会全部去用一遍,   + 学习如何使用其中的一些组件的方法?  + 这次就转载到这里,感兴趣的可以下方留言,交流...
react antdesign模版
05-28
React Ant Design 是一个基于 React 和 Ant Design 的 UI 组件库，可以帮助开发者快速构建美观、易用的 Web 应用程序。如果你需要使用 React Ant Design，可以使用 Ant Design 官方提供的 Create React App 模板来创建一个基于 React Ant Design 的项目，具体步骤如下： 1. 首先，你需要安装 Node.js，可以到官网下载安装包进行安装。 2. 打开终端，使用以下命令来安装 Create React App： ``` npm install -g create-react-app ``` 3. 创建一个新的 React Ant Design 项目： ``` npx create-react-app my-app --template ant-design ``` 其中，my-app 是你的项目名称，--template ant-design 表示使用 Ant Design 的模板来创建项目。 4. 进入项目目录，并启动开发服务器： ``` cd my-app npm start ``` 5. 打开浏览器，访问 http://localhost:3000，即可看到一个基于 React Ant Design 的网站。 这样，你就可以开始在项目中使用 React Ant Design 组件了。如果需要了解更多关于 React Ant Design 的使用方法，可以参考 Ant Design 官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值