graphviz

在 上篇文章中 ，我为构建自定义端点可视化图奠定了基础，正如我 在第一篇文章中 展示的那样。该图显示了端点路由的不同部分：文字值，参数，动词约束和产生结果的端点： 在本文中，我将展示如何通过创建一个自定义的 DfaGraphWriter 来为自己的应用程序创建一个端点图。 这篇文章使用了本系列前几篇文章中的技巧和类，因此我强烈建议在继续之前先阅读这些技巧和类。 作者：依乐祝 原文链接： https://andrewlock.net/creating-a-custom-endpoint-visualization-graph/ 译文： https://www.cnblogs.com/yilezhu/p/13380120.html 为端点图添加配置 我们首先要看的是如何配置最终端点图的外观。我们将为两种类型的节点和四种类型的边缘添加配置。边是： 文字边缘：路线部分，例如 api 和 values 中的文字匹配 api/values/{id} 。 参数边缘：路线的参数化部分，例如 {id} route中 api/values/{id} 。 捕获所有边：与“全部捕获”路由参数相对应的边，例如 {**slug} 。 策略边缘：与URL以外的其他约束相对应的边缘。例如，图中的基于HTTP谓词的边 HTTP: GET 。 节点是： 匹配节点：与端点匹配关联的节点，因此将生成响应。 默认节点： 不

我们程序员在工作生活中，有很多场合下需要绘制图表，比如PPT里的图表，学习笔记的一些助记图，还有最常见的，工作中大量使用的流程图。 在 Window 下，我们有很多好用的工具，比如 Visio 、 EA 等等。这些软件也很好用，但都有个缺点，那就是太复杂。我们需要一定的美工基础，还要学很多软件操作，才能画出一张很简单的流程图。 而且，更要命的是，一旦需求发生变动，很不好修改，往往牵一发而动全身。所以经常在听到需求变更的时候，良许就脊背一凉…… 后来，在大神的介绍下，良许开始使用一个神器。这个神器不需要你懂美工，也不太需要懂软件操作，绘图的过程跟你写软件的过程差不多，短短的几行代码，就能把你头脑里的想法表现出来。 而且，不用担心布局，不用担心修改，甚至都不用鼠标，也给制作出相当精美的作品！ 这个神器就是： dot 命令！ 这个神器还有个图形界面版，叫 Graphviz ，但良许习惯了命令行，一般是在命令行下完成的。 我们先来看下它能做什么。以下几个图片选自它的官网： 这只是其中的几张图而已，更多图片可以去它的官网查看： http://www.graphviz.org 这个软件非常强大，如果掌握得好的话，可以画出非常好看的作品，而且还不怕产品经理改需求。但是，在大多数情况下，我们不太需要用到它的高级功能，往往一些很基础的功能就可以应付我们工作中的 80% 以上的需求了。