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

最新推荐文章于 2023-10-25 17:38:33 发布
最新推荐文章于 2023-10-25 17:38:33 发布
阅读量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使用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 617
React官网里有很详细的教程 ，也有在线沙盒，但是写的东一榔头西一棒槌的，不适合新手入门，所以我还是建议大家可以先去看看阮一峰大神的React博客或者某硅谷的网课，这个网课讲的很详细，甚至详细到有些啰嗦，我大概是用20天把网课看完，然后再看的官方文档，把这个小游戏做一下，我这里是采用在本地完成这个项目。 游戏预览： 准备工作： 确保你安装了较新版本的Node.js。 按照Create React App 安装指南创建一个新的项目 npx create-re...
React购物网站项目开发
waillyer的博客
11-10 1315
说明 从无到有编写购物网站，网站参考华为官网，主要是用于学习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 2787
参考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-admin：基于React + ant-design的用于后台管理项目的脚手架
02-05
React + Ant Design脚手架，专用作后台管理系统，反复在项目中实践和优化，功能齐全，细节完善，并提供丰富的示例代码，可以直接上手和开发。 技术选型 react + redux + react-router + ant-design +不可变+获取 ...
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项目(antd)参考官网命令与配置
Jamie Jiang's Blog
07-05 1683
a.原因 React在前台项目开发中使用了几个月，但是只是会用antd官网的那些组件了，这两天有余闲，所以系统的学习了一下它的来源，组件化，生命周期，如何搭建一个前台项目，如何打包，如何部署。。 b.安装 安装有时间再补。需要安装npm，之后用npm 安装yarn 脚手架命令 webpack等。 c.项目搭建(脚手架) 今天研究了好久，总是冒出莫名其妙的错误。我前端开发，小白刚接触。。 经过我一...
React实战企业管理项目系列
wanggang_512的博客
02-15 838
（三）React系列-实战02：脚手架搭建 脚手架的搭建 代码参考项目 点击获取 本项目的脚手架 经过了刀耕火种的插件时代，伴随着npm越来越繁荣的生态圈，近几年来前端开发的三大件HTML、CSS、Javascript都发生了很多的变化，这也让很多开发在选型上的难度增加了很多，也是一个项目开端的第一个难点。在react的生态圈中，虽然已经有 create-react-app这样的官方制定脚手架...
ECharts for React
waillyer的博客
08-30 1081
这里写目录标题文档安装使用 文档 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  的一些组件,当然我也不会全部去用一遍,   + 学习如何使用其中的一些组件的方法?  + 这次就转载到这里,感兴趣的可以下方留言,交流...
antdesign 柱状图_使用 bizcharts 在react中、AntDesign中实现图表（柱状图、折线图、饼图等）...
weixin_35745051的博客
01-14 864
(1)安装依赖：npm install bizcharts --savenpm install @antv/data-set(2)图表构成的使用(3)完整代码：【柱状图】import React, { Component } from 'react';import {Chart,Geom,Axis,Tooltip,Legend,} from "bizcharts";import DataSet f...
使用echarts-for-react 在react中、AntDesign中实现图表（柱状图、折线图、饼图等）
柠檬不萌只是酸i
11-17 6165
（1）首先安装依赖文件 npm install --save echarts-for-react npm install --save echarts （2）在图表页面引入： import ReactEcharts from 'echarts-for-react'; （3）页面中使用： <ReactEcharts option={this.getOption()} /&g...
2020-03-31 在react,antdesign中实现柱状图
hq091117的博客
03-31 527
参考链接：http://www.freesion.com/article/9011189832/ 这个链接有很多种样式选择，其引的依赖都是一样的：https://echarts.apache.org/examples/zh/index.html#chart-type-bar 按照文档来，首先就是安装依赖吧，跟java引包一样 用npm: npm install --save echarts...
echarts-for-react -- 封装的echarts插件
m0_67011584的博客
10-25 1473
封装组件要考虑接收数据、元素id唯一、盒子宽高等因素，可以通过组件等props接收。
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、付费专栏及课程。

余额充值