项目页面创建优化过程

项目页面创建优化过程

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提交。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,323评论 1 45
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,597评论 4 61
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 10,959评论 0 9
  • 不想对你太留恋 怎能对你有亏欠 从此不想再思念 不会对你再犯贱. 当年往事今朝看 万两黄金谁人换 真心情谊似锁链 ...
    社会焱弟弟阅读 1,459评论 0 0
  • 开车这么多年,遇到过三个奇葩: 1 有一次天刚黑,正是开车视线最不好的时候,一辆黑色的凯美瑞实线强行超车,我看不清...
    美索阅读 3,180评论 0 0

友情链接更多精彩内容