飞道的博客

设计模式最佳套路4 —— 愉快地使用模板模式

276人阅读  评论(0)

本篇为设计模式第四篇,前三篇戳下方链接阅读:

什么是模板模式

模板模式(Template Pattern) 又叫模板方法模式,其定义了操作的流程,并将流程中的某些步骤延迟到子类中进行实现,使得子类在不改变操作流程的前提下,即可重新定义该操作的某些特定步骤。例如做菜,操作流程一般为 “准备菜”->“放油”->“炒菜”->“调味”->“装盘”,但可能对于不同的菜要放不同类型的油,不同的菜调味方式也可能不一样。

何时使用模板模式

当一个操作的流程较为复杂,可分为多个步骤,且对于不同的操作实现类,流程步骤相同,只有部分特定步骤才需要自定义,此时可以考虑使用模板模式。如果一个操作不复杂(即只有一个步骤),或者不存在相同的流程,那么应该使用策略模式。从这也可看出模板模式和策略模式的区别:策略模式关注的是多种策略(广度),而模板模式只关注同种策略(相同流程),但是具备多个步骤,且特定步骤可自定义(深度)。

愉快地使用模板模式


  背景

我们平台的动态表单在配置表单项的过程中,每新增一个表单项,都要根据表单项的组件类型(例如 单行文本框、下拉选择框)和当前输入的各种配置来转换好对应的 Schema 并保存在 DB 中。一开始,转换的代码逻辑大概是这样的:


   
  1. public class FormItemConverter {
  2. /**
  3. * 将输入的配置转变为表单项
  4. *
  5. * @param config 前端输入的配置
  6. * @return 表单项
  7. */
  8. public FormItem convert(FormItemConfig config) {
  9. FormItem formItem = new FormItem();
  10. // 公共的表单项属性
  11. formItem.setTitle(config.getTitle());
  12. formItem.setCode(config.getCode());
  13. formItem.setComponent(config.getComponent());
  14. // 创建表单组件的属性
  15. FormComponentProps props = new FormComponentProps();
  16. formItem.setComponentProps(props);
  17. // 公共的组件属性
  18. if (config.isReadOnly()) {
  19. props.setReadOnly( true);
  20. }
  21. FormItemTypeEnum type = config.getType();
  22. // 下拉选择框的特殊属性处理
  23. if (type == ComponentTypeEnum.DROPDOWN_SELECT) {
  24. props.setAutoWidth( false);
  25. if (config.isMultiple()) {
  26. props.setMode( "multiple");
  27. }
  28. }
  29. // 模糊搜索框的特殊属性处理
  30. if (type == ComponentTypeEnum.FUZZY_SEARCH) {
  31. formItem.setFuzzySearch( true);
  32. props.setAutoWidth( false);
  33. }
  34. // ... 其他组件的特殊处理
  35. // 创建约束规则
  36. List<FormItemRule> rules = new ArrayList<>( 2);
  37. formItem.setRules(rules);
  38. // 每个表单项都可有的约束规则
  39. if (config.isRequired()) {
  40. FormItemRule requiredRule = new FormItemRule();
  41. requiredRule.setRequired( true);
  42. requiredRule.setMessage( "请输入" + config.getTitle());
  43. rules. add(requiredRule);
  44. }
  45. // 文本输入框才有的规则
  46. if (type == ComponentTypeEnum.TEXT_INPUT || type == ComponentTypeEnum.TEXT_AREA) {
  47. Integer minLength = config.getMinLength();
  48. if (minLength != null && minLength > 0) {
  49. FormItemRule minRule = new FormItemRule();
  50. minRule.setMin(minLength);
  51. minRule.setMessage( "请至少输入 " + minLength + " 个字");
  52. rules. add(minRule);
  53. }
  54. Integer maxLength = config.getMaxLength();
  55. if (maxLength != null && maxLength > 0) {
  56. FormItemRule maxRule = new FormItemRule();
  57. maxRule.setMax(maxLength);
  58. maxRule.setMessage( "请最多输入 " + maxLength + " 个字");
  59. rules. add(maxRule);
  60. }
  61. }
  62. // ... 其他约束规则
  63. return formItem;
  64. }
  65. }

