Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
I
inori_templ
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
inori
inori_templ
提交
dfaed7e3
提交
dfaed7e3
编写于
12月 11, 2019
作者:
tony001
浏览文件
操作
浏览文件
下载
差异文件
合并分支 'dev' 到 'master'
Dev 查看合并请求
!6
上级
9175599c
2a484ea9
变更
4
隐藏空白字符变更
内嵌
并排
正在显示
4 个修改的文件
包含
20 行增加
和
31 行删除
+20
-31
index.tsx.ftl
APP/src/index.tsx.ftl
+1
-0
README.md
README.md
+19
-31
1570499222398.png
superFormReact.assets/1570499222398.png
+0
-0
1570499815047.png
superFormReact.assets/1570499815047.png
+0
-0
未找到文件。
APP/src/index.tsx.ftl
浏览文件 @
dfaed7e3
...
...
@@ -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'));
...
...
README.md
浏览文件 @
dfaed7e3
...
...
@@ -22,8 +22,7 @@ yarn start
把该iBiz表单集成到我们的项目中,也是非常方便的。了解项目集成之前,我们首先来看一下我们的表单目录结构,如下图1:
<div
align =
center
>

</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
>

</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
>

</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
>

</div>
<div
align =
center
><img
src=
"superFormReact.assets/1570499815047.png"
/></div>
<div
align =
center
>
图4
</div>
<div
align =
center
>

</div>
<div
align =
center
><img
src=
"superFormReact.assets/1570499882964.png"
/></div>
<div
align =
center
>
图5
</div>
如上图4和图5,我们项目的入口文件中修改的地方添加到我们的项目中;
3.
完成集成,将iBiz平台的成果物copy到项目中,开始你的表演吧!
## 效果展示
<div
align =
center
>

</div>
<div
align =
center
><img
src=
"superFormReact.assets/1570500259460.png"
/></div>
<div
align =
center
>
图6
</div>
<div
align =
center
>

</div>
<div
align =
center
><img
src=
"superFormReact.assets/1570500296491.png"
/></div>
<div
align =
center
>
图7
</div>
<div
align =
center
>

</div>
<div
align =
center
><img
src=
"superFormReact.assets/1570500335486.png"
/></div>
<div
align =
center
>
图8
</div>
<div
align =
center
>

</div>
<div
align =
center
><img
src=
"superFormReact.assets/1570500379570.png"
/></div>
<div
align =
center
>
图9
</div>
<div
align =
center
>

</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
superFormReact.assets/1570499222398.png
查看替换文件 @
9175599c
浏览文件 @
dfaed7e3
33.3 KB
|
W:
|
H:
147.3 KB
|
W:
|
H:
2-up
Swipe
Onion skin
superFormReact.assets/1570499815047.png
查看替换文件 @
9175599c
浏览文件 @
dfaed7e3
56.9 KB
|
W:
|
H:
154.1 KB
|
W:
|
H:
2-up
Swipe
Onion skin
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录