提交 dfaed7e3 编写于 作者: tony001's avatar tony001

合并分支 'dev' 到 'master'

Dev

查看合并请求 !6
......@@ -10,6 +10,7 @@ import { ConfigProvider } from 'antd';
import zhCN from 'antd/es/locale/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
import 'antd/dist/antd.css';
moment.locale('zh-cn');
ReactDOM.render(<ConfigProvider locale={zhCN}><App/></ConfigProvider>, document.getElementById('root'));
......
......@@ -22,8 +22,7 @@ yarn start
把该iBiz表单集成到我们的项目中,也是非常方便的。了解项目集成之前,我们首先来看一下我们的表单目录结构,如下图1:
<div align = center>![1570497166531](superFormReact.assets/1570497166531.png)</div>
<div align = center><img src="superFormReact.assets/1570497166531.png" /></div>
<div align = center>图1</div>
......@@ -55,65 +54,54 @@ yarn start
```
## 项目
表单的项目集成该表单也是非常方便,通过以下几个步骤来完成表单的项目集成;
1.在package.json文件中添加依赖;
<div align = center>![1570499047891](superFormReact.assets/1570499047891.png)</div>
<div align = center><img src="superFormReact.assets/1570499047891.png" /></div>
<div align = center>图2</div>
如上图2,我们需要添加*antd**axios**moment**tinymce**rxjs*等组件,如果我们项目之前有引入的话,就不需要引入了,只需要引入我们之前没引入的;
2.复制静态资源,工具类,基础组件,设置入口文件;
<div align = center>![1570499222398](superFormReact.assets/1570499222398.png)</div>
<div align = center><img src="superFormReact.assets/1570499222398.png" /></div>
<div align = center>图3</div>
如上图3,我们需要把public里面的assets文件夹,src下的ibizsys文件夹直接copy到我们项目中,其中components是我们的表单引用的基础组件,form-detail是我们的表单模型类,utils是我们的工具类,所以我们需要在我们的项目中加入上图的代码。
<div align = center>![1570499815047](superFormReact.assets/1570499815047.png)</div>
<div align = center><img src="superFormReact.assets/1570499815047.png" /></div>
<div align = center>图4</div>
<div align = center>![1570499882964](superFormReact.assets/1570499882964.png)</div>
<div align = center><img src="superFormReact.assets/1570499882964.png" /></div>
<div align = center>图5</div>
如上图4和图5,我们项目的入口文件中修改的地方添加到我们的项目中;
3.完成集成,将iBiz平台的成果物copy到项目中,开始你的表演吧!
## 效果展示
<div align = center>![1570500259460](superFormReact.assets/1570500259460.png)</div>
<div align = center><img src="superFormReact.assets/1570500259460.png" /></div>
<div align = center>图6</div>
<div align = center>![1570500296491](superFormReact.assets/1570500296491.png)</div>
<div align = center><img src="superFormReact.assets/1570500296491.png" /></div>
<div align = center>图7</div>
<div align = center>![1570500335486](superFormReact.assets/1570500335486.png)</div>
<div align = center><img src="superFormReact.assets/1570500335486.png" /></div>
<div align = center>图8</div>
<div align = center>![1570500379570](superFormReact.assets/1570500379570.png)</div>
<div align = center><img src="superFormReact.assets/1570500379570.png" /></div>
<div align = center>图9</div>
<div align = center>![1570500405334](superFormReact.assets/1570500405334.png)</div>
<div align = center><img src="superFormReact.assets/1570500405334.png" /></div>
<div align = center>图10</div>
## 常见问题
Q1:其中文件上传和图片上传组件由于场景参数不足,上传路径,上传参数,导出参数及自定义参数都需要开发者重新定义。另外,文件上传和图片上传的数据存储格式未知,目前,返回的数据格式与蚂蚁金服提供的一致,若数据存储格式确定但不满足需求,需要开发者在数据输入(handleInputData)和数据抛出(handleOutData)的时候进行数据处理。
## 暂未支持
Q2:由于TypeScript校验可能会出现如下报错,需要去`tsconfig.json``compilerOptions`里添加对应校验规则
1.值规则------自定义值规则和脚本
```
1.Parameter 'props' implicitly has an 'any' type. TS7006
#添加 "noImplicitAny": false,
2.'nextContext' is declared but its value is never read. TS6133
#添加 "noUnusedParameters": false,
```
其他规则校验可以参考[TypeScript官方的schema](http://json.schemastore.org/tsconfig)
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册