用途:在构建复杂 Blazor UI 功能时,先做组件分解规划,再立即实现,避免写出单一庞大的页面组件。
主要能力:
- 映射视觉区域:识别每个独立区域,绘制组件树,按独立职责、重复结构、独立交互、体积(标记超过约150行)判断是否拆分为组件。
- 分类组件:为每个组件确定动作、渲染模式、所拥有的状态与预估行数;页面组件标记加代码超过约200行即需继续拆分。
- 设计数据流:数据通过 [Parameter] 向下传递,事件通过 EventCallback<T> 向上通知;父级拥有数据,子级不修改参数;跨两层以上且中间组件不需要的数据可用级联值或作用域服务。
- 识别复用:先检查项目中已有的列表项、筛选/搜索、泛型组件(如 DataTable<T>、Pagination);多页面共用组件放入 Shared/ 或 Components/。
- 实现顺序:自底向上,依次为模型/DTO、服务(接口+实现)、叶子组件、容器组件、页面组件、配置(DI 注册与渲染模式)。每个组件应可独立编译。
使用方式:输出简要计划(组件树、组件表、数据流、实现顺序)后立即开始实现,不停留在计划阶段,也不等待确认。
适用场景:多区块 Blazor 页面、需要组件拆分与状态归属决策的 UI 变更。
限制与反模式:避免单页500行以上、参数层层透传10个以上、子组件自行请求数据、列表项内联复杂标记、先写单文件再重构、为一次性用途做泛型组件。组件命名按渲染内容而非内部行为,如 ProductCard、OrderFilters。
资料未提供具体安装命令、收费、平台与效果信息。