跟大家唠唠我最近捣鼓的一个小功能，就是这个“孤独的陌生人更新地址”。听起来是不是有点玄乎？没那么复杂，就是工作中遇到点实际问题，然后自己动手解决了，顺便记录一下过程。
是这么回事，我们手头有个系统，里面存着一些用户信息。大部分用户都挺活跃，信息也比较全。但总有那么一部分，我们叫他们“孤独的陌生人”——可能是不常登录的用户，也可能是某些特定场景下，只需要记录一个联系方式，但又不希望对方过多暴露信息的那种。之前，这些“陌生人”的地址信息要么就是空的，要么就是很早以前填的，早就变了。真要用到的时候，就抓瞎了。
前阵子，就因为一个“陌生人”的地址不对，快递都发错了，造成了点小麻烦。领导就说了，得想办法让这些“孤独的陌生人”也能方便地更新下他们的地址，至少是我们需要联系他们的时候，能有个最新的信息。
接到这个任务，我先琢磨了一下。这事儿听起来简单，但实际操作起来还是得细致点。
第一步，肯定是先分析需求。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我就想，这些“陌生人”平时不怎么用系统，你整个太复杂的操作流程，他们肯定不愿意弄。界面一定要简洁，操作一定要傻瓜化。最好就是点几下就能搞定。
第二步，设计界面草图。
我没用啥专业的工具，就拿张纸，画了画。大概就是，用户进来，能看到自己当前的地址（如果之前有的话），旁边有个“修改”或者“更新地址”的按钮。点了之后，弹出一个小窗口，或者跳转到一个新页面，里面有省、市、区（县）的下拉选择，再加上一个详细地址的文本框。下面一个“保存”按钮，一个“取消”按钮。齐活！
第三步，开干！捣鼓前端。
这块我主要用了些现成的组件库，省了不少事。下拉框的联动是个小重点，就是选了省之后，市的下拉框里就只显示这个省下面的市，选了市，区的下拉框就只显示这个市下面的区。这个网上找了找资料，也很快搞定了。主要是数据源得准备就是全国省市区的对应关系。
第四步，后端接口配合。
前端把新的地址信息传过来，后端得有个接口接收。这个接口主要干几件事：
第五步，联调测试。
前后端都写得差不多了，就开始联调。这过程嘛总会遇到点小问题。比如我发现前端传过来的省市区编码，后端对应不上，查了半天才发现是编码规则理解有点偏差。还有就是，有些“陌生人”的记录比较老，数据库里有些字段是空的，更新的时候程序没考虑到这种情况，报了个错。这些都是在测试中一点点发现，一点点修复的。
我还特意找了几个真实的地址来测试，什么七拐八拐的小巷子名称，还有那种又长又复杂的公司地址，都试了一遍，确保都能正常保存和显示。
上线看看效果。
功能上线后，我们先内部试用了一下，感觉还行。然后就逐步推送给那些“孤独的陌生人”了。不是强制他们更新，就是在他们偶尔登录或者我们需要联系的时候，给个提示，引导他们去更新一下。
整个过程下来，没啥特别高深的技术。主要就是细心，把用户体验考虑进去。别看只是个小小的地址更新功能，但能让那些“孤独的陌生人”感受到一点点系统的关怀，也挺有意思的。
通过这个实践，我又把前后端交互、数据校验这些基础的东西给巩固了一遍。感觉自己又进步了一丢丢，哈哈！以后再遇到类似的需求，心里就有底了。
好了，今天就先分享到这儿。下次再有啥好玩的实践，再来跟大家唠！
