模块化与框架的应用在软件编程开发项目中已经是非常常见的开发方法了，而今天我们就通过案例分析来了解一下，模块化开发与框架应用都有哪些特点。

一、功能的模块化

什么是功能模块化，结合到后台系统就是利用已有的组件规范(如antdesign)，构成一个具有特定功能的组织(如表单)，且几乎大部分功能能用组织相互协作就能完成，再将这些组织作为”通用性拼图”相互组合，就可以构成不同的模板，那这些模板就成为了整个系统的“基本零件”，那剩下的就只有组装成页面了。

类似于原子设计但又有所不同，个人看法是原子设计纵向追求原子与分子至模板的设计可能会忽视组织到模板的设计。特别是对于新产品，如果单单追求原子与分子的完成度、样式的美化性，就往往会忽视掉交互层面的统一性，所以在纵向处理原子设计的时候也要多考虑组织到模板的横向拓展。

二、功能的模块化总结

1.输出的统一性

针对复用性高的功能形成模板设计规范，保证终成品输出的统一性，统一的页面体验和有延续性的界面元素将帮助用少的学习成本达成使用目标，减轻页面跳动所造成的不适感。

2.功能准备充分，拓展充沛

由某些组件相互配合产生新的功能，提前做好模块准备可为后续功能提供大量借鉴，甚至针对不同业务属性可以达到相互借鉴。

3.便于维护

避免高耦合度的功能无法找寻根源的问题，问题缘由在模块内就能解决，各类代码也便于测试。

4.提高效率

模块化后大面积页面采用的是相同代码，修改后即可直接替换，同时更适应敏捷开发，快速迭代。

5.对产品整体布局提供基础

由某一重要组件拓展出各类模板，拓展充分后能出现基本的页面布局框架，同时组件自适应程度高，样式调整空间大，整体调整也较为便捷。

三、框架的拓展性

什么是框架的拓展性，顾名思义页面框架的拓展范围。对于后台而言，带有很大程度的严肃性，也限制了纯美术的表达，不太能做的花里胡哨。一般是以规整、明确、简洁为主要风格，而框架在很大程度上决定了平台的交互、风格。

业务可以决定框架，而框架也能体现业务属性，所以我们在决定使用什么框架上要相当慎重。这就涉及到了设计师对于产品的理解、后续方向要有相当大程度的了解，我们要做人物画像，与客户多沟通等等一些老生常谈的方法。

四、框架的拓展性总结

1.确定业务属性

后台布局的处理往往决定了不同业务类型不同属性不同流程的设计时候，相辅相成。处理好能带来极为连贯的用户体验，同时带有可复制性，面对同公司不同产品相互借鉴。

2.平台全局功能设计留出空间

处理好布局的拓展就能在全局功能设计出现问题的时候及时补救，留出空间进行全局拓展，减少修改幅度及团队工作量。

3.平台改版便捷

面对大范围改版，功能解耦时，利用布局的拓展性和功能样式的模块化，可以保证与之前平台交互的连贯，交互接受度高了对于样式的处理也变得方便

文章来源：《电脑编程技巧与维护》 网址: http://www.dnbcjqywh.cn/zonghexinwen/2020/0915/483.html