很明显,这份代码违反了 开闭原则(对扩展开放,对修改关闭):如果此时需要添加一种新的表单项(包含特殊的组件属性),那么不可避免的要修改 convert 方法来进行新表单项的特殊处理。观察上面的代码,将配置转变为表单项 这个操作,满足以下流程:

  1. 创建表单项,并设置通用的表单项属性,然后再对不同表单项的特殊属性进行处理

  2. 创建组件属性,处理通用的组件属性,然后再对不同组件的特殊属性进行处理

  3. 创建约束规则,处理通用的约束规则,然后再对不同表单项的特性约束规则进行处理

这不正是符合模板模式的使用场景(操作流程固定,特殊步骤可自定义处理)吗?基于上面这个场景,下面我就分享一下我目前基于 Spring 实现模板模式的 “最佳套路”(如果你有更好的套路,欢迎赐教和讨论哦)~

  方案

  • 定义出模板

即首先定义出表单项转换的操作流程,即如下的 convert 方法(使用 final 修饰,确保子类不可修改操作流程):


   
  1. public abstract class FormItemConverter {
  2. /**
  3. * 子类可处理的表单项类型
  4. */
  5. public abstract FormItemTypeEnum getType();
  6. /**
  7. * 将输入的配置转变为表单项的操作流程
  8. *
  9. * @param config 前端输入的配置
  10. * @return 表单项
  11. */
  12. public final FormItem convert(FormItemConfig config) {
  13. FormItem item = createItem(config);
  14. // 表单项创建完成之后,子类如果需要特殊处理,可覆写该方法
  15. afterItemCreate(item, config);
  16. FormComponentProps props = createComponentProps(config);
  17. item.setComponentProps(props);
  18. // 组件属性创建完成之后,子类如果需要特殊处理,可覆写该方法
  19. afterPropsCreate(props, config);
  20. List<FormItemRule> rules = createRules(config);
  21. item.setRules(rules);
  22. // 约束规则创建完成之后,子类如果需要特殊处理,可覆写该方法
  23. afterRulesCreate(rules, config);
  24. return item;
  25. }
  26. /**
  27. * 共用逻辑:创建表单项、设置通用的表单项属性
  28. */
  29. private FormItem createItem(FormItemConfig config) {
  30. FormItem formItem = new FormItem();
  31. formItem.setCode(config.getCode());
  32. formItem.setTitle(config.getTitle());
  33. formItem.setComponent(config.getComponent());
  34. return formItem;
  35. }
  36. /**
  37. * 表单项创建完成之后,子类如果需要特殊处理,可覆写该方法
  38. */
  39. protected void afterItemCreate(FormItem item, FormItemConfig config) { }
  40. /**
  41. * 共用逻辑:创建组件属性、设置通用的组件属性
  42. */
  43. private FormComponentProps createComponentProps(FormItemConfig config) {
  44. FormComponentProps props = new FormComponentProps();
  45. if (config.isReadOnly()) {
  46. props.setReadOnly( true);
  47. }
  48. if (StringUtils.isNotBlank(config.getPlaceholder())) {
  49. props.setPlaceholder(config.getPlaceholder());
  50. }
  51. return props;
  52. }
  53. /**
  54. * 组件属性创建完成之后,子类如果需要特殊处理,可覆写该方法
  55. */
  56. protected void afterPropsCreate(FormComponentProps props, FormItemConfig config) { }
  57. /**
  58. * 共用逻辑:创建约束规则、设置通用的约束规则
  59. */
  60. private List<FormItemRule> createRules(FormItemConfig config) {
  61. List<FormItemRule> rules = new ArrayList<>( 4);
  62. if (config.isRequired()) {
  63. FormItemRule requiredRule = new FormItemRule();
  64. requiredRule.setRequired( true);
  65. requiredRule.setMessage( "请输入" + config.getTitle());
  66. rules. add(requiredRule);
  67. }
  68. return rules;
  69. }
  70. /**
  71. * 约束规则创建完成之后,子类如果需要特殊处理,可覆写该方法
  72. */
  73. protected void afterRulesCreate(List<FormItemRule> rules, FormItemConfig config) { }
  74. }
  • 模板的实现

