1.软件系统设计 - UML - Diagram-As-Code利器 UML代码描述定义 Plantuml 、Mermaid
2.使用 IntelliJ IDEA 查看类图，内容极度舒适
3.activiti6.0源码剖析之使用生成器设置流程图高亮显示
4.SequenceDiagram 查看代码时序图的利器，做技术方案必备！
5.Idea的diagram，学到你就大赚！开心牧场源码

软件系统设计 - UML - Diagram-As-Code利器 UML代码描述定义 Plantuml 、Mermaid

       推荐使用代码（纯文本语言）绘制UML图，能显著提升效率并实现源代码级别的版本控制与审计，相比UI工具绘图更便捷。

       介绍两款Diagram-As-Code利器：PlantUML与Mermaid。

       PlantUML是基于Java实现，功能成熟且集成工具广泛，支持本地与远程服务部署，还提供在线服务。支持丰富图表类型，从软件设计相关到高级定制，输出格式多样，电竞软件源码包括PNG、SVG、LaTeX等。特别适用于盲人设计与阅读UML图表。

       Mermaid使用JavaScript与Markdown，无需额外设置，支持常见图表类型，功能虽不及PlantUML全面，但足够满足基本需求。加载时间较长，若嵌入页面需注意。

       使用PlantUML与Mermaid能有效提升UML图绘制的效率与便捷性，是软件系统设计中不可或缺的工具。

使用 IntelliJ IDEA 查看类图，内容极度舒适

       在忙碌之余，回顾过去学习的知识点，发现Servlet部分的物理画线源码继承关系和接口实现原本记忆模糊。现在，利用 IntelliJ IDEA 的 Diagram 功能，实现了一目了然的可视化继承链查看，效果显著。

       要查看某个类的继承关系或接口实现，只需在该类标签页内点击右键，选择 Diagrams 中的 show 或 show ... Popup。此外，也可从项目目录树中对目标类点击右键，选择 Diagrams 来获取类似视图。

       通过 Diagram 功能，直观展示类的继承关系，蓝色实线箭头代表继承关系，绿色虚线箭头代表接口实现。点击页面右键，选择 show categories 可以展开类的属性、方法、idea如何调试源码构造方法等详细信息。使用 Change Visibility Level 可以调整方法权限的显示范围。按下 Alt 键激活放大镜功能，方便查看细节。

       若需要查看类与类之间的继承关系，可通过页面右键选择 Add Class to Diagram。添加其他类后，可以通过双击打开类，利用 Jump to Source 功能查看源码。

       利用 IntelliJ IDEA 的 Diagram 功能，查看类关系、源码及各类详细信息，大大提升了学习和理解主流框架源码的舒适度。

activiti6.0源码剖析之使用生成器设置流程图高亮显示

       1. 在流程执行过程中，为了直观展示流程已完成的节点和当前所处位置，Activiti提供了生成器ProcessDiagramGenerator。

       2. 该生成器能够对流程图中的奔跑兔子html源码节点或连线进行高亮标记，并生成带有高亮效果的。

       3. 用户可以自定义流程图中节点图标和字体等元素。

       4. 若默认的高亮效果不满足业务需求，例如要求用户任务高亮时使用特定颜色，或中字体为特定样式，则需自定义生成器。

       5. 可以通过继承DefaultProcessDiagramCanvas类并重写drawConnection方法来自定义连线高亮颜色。

       6. 扩展DefaultProcessDiagramGenerator类，并在initProcessDiagramCanvas方法中使用自定义的ProcessDiagramCanvas。

       7. 必须同时定义generateProcessDiagram方法，以替换默认的DefaultProcessDiagramGenerator中的实现，否则程序将调用默认方法。

       8. 使用自定义生成器生成流程图，以实现特定高亮效果。

       9. 生成结果将展示自定义后的流程图高亮效果。

SequenceDiagram 查看代码时序图的利器，做技术方案必备！

       时序图是理解和设计技术方案的强大工具，尤其在快速了解业务流程、代码逻辑及类间关系时。IDEA中有个名为SequenceDiagram的插件，能简化这个过程。安装步骤如下：

       首先，通过在线方式在IntelliJ IDEA中安装SequenceDiagram插件。进入设置，你可以调整生成时序图的参数，如调用层数、显示范围（仅限项目类或包含依赖）、跳过私有方法和getter/setter等，以优化图的清晰度和大小。

       完成设置后，只需在需要生成时序图的方法上右键，选择“Sequence Diagram”，即可即时生成。每个节点都提供“Go to Source”和“Remove Method 'xxxxxx()'”选项，方便快速定位源代码和精简图示。

       如果你需要激活此插件，相关的激活码可以查阅。本文由mdnice发布，旨在帮助开发者提升效率。

Idea的diagram，学到你就大赚！

       回顾过去学习的知识点，尤其是Servlet部分，我之前记忆着一堆乱糟糟的继承关系和接口实现。

       近期，我尝试了使用IDEA的diagram工具，结果直观且简便，大大提高了学习效率。以下是如何利用IDEA的diagram进行学习的步骤。

       首先，通过点击类标签页的右键菜单，选择“Diagrams”选项，即可在当前标签页中查看类的继承和接口实现关系。同样，你也可以在项目目录树中对特定类右键操作，选择“Diagrams”，效果一致。

       在diagram中，蓝色实线箭头代表继承关系，绿色虚线箭头表示接口实现关系。这样，你就能一目了然地看到类与类之间的关联。

       若要优化查看效果，可以去除不关心的类。只需选择并删除此类，diagram将只显示与你关注类相关的继承关系。

       想要查看类的详细信息？在diagram中右键点击类，选择“show categories”，即可展开属性、方法、构造方法等信息。同样，工具栏也提供这一功能。

       调整类的可见性水平，或是放大diagram以便查看，只需右键点击类，选择“Change Visibility Level”或按住Alt键使用放大镜功能，操作非常简单。

       若需要查看与当前类有继承关系的其他类，只需在diagram中右键选择“Add Class to Diagram”，输入类名即可。若添加的类与其他类没有继承关系，diagram上将不会显示箭头。

       想查看某个类的源代码？双击类名进入方法列表，选择具体方法右键，选择“Jump to Source”即可。利用IDEA的structure功能，可以快速查看类中的其他方法。

       总结而言，通过IDEA的diagram工具，学习和查看类关系变得非常直观和高效。这不仅适用于学习Servlet，也适用于深入了解主流框架的源码。掌握这一技巧，将对你的学习大有助益！