插件实战示例

前面的章节分别介绍了 Plugin、Router、Component、Context、FlowEngine 等各项能力。这个章节把它们串起来——通过几个完整的实战示例，展示一个插件从创建到完成的全过程。

每个示例都对应一个可运行的示例插件，你可以直接查看源码或在本地跑起来。

示例列表

示例	涉及能力	难度
做一个插件设置页	Plugin + Router + Component + Context + 服务端	入门
做一个自定义展示区块	Plugin + FlowEngine（BlockModel）	入门
做一个自定义字段组件	Plugin + FlowEngine（FieldModel）	入门
做一个自定义操作按钮	Plugin + FlowEngine（ActionModel）	入门
做一个前后端联动的数据管理插件	Plugin + FlowEngine（TableBlockModel + FieldModel + ActionModel）+ 服务端	进阶

建议按顺序阅读。第一个示例用 React 组件 + 简单的服务端接口，不涉及 FlowEngine；中间三个分别演示 FlowEngine 的区块、字段、操作三种基类；最后一个把前面学到的区块、字段、操作串在一起，加上服务端数据表，组成一个完整的前后端联动插件。如果你还不确定该用 React 组件还是 FlowModel，可以先看 Component vs FlowModel。