入职两月半的工作业务总结

这阵子工作上全用上了ReactNative，边学边写一个月，基本熟悉品类或服务发布等业务的写法。可以分为几个部分：

一、搭建调试接口

写代码之前，得先考虑要写的页面从什么地方跳转进来，那么首先要建立最基础的页面，至少要有一个NavigationBar和一个view，这一步完成之后就可以从其他地方跳转进来，一般我选择首页的某一个按钮，像这次是在首页的按钮按下时做跳转，如下图:

通过本页的navigator来push一个component，这个component就是我们要写的页面，这里我写的是CategoryAuthen。

二、请求数据，处理和构造数据

搭建完调试接口后，就可以进入CategoryAuthen写业务。前端或者移动端，工作的实质就是把后台的数据拿到前端来渲染，接着完成交互、提交数据。

请求数据用的是同事的接口

里面封装了部分通用的请求参数，请求接口和所需参数要自己配，请求到数据的话这步就算成功。

接下来是做数据处理的一部分，这部分可以说是整个设计的核心。数据处理得好，可以减少后面非常多得工作量。比如以前的数据都是字典（散列）类型的，key-value对，每一行都会有一个key和value，一般数据都包含在value里面。如果是这种类型，那么界面布局就完全是由移动端来处理，界面每一行的排序需要我们自己处理。

现在请求回来的数据做了改变，改成一个数组，数组的顺序就代表每一行的排布顺序。这样一来就可以做到后台控制布局。当然这只是其中一项优点。另一个优点是能减少大量重复的代码。

总之现在数据会根据UI布局的顺序和细节来做处理，然后直接循环遍历数组里面的每一个值，根据每个值来产生对应的界面。

如下图的common数组，每一个都包含一个结构相似的数据，

 

根据这些数据就能产生对应的UI。

 

三、根据设计稿生成UI界面，处理UI交互

UI的设计一般都根据设计稿来，设计稿会给好每个UI元素的尺寸，交互事件发生后的UI变化。

每种UI元素一般都可以进行交互，交互产生和交互结束后要做什么事情，这里一般就是业务逻辑。

比如一个TextInput，文本输入框，用户在App上产生点击事件后，一般会有弹出键盘以及移动输入框防止被键盘遮住。

 

 

用户输入数据时候也要做检测，防止输入长度过长或者输入了非法数据。

用户离开输入框的时候就要进行数据保存，并复原键盘和输入框。这就是一个最基本的UI交互过程。

 

四、数据提交

完成数据采集和保存之后，就得向服务器提交数据了。在提交数据之前一般还得做一些工作。

检查必填项是否已填，如果没填写，需要提示用户填写

 

当用户完成所有必填项之后，就可以向服务器提交数据了，这时候又得花一番功夫去组织服务器需要的数据，如果在第一步处理数据的时候处理得足够好，而且在数据产生后完成相应标志，那么这里会非常简单。

譬如我对请求回来的数据做了一个深拷贝，存在本地。提交的数据结构也和这一份数据相似。然后在数据产生的时候做了相应的标志，

 

接着提交数据的时候，对submitValue做了一个循环遍历，找出没有完成的项并提示

做完检查之后就可以正常提交数据了。

 

五、细节处理

细节就包括校对设计稿，做完之后再过一遍设计稿看哪里遗漏。

还有测试，写代码的时候一般都是先保证单元测试，单元测试和代码经验有很大关联。然后就是每一部分代码的功能测试，最后是集成测试。测试通过后一般就算完成页面开发了。

接下来就是发beta版，进入版本开发的下一个环节。