复杂表单应用解耦,淘宝机票订单实践.pdfVIP

复杂表单应用解耦 ，淘宝机票订单实践 　　背景 在web应用中 ，复杂表单这类web应用富交互元素多,业务逻辑复杂 ，犬 交错 ，且需求变化频繁。 及容易成为晦涩和幽暗之地 ，也经常是各种代码坏味道的来源。针对这种典型的复杂应用 ，本文以 淘宝机票订单为例提出一种架构模式梳理和消化表单带来的复杂性。 　　模块和组件划分 解决复杂表单的的第一步 ，划分模块。 概念上 ，为了复用和解耦方便 ，应将模块按照功能的内聚程度进行划分。强相关 ，频繁沟通和交互 的功能应该归为一个模块。模块间尽量不存在依赖关系。也就是常说的“高内聚 ，低耦合”。 如下图所示 ，淘宝机票订单页面主要有被分为7个主要模块。 　　模块划分完毕 ，下一步确认组成模块的组件。 关于模块和组件的区分。一般按照以下三个纬度考量。 1.是否有业务逻辑参与。 2.是否包含ht ml。 3.是否具备一定独立性。 “模块” ，定义为一个包含”ht ml”、”css(图片被认为是css的一部分)“、”javascript ”的代码集。模块的应 用方式多为通过web模板技术(如 ：velocit y、f reemarker、php)。因为包含了ht ml ，使得模块必须通 过服务端合并加载并且最终推送到用户浏览器。此外 ，“模块”还是具备一定独立业务和交互的集合 ，最好可以被其他页面引用。良好的独