插件实战示例

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

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

示例列表

示例涉及能力难度
做一个插件设置页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

相关链接