项目实战 ---- 商用落地视频搜索系统（9）---UI与上层service的交互优化

目录

背景

第一次优化(UI优化)

优化前UI

优化方向与问题

代码

修改效果

第二次优化（整合优化）

优化方向与问题

代码

优化效果

第三次优化(js层优化)

优化方向与问题

代码

优化效果

第四次优化(UI逻辑再优化)

优化方向与问题

代码

优化效果

第五次优化(纯UI优化)

优化方向与问题

代码

优化效果

首页展示

搜索结果

---

背景

实际上任何系统UI的优化分为两部分，一部分是与后端上层service无关的部分，即仅仅是UI的优化，另一部分是使用的优化，实际上又分为两部分，一部分是根据户习惯的改进优化，这部分可能和后台service有关系，也可能与后台没有关系，我们假定与后台service相关的部分，放在这一部分描述，而与后台无关的纯UI改进放在前一部分。另外一部分就是UI 结构功能的优化，往往会讲操作化繁为简，毕竟大家都是追求 ‘Simple is beauty’ 准则哪里都适用。本次还是聚焦在商用落地视频搜索系统，主要优化下前端UI 与 前端UI 和 后台上层service 的交互上。当然如果必要，可能引进一些其他实现技术以实现目标功能，比如如何改良上传video后进行目标数据预处理并减少客户的操作步骤，提供更加友好的操作页面。从另一个维度上说，怎样修改最少的代码，得到最想要的结果也还是代码设计一直追求的目标。他往往又与设计模式相关，这里只是其中一个问题，应该说，优秀而全面的架构师，其实某种程度上应该是一位全栈AI工程师，因为只有全栈，你或许才能站在系统的高度审视你做出系统的app 架构。话不多说，开始深入讲解这部分内容。从中你可以看到思维上的变迁与前期设计的重要性。前