工程化实践：问卷搭建领域化设计

文内项目 Github：XIAOJUSURVEY

问卷组成具有高灵活性，此业务特征带来问卷编辑能力的高复杂性设计。

我们将问卷编辑页划分为五大子领域，进行产品能力聚类，同时指导系统模块化设计和开发、基于模块编排和管理。

搭建领域内容​

项目架构设计的最基本体现在于目录结构的组织，由于编辑页的组成复杂性高，如果没有清晰的标准进行指导，随着业务模块增多、开发者增多，整个工程目录只会趋向混沌：组件划分随意、配置堆放混乱。应用子领域概念思路，有助于制定一套指导标准。

问卷编辑​

内容编辑页

逻辑编排页

问卷设置​

皮肤设置​

皮肤设置页

结果设置页

子领域一览表​

工程内容​

五大子领域对应的工程目录如下：

└── edit # 编辑页
│        ├── index.vue # 编辑页入口
│        ├── pages # 编辑页子页面
│        ├── components # 编辑页各领域组件
│        ├── setterConfig # 设置器配置
│        └── modules # 子领域模块
│          ├── contentModule # 基础内容管理模块
│          ├── generalModule # 通用功能管理模块
│          ├── logicModule # 逻辑管理模块
│          ├── questionModule # 题目内容设置模块
│          ├── settingModule # 问卷设置模块
│          └── skinModule # 皮肤设置模块
│          └── resultModule # 结果页模块

关于我们

感谢看到最后，我们是一个多元、包容的社区，我们已有非常多的小伙伴在共建，欢迎你的加入。

Github：XIAOJUSURVEY

社区交流群

微信：

​

Star

开源不易，请star 一下 ❤️❤️❤️，你的支持是我们最大的动力。