SuperAPI AI 工具集

syncfusion-aspnetcore-diagram

前端与建站

查看项目

更新于 10-16 01:07

技能介绍

用途:在 ASP.NET Core(Razor Pages 或 MVC)应用中实现 Syncfusion EJ2 Diagram 组件,通过标签助手 ejs-diagram 构建交互式图表,如流程图、组织结构图、网络图、BPMN 与 UML 图,并支持布局、符号面板、数据绑定、导出与打印等。

主要能力:技能按用途划分多个参考文件,覆盖入门配置、节点、连接线、标签与注释、端口、形状与样式、BPMN、UML、布局、泳道、分组与容器、符号面板、数据绑定、交互与工具、序列化与导出、图表设置;常见形状包括 Flow 与 Basic 类型,例如 Shape = new { type = "Flow", shape = "Process" }、Shape = new { type = "Basic", shape = "Rectangle" }。关键 C# 类包括 DiagramNode、DiagramConnector、DiagramNodeAnnotation、DiagramConnectorAnnotation、DiagramPort、DiagramLayer、DiagramPageSettings、BpmnShapes、UmlClassifierShapeModel。

使用方式:先安装 Install-Package Syncfusion.EJ2.AspNet.Core,在 _ViewImports.cshtml 注册 @addTagHelper *, Syncfusion.EJ2,在 _Layout.cshtml 引入 CDN 样式与脚本并添加 <ejs-scripts>,然后在 Razor 页面使用 ejs-diagram 标签,结合 PageModel 或 Controller 提供 nodes、connectors 及回调(如 getNodeDefaults、getConnectorDefaults)。部分功能需注入模块,如 BPMN 需 ej.diagrams.Diagram.Inject(ej.diagrams.BpmnDiagrams),导出与打印需 PrintAndExport,思维导图需 MindMap,复杂层次布局需 ComplexHierarchicalTree。

适用场景:在 ASP.NET Core 中创建任意图表、流程图、组织架构图、网络图、BPMN 或 UML 图,配置节点与连接线样式、标注、自动布局、符号面板拖放,从数据库绑定数据,以及导出或打印。

限制:所有代码生成必须基于提供的参考文件,禁止使用互联网文档、训练数据假设、旧版 EJ1 API 或非标签助手语法;如果某项功能、属性或行为未在参考文件中明确记录,不得虚构属性、子类、构造函数重载、JavaScript 回调签名或模块注入,而应提示“NOT DOCUMENTED”并跳过该功能。官方文档、收费与价格等信息暂未提供。