项目页面创建优化过程

项目页面创建优化过程

180320

1.0版本

我们的项目在最早的版本1.0时候，页面比较简单，当时工期紧张，急着上线，

180320001

创建页面

所有需要显示的数据均为后台返回的数组集合，最初的时候，界面样式来回变动，我们采用了最简单的方式，循环显示数组，用UILable创建标题，用UITextField创建填写框，其他特殊的全部单独处理。这样页面代码很多，也较为顺利的做出第一个版本。

数据处理

这个阶段后台数据还没有全部固定成型，我们直接解析返回的JSON，转换为字典并直接取值，这种方式很容易出现返回错误，但是上线后后台更容易修复问题。

数据校验

初期版本较为原始，采用的是循环创建数组，对比对应的控件取值进行非空判断，由于前期字段并不是特别多，处理好每一个控件也能基本完成需求。

表单提交

再次循环创建数组，遍历控件将控件值拼接成字典转换为JSON传给后台。

1.0版本的时候，所有的方法都用的很基础。当版本出来后有了使用者，这个时候就开始迭代更新，在进行了四次版本迭代后，基本的数据样式得到了固定，这个时候准备2.0版本的开发。

2.0版本

180320002

在2.0版本的时候，新的界面样式风格较为统一，且数据返回已经固定格式，所以我们在开发的时候进行了一些优化。

创建页面

此时数据样式已经基本统一，我们拆分存在差异的样式，将不同样式的单行进行封装，只需要传入创建Model，选择对应的样式，就可以直接返回单行View。这个时候用Masonry做整个表单的自动布局，虽然字段更多，但显示已经没有问题。

数据处理

这个阶段返回数据格式已经基本固定，将展示数组内字典转为Model，返回的其他内容均转换为Model。

数据校验

这个时候由于提交格式已经固定，先创建提交字典，在对提交字典进行校验。省去一次拼接过程。

表单提交

创建提交字典，先把所有的key添加进去，在循环创建数组添加Value，经过校验后转换为Model提交。

2.0版本主要优化的页面创建，数据的交互，后面重心均放在版本迭代，小功能的增加中。

3.0版本

180320003

当2.0版本更新了52个版本后，迎来了3.0版本。3.0版本新增了多个表单流程，这个时候整个页面的数据格式，样式已经完全固定下来，可以开始模块化开发了。

180320004

创建页面

到3.0版本的时候，所有表单样式已经完全固定，数据格式也已经固定下来，这个时候，将页面拆分为四个模块。

1. 个人信息模块，所有的个人信息均在这一个模块内显示，模块可以自行校验数据，区别显示与不显示内容，内部自动布局。
2. 表单内容模块，将数据Model跟当前单行View封装在一起，当前Model所有内容均在当前模块内完成。
3. 自定义模块，只需要传入创建Model，取出结果Model，其他的都是模块处理。
4. 按钮模块，只需要传入当前表单状态，自动创建对应的表单按钮并进行自动布局。

这个时候创建表单变得简单起来。

数据处理

这个时候直接将数据拆分为对应的模块数据。表单内容直接创建模型，包含数据Model，视图View等信息。预留校验数组。

数据校验

拿到提交Model，循环校验数组校验Model值，做到最小数据量校验。

表单提交

创建提交Model，创建的时候进行赋值，进行校验后转Json提交。