Configuration Driven Style
配置驱动风格是把可变化的界面、规则或流程抽成配置,而不是把所有逻辑写死在代码里。
核心思想
当多个页面或组件结构相似、只是字段和行为不同,就可以用配置描述差异。
const fields = [
{ key: 'name', label: '姓名', type: 'text' },
{ key: 'age', label: '年龄', type: 'number' }
];渲染层读取配置,再生成表单、表格或菜单。
适用场景
- 后台管理系统表格。
- 动态表单。
- 权限菜单。
- 多主题样式。
- 工作流步骤。
风险
不要为了配置而配置。简单页面直接写组件更清晰;当重复结构足够多、变化点稳定时,配置驱动才值得引入。
本文归档于个人知识库 · 领域:CS & AI · 模块:04 Project_CS_AI/Frontend