针对不同的表单项,对特殊步骤进行自定义处理:


   
  1. /**
  2. * 下拉选择框的转换器
  3. */
  4. @Component
  5. public class DropdownSelectConverter extends FormItemConverter {
  6. @Override
  7. public FormItemTypeEnum getType() {
  8. return FormItemTypeEnum.DROPDOWN_SELECT;
  9. }
  10. @Override
  11. protected void afterPropsCreate(FormComponentProps props, FormItemConfig config) {
  12. props.setAutoWidth( false);
  13. if (config.isMultiple()) {
  14. props.setMode( "multiple");
  15. }
  16. }
  17. }
  18. /**
  19. * 模糊搜索框的转换器
  20. */
  21. @Component
  22. public class FuzzySearchConverter extends FormItemConverter {
  23. @Override
  24. public FormItemTypeEnum getType() {
  25. return FormItemTypeEnum.FUZZY_SEARCH;
  26. }
  27. @Override
  28. protected void afterItemCreate(FormItem item, FormItemConfig config) {
  29. item.setFuzzySearch( true);
  30. }
  31. @Override
  32. protected void afterPropsCreate(FormComponentProps props, FormItemConfig config) {
  33. props.setAutoWidth( false);
  34. }
  35. }
  36. /**
  37. * 通用文本类转换器
  38. */
  39. public abstract class CommonTextConverter extends FormItemConverter {
  40. @Override
  41. protected void afterRulesCreate(List<FormItemRule> rules, FormItemConfig config) {
  42. Integer minLength = config.getMinLength();
  43. if (minLength != null && minLength > 0) {
  44. FormItemRule minRule = new FormItemRule();
  45. minRule.setMin(minLength);
  46. minRule.setMessage( "请至少输入 " + minLength + " 个字");
  47. rules.add(minRule);
  48. }
  49. Integer maxLength = config.getMaxLength();
  50. if (maxLength != null && maxLength > 0) {
  51. FormItemRule maxRule = new FormItemRule();
  52. maxRule.setMax(maxLength);
  53. maxRule.setMessage( "请最多输入 " + maxLength + " 个字");
  54. rules.add(maxRule);
  55. }
  56. }
  57. }
  58. /**
  59. * 单行文本框的转换器
  60. */
  61. @Component
  62. public class TextInputConverter extends CommonTextConverter {
  63. @Override
  64. public FormItemTypeEnum getType() {
  65. return FormItemTypeEnum.TEXT_INPUT;
  66. }
  67. }
  68. /**
  69. * 多行文本框的转换器
  70. */
  71. @Component
  72. public class TextAreaConvertor extends FormItemConverter {
  73. @Override
  74. public FormItemTypeEnum getType() {
  75. return FormItemTypeEnum.TEXT_AREA;
  76. }
  77. }
  • 制作简单工厂


   
  1. @Component
  2. public class FormItemConverterFactory {
  3. private static final
  4. EnumMap<FormItemTypeEnum, FormItemConverter> CONVERTER_MAP = new EnumMap<>(FormItemTypeEnum.class);
  5. /**
  6. * 根据表单项类型获得对应的转换器
  7. *
  8. * @param type 表单项类型
  9. * @return 表单项转换器
  10. */
  11. public FormItemConverter getConverter(FormItemTypeEnum type) {
  12. return CONVERTER_MAP.get(type);
  13. }
  14. @Autowired
  15. public void setConverters(List<FormItemConverter> converters) {
  16. for ( final FormItemConverter converter : converters) {
  17. CONVERTER_MAP.put(converter.getType(), converter);
  18. }
  19. }
  20. }
  • 投入使用


   
  1. @Component
  2. public class FormItemManagerImpl implements FormItemManager {
  3. @Autowired
  4. private FormItemConverterFactory converterFactory;
  5. @Override
  6. public List<FormItem> convertFormItems(JSONArray inputConfigs) {
  7. return IntStream.range( 0, inputConfigs.size())
  8. .mapToObj(inputConfigs::getJSONObject)
  9. .map( this::convertFormItem)
  10. .collect(Collectors.toList());
  11. }
  12. private FormItem convertFormItem(JSONObject inputConfig) {
  13. FormItemConfig itemConfig = inputConfig.toJavaObject(FormItemConfig.class);
  14. FormItemConverter converter = converterFactory.getConverter(itemConfig.getType());
  15. if (converter == null) {
  16. throw new IllegalArgumentException( "不存在转换器:" + itemConfig.getType());
  17. }
  18. return converter.convert(itemConfig);
  19. }
  20. }

