Ant Design Pro(level 3)
文章平均质量分 74
脚手架 Ant Design Pro
谁诉离殇~
菜鸟前端,学习笔记
展开
-
Ant Design Pro使用备注
1、react踩坑(1)ant table组件的对齐。刚开始以为是自己配置的 问题。结果是改变了右边的进度条的样式,然后出的问题。(2)dva的model使用。项目重构的时候,刚开始把所有数据都放在model里面,觉得所有东西都要用connect来弄在props上,结果发现不行。后来只把全局的数据放在model里面,把局部的数据放在自己组件里面,改变自己组件的数据,就在dispatch里面传一个callback(),在callback()里面用this.setState()来改变。(3)高德地图修原创 2021-11-16 09:27:46 · 929 阅读 · 0 评论 -
开发各种功能具体实现
本例为各种功能的具体实现(1)实现table里面的那个,点击左边的加号,展开子菜单。遍历拼接dataSource。这个是所有数据直接返回这里面用了两个递归。具体思路就是:有一个存放所有数据的数组dataArr;数组里面的数据如果插入到了dataSource里面,就把这一条从dataArr里面删除,直到dataArr为空,就遍历完了this.renderDataSource(dataArr); // dataArr为后台返回的数据 renderDataSource(dataAr.原创 2021-11-16 09:26:53 · 397 阅读 · 0 评论 -
三、Ant Design Pro 进阶
一、图表v4 中删除了组件库,如果你还要使用可以跳转到低版本查看二、业务图标如果在Ant Design 官网中没有找到合适的图标,可以到 iconfont.cn 上采集并生成自己的业务图标库三、国际化(i18n, Internationalization)(1)引入国际化插件并开启:这个实际上就是给适配各种语言,可以做网站的语言切换引入插件:pro 通过 umi 插件 umi-plugin-locale 来实现国际的功能,并且默认开启。 umi-plugin-locale 约定 在原创 2021-11-16 09:25:54 · 376 阅读 · 0 评论 -
二、Ant Design Pro 布局、菜单、新增页面、CSS Modules和services
一、开发1、区块(block)区块是研发资产的一种,它是一系列快速搭建页面的代码片段,它可以帮助你快速的在项目中初始化好一个页面,帮助你更快速的开发代码。当前的区块都是页面级别的区块,你可以理解为它是一些项目中经常会用到的典型页面的模板,使用区块其实相当于从已有的项目中复制一些页面的代码到你当前的项目中以前开发一个页面:创建 JS -> 创建 CSS -> 创建 Model -> 创建 service -> 写页面组件。现在开发一个页面:下载区块 -> 基于区块初原创 2021-11-16 09:25:03 · 2650 阅读 · 0 评论 -
一、Ant Design Pro介绍与文件结构
版本v4一、入门Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观。基于上述目标和提供了以下的典型模板,并据此构建了一套基于 React 的中后台管理控制台的脚手架,它可以帮助你快速搭建企业级中后台产品原型技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antdnpm相关命令升级依赖包:npm update: 这个是npm自带的,只能按照 package.js 中标注的版本号进行更新对应的依.原创 2021-11-16 08:56:14 · 2104 阅读 · 0 评论