1.软件系统设计 - UML - Diagram-As-Code利器 UML代码描述定义 Plantuml 、Mermaid
2.使用 IntelliJ IDEA 查看类图，内容极度舒适
3.activiti6.0源码剖析之使用生成器设置流程图高亮显示
4.SequenceDiagram 查看代码时序图的利器，做技术方案必备！
5.Idea的diagram，学到你就大赚！exe如何转换源码
软件系统设计 - 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 可以展开类的属性、方法、如何解码源码构造方法等详细信息。使用 Change Visibility Level 可以调整方法权限的显示范围。按下 Alt 键激活放大镜功能，方便查看细节。
若需要查看类与类之间的继承关系，可通过页面右键选择 Add Class to Diagram。添加其他类后，可以通过双击打开类，利用 Jump to Source 功能查看源码。
利用 IntelliJ IDEA 的 Diagram 功能，查看类关系、源码及各类详细信息，大大提升了学习和理解主流框架源码的舒适度。
activiti6.0源码剖析之使用生成器设置流程图高亮显示
1. 在流程执行过程中，为了直观展示流程已完成的节点和当前所处位置，Activiti提供了生成器ProcessDiagramGenerator。
2. 该生成器能够对流程图中的网卡驱动提取源码节点或连线进行高亮标记，并生成带有高亮效果的。
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，也适用于深入了解主流框架的源码。掌握这一技巧，将对你的学习大有助益！