Factory 只负责获取 Converter,每个 Converter 只负责对应表单项的转换功能,Manager 只负责逻辑编排,从而达到功能上的 “低耦合高内聚”。

  • 设想一次扩展

此时要加入一种新的表单项 —— 数字选择器(NUMBER_PICKER),它有着特殊的约束条件:最小值和最大值,输入到 FormItemConfig 时分别为 minNumer 和 maxNumber。


   
  1. @Component
  2. public class NumberPickerConverter extends FormItemConverter {
  3. @Override
  4. public FormItemTypeEnum getType() {
  5. return FormItemTypeEnum.NUMBER_PICKER;
  6. }
  7. @Override
  8. protected void afterRulesCreate(List<FormItemRule> rules, FormItemConfig config) {
  9. Integer minNumber = config.getMinNumber();
  10. // 处理最小值
  11. if (minNumber != null) {
  12. FormItemRule minNumRule = new FormItemRule();
  13. minNumRule.setMinimum(minNumber);
  14. minNumRule.setMessage( "输入数字不能小于 " + minNumber);
  15. rules.add(minNumRule);
  16. }
  17. Integer maxNumber = config.getMaxNumber();
  18. // 处理最大值
  19. if (maxNumber != null) {
  20. FormItemRule maxNumRule = new FormItemRule();
  21. maxNumRule.setMaximum(maxNumber);
  22. maxNumRule.setMessage( "输入数字不能大于 " + maxNumber);
  23. rules.add(maxNumRule);
  24. }
  25. }
  26. }

此时,我们只需要添加对应的枚举和实现对应的 FormItemConverter,并不需要修改任何逻辑代码,因为 Spring 启动时会自动帮我们处理好 NUMBER_PICKER 和 NumberPickerConverter 的关联关系 —— 完美符合 “开闭原则”。


淘系技术部-全域营销团队-诚招英才

战斗在阿里电商的核心地带,负责连接供需两端,支持电商营销领域的各类产品、平台和解决方案,其中包括聚划算、百亿补贴、天猫U先、天猫小黑盒、天猫新品孵化、品牌号等重量级业务。我们深度参与双11、618、99划算节等年度大促,不断挑战技术的极限! 团队成员背景多样,有深耕电商精研技术的老司机,也有朝气蓬勃的小萌新,更有可颜可甜的小姐姐,期待具有好奇心和思考力的你的加入!

【招聘岗位】Java 工程师 、数据工程师

如果您有兴趣可将简历发至 michaelchow.zm@alibaba-inc.com

或者添加作者微信 wx_zhou_mi 进行详细咨询,欢迎来撩~

✿  拓展阅读

作者|之叶

编辑|橙子君

出品|阿里巴巴新零售淘系技术


转载:https://blog.csdn.net/Taobaojishu/article/details/115562237
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场