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