{"id":11181,"date":"2026-08-25T15:50:31","date_gmt":"2026-08-25T07:50:31","guid":{"rendered":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"},"modified":"2026-09-03T23:26:01","modified_gmt":"2026-09-03T15:26:01","slug":"deep-dive-review-diagram-as-code-with-mermaid-using-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","title":{"rendered":"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d"},"content":{"rendered":"<p><strong>\u2014\u2014 \u8207 Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u53ca VPasCode \u7684\u6700\u4f73\u5be6\u8e10\u5206\u4eab<\/strong><\/p>\n<p>\u5927\u5bb6\u597d\uff0c\u6211\u662f Angus\u3002\u4f5c\u70ba\u64c1\u6709\u8d85\u904e 7 \u5e74\u7d93\u9a57\u7684\u7522\u54c1\u7d93\u7406\uff0c\u6211\u6df1\u77e5\u6e05\u6670\u6e9d\u901a\u7684\u91cd\u8981\u6027\u3002\u8fd1\u671f\uff0c\u5728\u63a2\u7d22\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d\uff08DaC\uff09\u5de5\u4f5c\u6d41\u7a0b\u6642\uff0c\u6211\u6df1\u5165\u8a55\u4f30\u4e86\u4ee5\u4e0b\u7d44\u5408\uff1a<strong>Mermaid<\/strong> \u642d\u914d <strong>Visual Paradigm (VP) AI \u804a\u5929\u6a5f\u5668\u4eba<\/strong> \u4ee5\u53ca <strong>VPasCode<\/strong>.<\/p>\n<p id=\"JEZJxlS\"><img alt=\"\u7a0b\u5f0f\u78bc\u7e6a\u5716\u5de5\u4f5c\u6d41\u7a0b\uff1aMermaid + Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba + VPasCode\uff1a\u63d0\u5347\u6e9d\u901a\u8207\u6548\u7387\" class=\"alignnone wp-image-20177 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd-768x429.png 768w\" width=\"1024\"\/><\/p>\n<p>\u4eca\u5929\uff0c\u6211\u60f3\u5206\u4eab\u5c0d\u9019\u5957\u5de5\u5177\u93c8\u7684\u7522\u54c1\u8a55\u6e2c\u8207\u529f\u80fd\u89e3\u6790\uff0c\u6db5\u84cb\u5176\u6838\u5fc3\u50f9\u503c\u3001\u95dc\u9375\u6982\u5ff5\u53ca\u5be6\u969b\u61c9\u7528\u6848\u4f8b\u3002\u6211\u7684\u76ee\u6a19\u662f\u5354\u52a9\u5927\u5bb6\u63d0\u5347\u6587\u4ef6\u64b0\u5beb\u3001\u9700\u6c42\u68b3\u7406\u8207\u6280\u8853\u6e9d\u901a\u7684\u6548\u7387\u3002<\/p>\n<hr\/>\n<h2>1. \u80cc\u666f\u8207\u75db\u9ede\uff1a\u70ba\u4f55\u6211\u5011\u9700\u8981\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d\uff1f<\/h2>\n<p>\u5728\u50b3\u7d71\u7522\u54c1\u5de5\u4f5c\u4e2d\uff0c\u6211\u5011\u5e38\u4f7f\u7528 Visio\u3001Lucidchart \u6216 XMind \u7b49\u5716\u5f62\u4f7f\u7528\u8005\u4ecb\u9762\uff08GUI\uff09\u5de5\u5177\u3002\u96d6\u7136\u9019\u4e9b\u5de5\u5177\u76f4\u89c0\u6613\u7528\uff0c\u4f46\u5b58\u5728\u5e7e\u500b\u660e\u986f\u7684\u75db\u9ede\uff1a<\/p>\n<ul>\n<li>\n<p><strong>\u7248\u672c\u63a7\u5236\u56f0\u96e3<\/strong>\uff1a\u4e8c\u9032\u4f4d\u6a94\u6848\u7121\u6cd5\u9032\u884c Git \u5dee\u7570\u6bd4\u5c0d\uff0c\u5c0e\u81f4\u96e3\u4ee5\u8ffd\u8e64\u8b8a\u66f4\u6b77\u53f2\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5354\u4f5c\u6210\u672c\u9ad8<\/strong>\uff1a\u5718\u968a\u6210\u54e1\u9700\u5b89\u88dd\u7279\u5b9a\u8edf\u9ad4\u624d\u80fd\u6aa2\u8996\u6216\u7de8\u8f2f\u5716\u5f62\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u7dad\u8b77\u6eef\u5f8c<\/strong>\uff1a\u7a0b\u5f0f\u78bc\u5df2\u8b8a\u66f4\uff0c\u4f46\u5716\u5f62\u672a\u540c\u6b65\u66f4\u65b0\uff0c\u5c0e\u81f4\u6587\u4ef6\u8207\u5be6\u969b\u7cfb\u7d71\u812b\u7bc0\u3002<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d\uff08DaC\uff09<\/strong>\u6b63\u662f\u70ba\u4e86\u89e3\u6c7a\u4e0a\u8ff0\u554f\u984c\u800c\u751f\u3002\u900f\u904e\u5c07\u5716\u5f62\u5b9a\u7fa9\u70ba\u6587\u5b57\u7a0b\u5f0f\u78bc\uff0c\u5b83\u5e36\u4f86\u4ee5\u4e0b\u6838\u5fc3\u50f9\u503c\uff1a<\/p>\n<ul>\n<li>\n<p>\u2705\u00a0<strong>\u53cb\u5584\u7248\u672c\u63a7\u5236<\/strong>\uff1a\u50cf\u7ba1\u7406\u7a0b\u5f0f\u78bc\u4e00\u6a23\u7ba1\u7406\u5716\u5f62\uff0c\u652f\u63f4\u5206\u652f\u8207\u5408\u4f75\u64cd\u4f5c\u3002<\/p>\n<\/li>\n<li>\n<p>\u2705\u00a0<strong>\u81ea\u52d5\u5316\u53cb\u5584<\/strong>\uff1a\u53ef\u6574\u5408\u81f3 CI\/CD \u6d41\u7a0b\u4e2d\uff0c\u81ea\u52d5\u751f\u6210\u6700\u65b0\u7684\u67b6\u69cb\u5716\u3002<\/p>\n<\/li>\n<li>\n<p>\u2705\u00a0<strong>\u4e00\u81f4\u6027\u4fdd\u8b49<\/strong>\uff1a\u900f\u904e\u7bc4\u672c\u8207\u7a0b\u5f0f\u78bc\u898f\u7bc4\uff0c\u78ba\u4fdd\u5718\u968a\u8f38\u51fa\u98a8\u683c\u4e00\u81f4\u3002<\/p>\n<\/li>\n<li>\n<p>\u2705\u00a0<strong>\u53ef\u91cd\u73fe\u6027<\/strong>: \u53ea\u8981\u539f\u59cb\u6a94\u6848\u5b58\u5728\uff0c\u5716\u8868\u96a8\u6642\u90fd\u53ef\u4ee5\u91cd\u65b0\u5efa\u69cb\u3002<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>2. \u7522\u54c1\u6982\u89bd\uff1a\u4ec0\u9ebc\u662f Mermaid\uff1f<\/h2>\n<p><strong>Mermaid<\/strong> \u662f\u4e00\u500b\u57fa\u65bc JavaScript \u7684\u5716\u8868\u5eab\uff0c\u4f7f\u7528\u985e\u4f3c Markdown \u7684\u6587\u5b57\u8a9e\u6cd5\u4f86\u52d5\u614b\u751f\u6210\u5716\u8868\u3002<\/p>\n<h3>\ud83d\udca1 \u70ba\u4ec0\u9ebc\u9078\u64c7 Mermaid\uff1f<\/h3>\n<ul>\n<li>\n<p><strong>\u4f4e\u5165\u9580\u9580\u6abb<\/strong>: \u8a9e\u6cd5\u7c21\u55ae\uff0c\u6975\u5177\u4eba\u985e\u53ef\u8b80\u6027\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5ee3\u6cdb\u7684\u751f\u614b\u7cfb\u7d71<\/strong>: \u539f\u751f\u652f\u63f4 GitHub\u3001GitLab\u3001Notion\u3001VS Code \u53ca\u5176\u4ed6\u4e3b\u6d41\u5e73\u53f0\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5373\u6642\u6e32\u67d3<\/strong>: \u7a0b\u5f0f\u78bc\u4fee\u6539\u5f8c\u7acb\u5373\u9810\u89bd\uff0c\u63d0\u4f9b\u77ed\u56de\u994b\u8ff4\u5708\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u9ad8\u5ea6\u53ef\u64f4\u5c55\u6027<\/strong>: \u652f\u63f4\u81ea\u8a02\u4e3b\u984c\u8207\u6a23\u5f0f\u3002<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>3. \u95dc\u9375\u529f\u80fd\u5206\u6790\uff1aMermaid \u7684\u6838\u5fc3\u6982\u5ff5<\/h2>\n<p>\u4f7f\u7528 Mermaid \u6642\uff0c\u5e7e\u500b\u6838\u5fc3\u6982\u5ff5\u69cb\u6210\u4e86\u5176\u300c\u7522\u54c1\u908f\u8f2f\u300d\uff1a<\/p>\n<p id=\"dvGOfWW\"><img alt=\"Mermaid \u8a9e\u6cd5\u901f\u67e5\u8868\uff0c\u8a73\u8ff0\u5716\u5f62\u5ba3\u544a\u3001\u7bc0\u9ede\u3001\u908a\u3001\u4f48\u5c40\u65b9\u5411\u53ca\u6a23\u5f0f\u9078\u9805\u3002\" class=\"alignnone size-full wp-image-20188\" decoding=\"async\" height=\"521\" loading=\"lazy\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3.png 986w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3-300x159.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3-768x406.png 768w\" width=\"986\"\/><\/p>\n<h3>3.1 \u5716\u8868\u5ba3\u544a<\/h3>\n<p>\u6bcf\u500b\u5716\u8868\u90fd\u5fc5\u9808\u4ee5\u985e\u578b\u5ba3\u544a\u958b\u59cb\uff0c\u4f8b\u5982 <code data-backticks=\"1\">graph TD<\/code>\u3002\u9019\u76f8\u7576\u65bc\u5b9a\u7fa9\u7522\u54c1\u7684\u300c\u6a21\u5f0f\u300d\u3002<\/p>\n<h3>3.2 \u7bc0\u9ede\u8207\u908a<\/h3>\n<ul>\n<li>\n<p><strong>\u7bc0\u9ede<\/strong>: \u4ee3\u8868\u5be6\u9ad4\u3001\u8655\u7406\u6b65\u9a5f\u6216\u72c0\u614b\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u908a<\/strong>: \u5b9a\u7fa9\u7bc0\u9ede\u4e4b\u9593\u7684\u95dc\u4fc2\u8207\u8cc7\u6599\u6d41\u7a0b\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>3.3 \u4f48\u5c40\u65b9\u5411<\/h3>\n<p>\u63a7\u5236\u8996\u89ba\u6d41\u7a0b\u4ee5\u9069\u61c9\u4e0d\u540c\u7684\u95b1\u8b80\u7fd2\u6163\uff1a<\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">TD<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">TB<\/code>: \u7531\u4e0a\u800c\u4e0b\uff08\u9810\u8a2d\uff0c\u9069\u5408\u6d41\u7a0b\u5716\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">LR<\/code>: \u7531\u5de6\u81f3\u53f3\uff08\u9069\u5408\u6642\u9593\u8ef8\u6216\u5e8f\u5217\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">BT<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">RL<\/code>: \u7531\u4e0b\u800c\u4e0a \/ \u7531\u53f3\u81f3\u5de6<\/p>\n<\/li>\n<\/ul>\n<h3>3.4 \u7bc0\u9ede\u5f62\u72c0\u8a9e\u7fa9<\/h3>\n<p>\u4e0d\u540c\u5f62\u72c0\u50b3\u9054\u4e0d\u540c\u7684\u696d\u52d9\u542b\u7fa9\uff1a<\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">[ ]<\/code>: \u77e9\u5f62\uff08\u4e00\u822c\u6b65\u9a5f\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">( )<\/code>: \u5713\u89d2\u77e9\u5f62\uff08\u958b\u59cb\/\u7d50\u675f\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">(( ))<\/code>: \u5713\u5f62\uff08\u4e8b\u4ef6\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">{ }<\/code>: \u83f1\u5f62\uff08\u6c7a\u7b56\u9ede\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">[\/ \/]<\/code>: \u5e73\u884c\u56db\u908a\u5f62\uff08\u8f38\u5165\/\u8f38\u51fa\uff09<\/p>\n<\/li>\n<\/ul>\n<h3>3.5 \u908a\u985e\u578b<\/h3>\n<ul>\n<li>\n<p><code data-backticks=\"1\">--&gt;<\/code>: \u5be6\u7dda\u7bad\u982d<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">---<\/code>: \u7121\u7bad\u982d\u7dda<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">-.-&gt;<\/code>: \u865b\u7dda\u7bad\u982d\uff08\u901a\u5e38\u8868\u793a\u975e\u540c\u6b65\u6216\u53ef\u9078\uff09<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">==&gt;<\/code>: \u7c97\u7bad\u982d\uff08\u5f37\u8abf\u4e3b\u8def\u5f91\uff09<\/p>\n<\/li>\n<\/ul>\n<h3>3.6 \u5b50\u5716<\/h3>\n<p>\u7528\u65bc\u5c07\u8907\u96dc\u7cfb\u7d71\u6a21\u7d44\u5316\u4e26\u5206\u7d44\uff0c\u4ee5\u63d0\u5347\u53ef\u8b80\u6027\u8207\u908f\u8f2f\u5c64\u7d1a\u3002<\/p>\n<h3>3.7 \u6a23\u5f0f\u8a2d\u5b9a<\/h3>\n<p>\u652f\u63f4\u985e\u4f3c CSS \u7684\u8a9e\u6cd5\uff0c\u53ef\u81ea\u8a02\u984f\u8272\u3001\u908a\u6846\u8207\u5b57\u578b\uff0c\u4ee5\u7b26\u5408\u54c1\u724c\u898f\u7bc4\u3002<\/p>\n<hr\/>\n<h2>4. \u74b0\u5883\u8a2d\u5b9a\u8207\u6574\u5408\uff1aVisual Paradigm \u751f\u614b\u7cfb\u7684\u512a\u52e2<\/h2>\n<p>\u96d6\u7136 Mermaid \u53ef\u5728\u4efb\u4f55\u6587\u5b57\u7de8\u8f2f\u5668\u4e2d\u4f7f\u7528\uff0c\u4f46\u5c07\u5176\u8207\u300c<strong>Visual Paradigm (VP)<\/strong>\u300d\u5de5\u5177\u93c8\u5c07\u5927\u5e45\u6539\u5584\u4f7f\u7528\u9ad4\u9a57\u3002<\/p>\n<h3>\ud83d\udee0\ufe0f \u63a8\u85a6\u5de5\u5177\u7d44\u5408\uff1aVisual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba + VPasCode<\/h3>\n<p><strong>Visual Paradigm<\/strong>\u63d0\u4f9b\u5f37\u5927\u7684\u4f01\u696d\u7d1a\u652f\u63f4\uff0c\u800c\u300c<strong>VPasCode<\/strong>\u300d\u5916\u639b\u5247\u4f5c\u70ba\u5716\u5f62\u4f7f\u7528\u8005\u4ecb\u9762\u8207\u7a0b\u5f0f\u78bc\u4e4b\u9593\u7684\u6a4b\u6a11\u3002<\/p>\n<hr\/>\n<h2>5. \u958b\u59cb\u4f7f\u7528\uff1a\u57fa\u672c\u8a9e\u6cd5<\/h2>\n<p>\u8b93\u6211\u5011\u900f\u904e\u4e00\u500b\u7c21\u55ae\u7684\u6d41\u7a0b\u5716\u7bc4\u4f8b\uff0c\u4f86\u4e86\u89e3\u5176\u300c\u7a0b\u5f0f\u78bc\u7d50\u69cb\u300d\uff1a<\/p>\n<p id=\"uqGQPgN\"><img alt=\"VPasCode Mermaid \u6d41\u7a0b\u5716\u7bc4\u4f8b\uff0c\u986f\u793a\u958b\u59cb\u3001\u6c7a\u7b56\u8207\u9664\u932f\u8def\u5f91\" class=\"alignnone size-full wp-image-20163\" decoding=\"async\" height=\"876\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-768x351.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-1536x701.png 1536w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceFSAALH6JfTup8u745V0NW1U3CqftnY\/WTvnCc71j6d3vd+z\/xasCInkGTNsxnraxSco58uWfV06d4nu9re72mMRZJ+OmFZjYJL9MuZS172rIdIuEAMBQDvPC\/D\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TD\n    A[\u958b\u59cb] --&gt; B{\u904b\u4f5c\u4e2d\u55ce\uff1f}\n    B --&gt;|\u662f| C[\u592a\u597d\u4e86\uff01]\n    B --&gt;|\u5426| D[\u9664\u932f]\n    D --&gt; B\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceFSAALH6JfTup8u745V0NW1U3CqftnY\/WTvnCc71j6d3vd+z\/xasCInkGTNsxnraxSco58uWfV06d4nu9re72mMRZJ+OmFZjYJL9MuZS172rIdIuEAMBQDvPC\/D\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u7a0b\u5f0f\u78bc\u89e3\u6790\uff1a<\/strong><\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">graph TD<\/code>: \u5b9a\u7fa9\u7531\u4e0a\u800c\u4e0b\u7684\u6d41\u7a0b\u5716\u3002<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">A[\u958b\u59cb]<\/code>: ID \u70ba\u300cA\u300d\u7684\u7bc0\u9ede\uff0c\u986f\u793a\u6587\u5b57\u300c\u958b\u59cb\u300d\u3002<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">--&gt;<\/code>: \u5b9a\u7fa9\u6d41\u7a0b\u65b9\u5411\u3002<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">B{...}<\/code>: \u83f1\u5f62\u7bc0\u9ede\uff0c\u4ee3\u8868\u6c7a\u7b56\u9ede\u3002<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">|\u662f|<\/code>\uff1a\u9023\u63a5\u7dda\u4e0a\u7684\u6a19\u7c64\u3002<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>6. \u57fa\u65bc\u60c5\u5883\u7684\u4f7f\u7528\u6848\u4f8b\uff1a\u5e38\u898b\u5716\u8868\u985e\u578b<\/h2>\n<p>\u4f5c\u70ba\u7522\u54c1\u7d93\u7406\uff0c\u6211\u5011\u7d93\u5e38\u9700\u8981\u7e6a\u88fd\u4e0d\u540c\u985e\u578b\u7684\u5716\u8868\u3002\u4ee5\u4e0b\u662f Mermaid \u7684\u9ad8\u983b\u61c9\u7528\u60c5\u5883\uff1a<\/p>\n<h3>6.1 \u6d41\u7a0b\u5716<\/h3>\n<p><em>\u4f7f\u7528\u6848\u4f8b\uff1a\u4f7f\u7528\u8005\u767b\u5165\u3001\u8a02\u55ae\u8655\u7406\u6d41\u7a0b<br \/>\n<\/em><\/p>\n<p id=\"wvBvjha\"><img alt=\"VPasCode Mermaid \u6d41\u7a0b\u5716\u986f\u793a\u4f7f\u7528\u8005\u767b\u5165\u3001\u6191\u8b49\u9a57\u8b49\u8207\u5100\u8868\u677f\u9032\u5165\u908f\u8f2f\u3002\" class=\"alignnone size-full wp-image-20165\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-1536x699.png 1536w\" width=\"1915\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeJSAALH6Cd79z+fsuJFQ+vzmbufti6NVdDVtVNwin65cvqLtZ3P2iYCyViwUieQTM2zOZ3PpnbUKDhHv2zYBFT\/tKXhxcIVz+buR1b0vGUhWJFL9MuF658v2fWyZ\/2LVUterOh61rgeos4FbI0jADPTQgM=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph LR\n    A[\u4f7f\u7528\u8005\u767b\u5165] --&gt; B[\u9a57\u8b49\u6191\u8b49]\n    B --&gt;|\u6709\u6548| C[\u9032\u5165\u5100\u8868\u677f]\n    B --&gt;|\u7121\u6548| D[\u986f\u793a\u932f\u8aa4\u8a0a\u606f]\n    D --&gt; A\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeJSAALH6Cd79z+fsuJFQ+vzmbufti6NVdDVtVNwin65cvqLtZ3P2iYCyViwUieQTM2zOZ3PpnbUKDhHv2zYBFT\/tKXhxcIVz+buR1b0vGUhWJFL9MuF658v2fWyZ\/2LVUterOh61rgeos4FbI0jADPTQgM=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6.2 \u5e8f\u5217\u5716<\/h3>\n<p><em>\u4f7f\u7528\u6848\u4f8b\uff1aAPI \u4e92\u52d5\u3001\u5fae\u670d\u52d9\u547c\u53eb<br \/>\n<\/em><\/p>\n<p id=\"OGiznZz\"><img alt=\"VPasCode Mermaid \u5e8f\u5217\u5716\u8aaa\u660e\u4f7f\u7528\u8005\u3001API \u9598\u9053\u8207\u8cc7\u6599\u5eab\u4e4b\u9593\u7684 API \u4e92\u52d5\u3002\" class=\"alignnone size-full wp-image-20166\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-1536x699.png 1536w\" width=\"1918\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTi0sTc1LTnXJTEwvSszlUgCCgsSikszkzILEvBKFJ3v3P5+y4kVDK4aMY4Cne2JJanliJYbUi83tz6bNfLprNVgGTMDN0bWzQ+i0UnixuvvZxiaIBrBChCRQJdwgK4Vn85e+WLnoxYoZL3tawArhcrpoRj6dPe9p0+bnWyc8mzcH3UigUrhLgCqbNr9saASqf9beCQBVI3e5\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">sequenceDiagram\n    participant \u4f7f\u7528\u8005\n    participant APIGateway\n    participant \u8cc7\u6599\u5eab\n    \n    \u4f7f\u7528\u8005-&gt;&gt;APIGateway: \u8acb\u6c42\u8cc7\u6599\n    APIGateway-&gt;&gt;\u8cc7\u6599\u5eab: \u67e5\u8a62\u8a18\u9304\n    \u8cc7\u6599\u5eab--&gt;&gt;APIGateway: \u56de\u50b3\u7d50\u679c\n    APIGateway--&gt;&gt;\u4f7f\u7528\u8005: \u50b3\u9001\u56de\u61c9\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTi0sTc1LTnXJTEwvSszlUgCCgsSikszkzILEvBKFJ3v3P5+y4kVDK4aMY4Cne2JJanliJYbUi83tz6bNfLprNVgGTMDN0bWzQ+i0UnixuvvZxiaIBrBChCRQJdwgK4Vn85e+WLnoxYoZL3tawArhcrpoRj6dPe9p0+bnWyc8mzcH3UigUrhLgCqbNr9saASqf9beCQBVI3e5\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6.3 \u985e\u5225\u5716<\/h3>\n<p><em>\u4f7f\u7528\u6848\u4f8b\uff1a\u9818\u57df\u6a21\u578b\u8a2d\u8a08\u3001\u7269\u4ef6\u95dc\u4fc2\u6574\u7406<br \/>\n<\/em><\/p>\n<p id=\"ELqcWnQ\"><img alt=\"VPasCode \u4e2d\u7684 Mermaid \u985e\u5225\u5716\u986f\u793a\u7522\u54c1\u7d93\u7406\u8207\u654f\u6377\u5718\u968a\u4e4b\u9593\u7684\u95dc\u4fc2\u3002\" class=\"alignnone size-full wp-image-20167\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-1536x698.png 1536w\" width=\"1919\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljz0OwjAMRndOkRGEegEGBn42QFULA6NJrRDROJWTAhLiCGyMXIXbwD1IK6RG8A0e\/GS9z7IE52YaFIPpiRDZLETKtqilXwKBQhaXFjUZ5p41KbECg91Skxfzc4WskSRuEdh1cMoIHjMLhYGqP4iApUayccgZunAk9198bWfUJ5dcmzWCiasstPNiiWaHsS6vQkGflkAUisa+DI8aTxOQh9Kqf9PPz0kyjrQj8b7dX8\/HB0AIWHo=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">classDiagram\n    class ProductManager {\n        +String Name\n        +int ExperienceYears\n        +CreateRoadmap()\n        +ConductUserResearch()\n    }\n    \n    class ScrumTeam {\n        +List Members\n        +SprintPlanning()\n        +ReviewBacklog()\n    }\n    \n    ProductManager --&gt; ScrumTeam : \u5354\u4f5c\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljz0OwjAMRndOkRGEegEGBn42QFULA6NJrRDROJWTAhLiCGyMXIXbwD1IK6RG8A0e\/GS9z7IE52YaFIPpiRDZLETKtqilXwKBQhaXFjUZ5p41KbECg91Skxfzc4WskSRuEdh1cMoIHjMLhYGqP4iApUayccgZunAk9198bWfUJ5dcmzWCiasstPNiiWaHsS6vQkGflkAUisa+DI8aTxOQh9Kqf9PPz0kyjrQj8b7dX8\/HB0AIWHo=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6.4 \u72c0\u614b\u5716<\/h3>\n<p><em>\u4f7f\u7528\u60c5\u5883\uff1a\u8a02\u55ae\u72c0\u614b\u8f49\u63db\u3001\u6838\u51c6\u5de5\u4f5c\u6d41<br \/>\n<\/em><\/p>\n<p id=\"mnRDgmO\"><img alt=\"VPasCode Mermaid \u72c0\u614b\u5716\u8aaa\u660e\u8a02\u55ae\u72c0\u614b\u5f9e\u8349\u7a3f\u5230\u6838\u51c6\u8207\u767c\u5e03\u7684\u8f49\u63db\u3002\" class=\"alignnone size-full wp-image-20168\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-1536x700.png 1536w\" width=\"1911\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">stateDiagram-v2\r\n    [*] --&gt; Draft\r\n    Draft --&gt; UnderReview : Submit\r\n    UnderReview --&gt; Approved : Pass\r\n    UnderReview --&gt; Draft : Reject for Changes\r\n    Approved --&gt; Published : Publish\r\n    Published --&gt; [*]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6.5 \u5be6\u9ad4\u95dc\u806f\u5716 (ERD)<\/h3>\n<p><em>\u4f7f\u7528\u60c5\u5883\uff1a\u8cc7\u6599\u5eab\u8a2d\u8a08\u3001\u8cc7\u6599\u5efa\u6a21<\/em><\/p>\n<p id=\"XibenPl\"><img alt=\"VPasCode Mermaid \u5be6\u9ad4\u95dc\u806f\u5716\u8996\u89ba\u5316\u4f7f\u7528\u8005\u3001\u8a02\u55ae\u8207\u7522\u54c1\u8cc7\u6599\u5eab\u7d50\u69cb\u7684\u95dc\u806f\u3002\" class=\"alignnone size-full wp-image-20169\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1922px) 100vw, 1922px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031.png 1922w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-1536x695.png 1536w\" width=\"1922\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">erDiagram\r\n    USER ||--o{ ORDER : Places\r\n    ORDER ||--|{ PRODUCT : Contains\r\n    USER {\r\n        int id\r\n        string name\r\n        string email\r\n    }\r\n    ORDER {\r\n        int id\r\n        date orderDate\r\n        float totalAmount\r\n    }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6.6 \u7518\u7279\u5716<\/h3>\n<p><em>\u4f7f\u7528\u60c5\u5883\uff1a\u5c08\u6848\u6392\u7a0b\u3001\u8def\u7dda\u5716\u986f\u793a<br \/>\n<\/em><\/p>\n<p id=\"xsaqPUB\"><img alt=\"VPasCode Mermaid \u7518\u7279\u5716\u986f\u793a\u7522\u54c1\u958b\u767c\u6642\u9593\u8ef8\uff0c\u5305\u542b\u898f\u5283\u3001\u958b\u767c\u8207\u6e2c\u8a66\u968e\u6bb5\u3002\" class=\"alignnone size-full wp-image-20170\" decoding=\"async\" height=\"876\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-300x138.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-1024x469.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-768x352.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-1536x704.png 1536w\" width=\"1911\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">gantt\r\n    title Product Development Timeline\r\n    dateFormat  YYYY-MM-DD\r\n    section Planning Phase\r\n    Requirements Analysis     :2026-01-01, 30d\r\n    UI Design       :2026-02-01, 20d\r\n    section Development Phase\r\n    Backend Dev     :2026-02-15, 45d\r\n    Frontend Dev     :2026-03-01, 40d\r\n    section Testing Phase\r\n    QA Testing       :2026-04-15, 20d\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6.7 \u5713\u9905\u5716<\/h3>\n<p><em>\u4f7f\u7528\u60c5\u5883\uff1a\u8cc7\u6e90\u914d\u7f6e\u3001\u6642\u9593\u5206\u914d\u5206\u6790<br \/>\n<\/em><\/p>\n<p id=\"QgVNCJC\"><img alt=\"VPasCode Mermaid \u5713\u9905\u5716\u986f\u793a\u4f7f\u7528\u8005\u7814\u7a76\u3001\u8def\u7dda\u5716\u898f\u5283\u8207\u8cc7\u6599\u5206\u6790\u7684\u5de5\u4f5c\u6642\u9593\u5206\u914d\u3002\" class=\"alignnone size-full wp-image-20171\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-1024x468.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-768x351.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-1536x701.png 1536w\" width=\"1914\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNoryExVKMksyUlVeLp96ZO9c57NbHo5bfLTjraXrb28XApAoPR8yopnHdueL5jyfOU2JQUrBSNTqMSL7eufb5\/1dM60F8v6n3Y1g+UMoHJPO1Y+n931fPaOl9PnvGhofTan+cXaDSAVhjDdz6bueDZ5FtCmZ\/MmoGh9Nq392aopz7eveLp+NVgH3MzWbU92T4MIAQBUl1HC\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">pie title \u5de5\u4f5c\u6642\u9593\u5206\u914d\r\n    \"\u7528\u6236\u7814\u7a76\" : 25\r\n    \"\u8def\u7dda\u5716\u898f\u5283\" : 20\r\n    \"\u5229\u76ca\u76f8\u95dc\u8005\u6703\u8b70\" : 15\r\n    \"\u6578\u64da\u5206\u6790\" : 20\r\n    \"\u6587\u6a94\u7de8\u5beb\" : 10\r\n    \"\u5176\u4ed6\" : 10\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNoryExVKMksyUlVeLp96ZO9c57NbHo5bfLTjraXrb28XApAoPR8yopnHdueL5jyfOU2JQUrBSNTqMSL7eufb5\/1dM60F8v6n3Y1g+UMoHJPO1Y+n931fPaOl9PnvGhofTan+cXaDSAVhjDdz6bueDZ5FtCmZ\/MmoGh9Nq392aopz7eveLp+NVgH3MzWbU92T4MIAQBUl1HC\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>7. \u9032\u968e\u529f\u80fd\u56de\u9867\uff1a\u6a23\u5f0f\u3001\u5b50\u5716\u8207\u4e92\u52d5<\/h2>\n<h3>7.1 \u5b50\u5716 \u2013 \u6a21\u7d44\u5316\u601d\u7dad<\/h3>\n<p>\u7576\u7cfb\u7d71\u8907\u96dc\u6642\uff0c\u8acb\u4f7f\u7528\u5b50\u5716\u5c07\u5927\u578b\u5716\u8868\u5206\u89e3\u70ba\u908f\u8f2f\u5340\u584a\u3002<\/p>\n<p id=\"vSPaiqV\"><img alt=\"VPasCode Mermaid \u5716\u5f62\u793a\u7bc4\u4f7f\u7528\u5b50\u5716\u5c07\u524d\u7aef\u8207\u5f8c\u7aef\u7cfb\u7d71\u5c64\u6a21\u7d44\u5316\u3002\" class=\"alignnone size-full wp-image-20172\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-1536x700.png 1536w\" width=\"1911\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TB\r\n    subgraph FrontendLayer\r\n        A[React App]\r\n        B[UI Component Library]\r\n    end\r\n    \r\n    subgraph BackendLayer\r\n        C[API Server]\r\n        D[Database]\r\n    end\r\n    \r\n    A --&gt; C\r\n    C --&gt; D\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>7.2 \u6a23\u5f0f \u2013 \u54c1\u724c\u4e00\u81f4\u6027<\/h3>\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528 <code data-backticks=\"1\">style<\/code>\u300d\u95dc\u9375\u5b57\u70ba\u7279\u5b9a\u7bc0\u9ede\u65b0\u589e CSS \u6a23\u5f0f\u3002<\/p>\n<p id=\"LvZAHxQ\"><img alt=\"VPasCode \u4ecb\u9762\u986f\u793a Mermaid \u5716\u5f62\uff0c\u5176\u4e2d\u5df2\u5957\u7528\u81ea\u8a02 CSS \u6a23\u5f0f\u81f3\u958b\u59cb\u3001\u8655\u7406\u8207\u7d50\u675f\u7bc0\u9ede\u3002\" class=\"alignnone size-full wp-image-20173\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-1536x698.png 1536w\" width=\"1914\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TD\r\n    A[Start] --&gt; B[Processing]\r\n    B --&gt; C[End]\r\n    \r\n    style A fill:#f9f,stroke:#333,stroke-width:4px\r\n    style B fill:#bbf,stroke:#333,stroke-width:2px\r\n    style C fill:#bfb,stroke:#333,stroke-width:2px\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>7.3 \u9ede\u64ca\u4e8b\u4ef6\u8207\u9023\u7d50<\/h3>\n<p>\u63d0\u5347\u4e92\u52d5\u6027\uff0c\u4f7f\u5716\u8868\u6210\u70ba\u53ef\u5c0e\u822a\u7684\u6587\u6a94\u3002<\/p>\n<p id=\"mpjkdIG\"><img alt=\"VPasCode Mermaid \u5716\u5f62\u7a0b\u5f0f\u78bc\uff0c\u5efa\u7acb\u5f9e\u300c\u6aa2\u8996\u6587\u4ef6\u300d\u81f3 Visual Paradigm \u4e3b\u9801\u9762\u7684\u53ef\u9ede\u64ca\u9023\u7d50\u3002\" class=\"alignnone size-full wp-image-20185\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-1536x699.png 1536w\" width=\"1917\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMfrZq0Ytl055Na3+ye1usgq6uXc3L3fOeTe56sX3zi72dNQpO0WGZxaWJOQoBiUWJKZnpuQpPdux+vm3T89UzY4EGJOdkJmcrOCpkFKWmKShllJQUFFvp65eXl+uVgbXpFkC16SXn5yopKL1sWPBixSoFnGYqAQAijEbx\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph LR \r\nA[\u6aa2\u8996\u6587\u4ef6] --&gt;|\u9ede\u64ca\u8df3\u8f49| B[Visual Paradigm \u4e3b\u7db2\u7ad9] \r\nclick A href \"https:\/\/www.visual-paradigm.com\" \"\u9020\u8a2a Visual Paradigm \u4e3b\u7db2\u7ad9\"\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMfrZq0Ytl055Na3+ye1usgq6uXc3L3fOeTe56sX3zi72dNQpO0WGZxaWJOQoBiUWJKZnpuQpPdux+vm3T89UzY4EGJOdkJmcrOCpkFKWmKShllJQUFFvp65eXl+uVgbXpFkC16SXn5yopKL1sWPBixSoFnGYqAQAijEbx\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>8. AI \u9a45\u52d5\u5de5\u4f5c\u6d41\u7a0b\uff1aVP AI \u804a\u5929\u6a5f\u5668\u4eba\u8207 VPasCode \u5be6\u6230\u61c9\u7528<\/h2>\n<p>\u9019\u662f\u6211\u6700\u60f3\u5206\u4eab\u7684\u90e8\u5206\u3002<strong>Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba<\/strong> \u7d50\u5408 <strong>VPasCode<\/strong> \u5df2\u5fb9\u5e95\u6539\u8b8a\u6211\u5011\u5efa\u7acb\u5716\u8868\u7684\u65b9\u5f0f\u3002<\/p>\n<h3>8.1 \u6838\u5fc3\u512a\u52e2<\/h3>\n<ol>\n<li>\n<p><strong>\u81ea\u7136\u8a9e\u8a00\u751f\u6210<\/strong>: \u53ea\u9700\u63cf\u8ff0\u9700\u6c42\uff0cAI \u5373\u53ef\u81ea\u52d5\u751f\u6210 Mermaid \u7a0b\u5f0f\u78bc\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u96d9\u5411\u8f49\u63db<\/strong>: \u5c07\u73fe\u6709\u7684 GUI \u5716\u8868\u8f49\u63db\u70ba\u7a0b\u5f0f\u78bc\uff0c\u6216\u5c07\u7a0b\u5f0f\u78bc\u6e32\u67d3\u70ba GUI \u4ee5\u9032\u884c\u5fae\u8abf\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u667a\u6167\u9a57\u8b49<\/strong>: \u81ea\u52d5\u5075\u6e2c\u8a9e\u6cd5\u932f\u8aa4\u4e26\u63d0\u4f9b\u4fee\u6b63\u5efa\u8b70\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u591a\u683c\u5f0f\u532f\u51fa<\/strong>: \u4e00\u9375\u532f\u51fa\u70ba PNG\u3001SVG\u3001PDF\uff0c\u65b9\u4fbf\u5d4c\u5165\u7c21\u5831\u6216\u5831\u544a\u4e2d\u3002<\/p>\n<\/li>\n<\/ol>\n<h3>8.2 \u5be6\u7528\u5de5\u4f5c\u6d41\u7a0b\u793a\u7bc4<\/h3>\n<p><strong>\u6b65\u9a5f 1\uff1a\u4ee5\u81ea\u7136\u8a9e\u8a00\u63cf\u8ff0\u9700\u6c42<\/strong><\/p>\n<blockquote>\n<p><em>\u6211\u8f38\u5165\u81f3 VP AI \u804a\u5929\u6a5f\u5668\u4eba\uff1a<\/em><br \/>\n\u300c\u6211\u9700\u8981\u4e00\u500b OAuth2 \u4f7f\u7528\u8005\u9a57\u8b49\u6d41\u7a0b\u7684\u5e8f\u5217\u5716\uff0c\u5305\u542b\u4f7f\u7528\u8005\u3001\u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\u3001\u9a57\u8b49\u4f3a\u670d\u5668\u8207\u8cc7\u6e90\u4f3a\u670d\u5668\u3002\u300d<\/p>\n<\/blockquote>\n<p><strong>\u6b65\u9a5f 2\uff1aAI \u751f\u6210\u521d\u59cb\u7a0b\u5f0f\u78bc<\/strong><br \/>\n<em>AI \u5feb\u901f\u751f\u6210\u4ee5\u4e0b Mermaid \u7a0b\u5f0f\u78bc\uff1a<br \/>\n<\/em><\/p>\n<p id=\"dgYigOg\"><img alt=\"Mermaid \u5e8f\u5217\u5716\u8aaa\u660e\u4f7f\u7528\u8005\u3001\u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\u3001\u9a57\u8b49\u4f3a\u670d\u5668\u8207\u8cc7\u6e90\u4f3a\u670d\u5668\u4e4b\u9593\u7684 OAuth2 \u4f7f\u7528\u8005\u9a57\u8b49\u6d41\u7a0b\u3002\" class=\"alignnone size-full wp-image-20184\" decoding=\"async\" height=\"711\" loading=\"lazy\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6.png 878w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6-300x243.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6-768x622.png 768w\" width=\"878\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTi0sTc1LTnXJTEwvSszl5VIAgoLEopLM5MyCxLwShSd79z+fsuJFQyum1NN1i551bHu+ev2z9k6gmucrup\/u6cdU9qyv49marid7dj2b0\/t05gpMBS82tz\/bNQFNAYSE265rZ4fVuvd7Zj2fuftp69IXq7ufbWyC6MKqEmgCmkuAeiEiyHrR1OgCtcEdAdTwcuH650t2Qax8uaDx5dxFmA7FtObFnh1A9c\/aJr5Y24nTGlz+ezp73tOmzRANzxftIdWLEM8BBZ\/NnUam3U\/XznjaPw3ZCFzWo0UlyIQd2yAan89qUXAM8FRADmw05YRdAtIwbSY+N2CNL4g2ALy+t10=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">sequenceDiagram\r\n    participant \u4f7f\u7528\u8005\r\n    participant \u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\r\n    participant \u6388\u6b0a\u4f3a\u670d\u5668\r\n    participant \u8cc7\u6e90\u4f3a\u670d\u5668\r\n    \r\n    \u4f7f\u7528\u8005-&gt;&gt;\u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\uff1a\u767b\u5165\u8acb\u6c42\r\n    \u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f-&gt;&gt;\u6388\u6b0a\u4f3a\u670d\u5668\uff1a\u6388\u6b0a\u8acb\u6c42\r\n    \u6388\u6b0a\u4f3a\u670d\u5668--&gt;&gt;\u4f7f\u7528\u8005\uff1a\u986f\u793a\u767b\u5165\u9801\u9762\r\n    \u4f7f\u7528\u8005-&gt;&gt;\u6388\u6b0a\u4f3a\u670d\u5668\uff1a\u8f38\u5165\u6191\u8b49\r\n    \u6388\u6b0a\u4f3a\u670d\u5668--&gt;&gt;\u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\uff1a\u56de\u50b3\u6388\u6b0a\u78bc\r\n    \u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f-&gt;&gt;\u6388\u6b0a\u4f3a\u670d\u5668\uff1a\u8acb\u6c42\u6b0a\u6756\r\n    \u6388\u6b0a\u4f3a\u670d\u5668--&gt;&gt;\u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\uff1a\u56de\u50b3\u5b58\u53d6\u6b0a\u6756\r\n    \u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f-&gt;&gt;\u8cc7\u6e90\u4f3a\u670d\u5668\uff1a\u5e36\u6b0a\u6756\u7684 API \u8acb\u6c42\r\n    \u8cc7\u6e90\u4f3a\u670d\u5668--&gt;&gt;\u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f\uff1a\u56de\u50b3\u8cc7\u6599\r\n    \u5ba2\u6236\u7aef\u61c9\u7528\u7a0b\u5f0f--&gt;&gt;\u4f7f\u7528\u8005\uff1a\u986f\u793a\u8cc7\u6599\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTi0sTc1LTnXJTEwvSszl5VIAgoLEopLM5MyCxLwShSd79z+fsuJFQyum1NN1i551bHu+ev2z9k6gmucrup\/u6cdU9qyv49marid7dj2b0\/t05gpMBS82tz\/bNQFNAYSE265rZ4fVuvd7Zj2fuftp69IXq7ufbWyC6MKqEmgCmkuAeiEiyHrR1OgCtcEdAdTwcuH650t2Qax8uaDx5dxFmA7FtObFnh1A9c\/aJr5Y24nTGlz+ezp73tOmzRANzxftIdWLEM8BBZ\/NnUam3U\/XznjaPw3ZCFzWo0UlyIQd2yAan89qUXAM8FRADmw05YRdAtIwbSY+N2CNL4g2ALy+t10=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u6b65\u9a5f 3\uff1a\u8fed\u4ee3\u512a\u5316<\/strong><\/p>\n<blockquote>\n<p><em>\u6211\u5f8c\u7e8c\u8ddf\u9032\uff1a<\/em><br \/>\n\u300c\u8acb\u70ba\u300e\u6191\u8b49\u7121\u6548\u300f\u65b0\u589e\u932f\u8aa4\u8655\u7406\u5206\u652f\u3002\u300d<\/p>\n<\/blockquote>\n<p><em>AI \u66f4\u65b0\u7a0b\u5f0f\u78bc\uff0c\u52a0\u5165\u689d\u4ef6\u908f\u8f2f\u3002<\/em><\/p>\n<p><strong>\u6b65\u9a5f 4\uff1a\u532f\u51fa\u8207\u6574\u5408<\/strong><br \/>\n\u4f7f\u7528 VPasCode \u5c07\u6700\u7d42\u7a0b\u5f0f\u78bc\u532f\u51fa\u70ba\u9ad8\u89e3\u6790\u5ea6 SVG\uff0c\u4e26\u5d4c\u5165\u6211\u7684\u7522\u54c1\u9700\u6c42\u6587\u4ef6\uff08PRD\uff09\u3002\u540c\u6642\uff0c\u5c07<code data-backticks=\"1\">.mmd<\/code>\u539f\u59cb\u6a94\u6848\u63d0\u4ea4\u81f3 Git \u5132\u5b58\u5eab\uff0c\u4ee5\u78ba\u4fdd\u5176\u4ed6\u5718\u968a\u6210\u54e1\u53ef\u4ee5\u8ffd\u8e64\u4e26\u4fee\u6539\u5b83\u3002<\/p>\n<h3>8.3 \u7d9c\u5408\u6848\u4f8b\uff1a\u7522\u54c1\u7ba1\u7406\u5de5\u4f5c\u6d41\u7a0b<\/h3>\n<p>\u4ee5\u4e0b\u662f\u4f7f\u7528 AI \u5354\u52a9\u751f\u6210\u7684\u5b8c\u6574\u7522\u54c1\u751f\u547d\u9031\u671f\u6d41\u7a0b\u5716\uff1a<\/p>\n<p id=\"UGlMfDd\"><img alt=\"\u5782\u76f4\u6d41\u7a0b\u5716\u986f\u793a\u7522\u54c1\u751f\u547d\u9031\u671f\u968e\u6bb5\uff1a\u767c\u73fe\u3001\u898f\u5283\u3001\u57f7\u884c\u8207\u56de\u994b\u5faa\u74b0\u3002\" class=\"alignnone size-full wp-image-20183\" decoding=\"async\" height=\"1621\" loading=\"lazy\" sizes=\"auto, (max-width: 387px) 100vw, 387px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d522c3d857.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d522c3d857.png 387w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d522c3d857-367x1536.png 367w\" width=\"387\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkktLMlEYx\/dB32GgbcEMFGGLIFO7R4t2hxaOnTFJxlCL2tlFnV6tpCzQzDRIvHSlUrGyD5PnMt+iPFN6fBE6q2F+v+d5\/mfmcXrtayvCorm3R\/g+vnXZyV5YXD6HZwN6t8BnIIoPr8jzlZ48xHcvn4GDJcNtnjGAqjso80wycVIoLwkDA6OCGTTeP0g8TwNBmi\/SUpjzzcwYB6RUJtot0kI4HePwOMMWgE6P9GwU3SVJvfCDobpsPPwXdMFtV1WX6mzmpLkj9G+3W04La2wF6LVGShFauSeVJEqdcYaVGTZgDNVTAfy4w2EbwxMA7RVRUKOJUxILoXqQ1nONWkTPBP9Iad2EjnW\/y6M2Y6LLCs1Gu8WcYFMmAc1eIK1mXIfDkwxPAf0sQhJvHJhiYBrg6g0t5KgWRifb9KnY+Ligt\/ucN828GfBdjaq7f2S2Qbgs2x2rLPJ5Wr+OoHqRHD90Rp5hLWcBjpf18xCOhnE+weFZhufaK2F04ow5ZswDYxnISwynUxyeZ3ise1T\/lhu2V1VQXG73SB+UlCFF6ff5vZ5VONInSkPDJpkv+F2ZH19RlEEotXyTPGwXJd5v\/bz2AIUrECWT3Fnw++VaA6DUMUCUROkLRSxMcA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TB\r\n    subgraph Discovery[\u300c\u63a2\u7d22\u968e\u6bb5\u300d]\r\n        A[\u5e02\u5834\u7814\u7a76] --&gt; B[\u4f7f\u7528\u8005\u8a2a\u8ac7]\r\n        B --&gt; C[\u7af6\u722d\u5206\u6790]\r\n        C --&gt; D[\u554f\u984c\u5b9a\u7fa9]\r\n    end\r\n    \r\n    subgraph Planning[\u300c\u898f\u5283\u968e\u6bb5\u300d]\r\n        D --&gt; E[\u5efa\u7acb\u8def\u7dda\u5716]\r\n        E --&gt; F[\u5b9a\u7fa9\u9700\u6c42]\r\n        F --&gt; G[\u512a\u5148\u8655\u7406\u5f85\u8fa6\u4e8b\u9805]\r\n    end\r\n    \r\n    subgraph Execution[\u300c\u57f7\u884c\u968e\u6bb5\u300d]\r\n        G --&gt; H[\u885d\u523a\u898f\u5283]\r\n        H --&gt; I[\u958b\u767c]\r\n        I --&gt; J[\u6e2c\u8a66\u8207\u54c1\u8cea\u4fdd\u8b49]\r\n        J --&gt; K[\u767c\u5e03]\r\n    end\r\n    \r\n    subgraph Feedback[\u300c\u56de\u994b\u5faa\u74b0\u300d]\r\n        K --&gt; L[\u6536\u96c6\u6307\u6a19]\r\n        L --&gt; M[\u4f7f\u7528\u8005\u56de\u994b]\r\n        M --&gt; N[\u5206\u6790\u7d50\u679c]\r\n        N --&gt; A\r\n    end\r\n    \r\n    style Discovery fill:#e1f5ff,stroke:#01579b\r\n    style Planning fill:#fff4e1,stroke:#9b7a01\r\n    style Execution fill:#e1ffe1,stroke:#019b01\r\n    style Feedback fill:#ffe1e1,stroke:#9b0101\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkktLMlEYx\/dB32GgbcEMFGGLIFO7R4t2hxaOnTFJxlCL2tlFnV6tpCzQzDRIvHSlUrGyD5PnMt+iPFN6fBE6q2F+v+d5\/mfmcXrtayvCorm3R\/g+vnXZyV5YXD6HZwN6t8BnIIoPr8jzlZ48xHcvn4GDJcNtnjGAqjso80wycVIoLwkDA6OCGTTeP0g8TwNBmi\/SUpjzzcwYB6RUJtot0kI4HePwOMMWgE6P9GwU3SVJvfCDobpsPPwXdMFtV1WX6mzmpLkj9G+3W04La2wF6LVGShFauSeVJEqdcYaVGTZgDNVTAfy4w2EbwxMA7RVRUKOJUxILoXqQ1nONWkTPBP9Iad2EjnW\/y6M2Y6LLCs1Gu8WcYFMmAc1eIK1mXIfDkwxPAf0sQhJvHJhiYBrg6g0t5KgWRifb9KnY+Ligt\/ucN828GfBdjaq7f2S2Qbgs2x2rLPJ5Wr+OoHqRHD90Rp5hLWcBjpf18xCOhnE+weFZhufaK2F04ow5ZswDYxnISwynUxyeZ3ise1T\/lhu2V1VQXG73SB+UlCFF6ff5vZ5VONInSkPDJpkv+F2ZH19RlEEotXyTPGwXJd5v\/bz2AIUrECWT3Fnw++VaA6DUMUCUROkLRSxMcA==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>8.4 \u4f7f\u7528\u6280\u5de7<\/h3>\n<ul>\n<li>\n<p><strong>\u4fdd\u6301\u5177\u9ad4<\/strong>: \u60a8\u5c0d AI \u7684\u63d0\u793a\u8d8a\u8a73\u7d30\uff08\u5305\u542b\u7bc0\u9ede\u540d\u7a31\u3001\u95dc\u4fc2\u985e\u578b\uff09\uff0c\u751f\u6210\u7684\u7a0b\u5f0f\u78bc\u5c31\u8d8a\u6e96\u78ba\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5c0f\u6b65\u9a5f<\/strong>: \u5148\u751f\u6210\u9aa8\u67b6\uff0c\u518d\u9010\u6b65\u6dfb\u52a0\u7d30\u7bc0\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5584\u7528\u7bc4\u672c<\/strong>: VP \u5167\u5efa\u8a31\u591a\u7b26\u5408\u7522\u696d\u6a19\u6e96\u7684\u7bc4\u672c\uff0c\u53ef\u76f4\u63a5\u91cd\u8907\u4f7f\u7528\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u65e9\u671f\u9a57\u8b49<\/strong>: \u5728\u9032\u884c\u5927\u898f\u6a21\u4fee\u6539\u524d\uff0c\u8acb\u8b93 AI \u6aa2\u67e5\u8a9e\u6cd5\u5408\u6cd5\u6027\u3002<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>9. \u6700\u4f73\u5be6\u8e10\uff1a\u907f\u514d\u9677\u9631\u7684\u5efa\u8b70<\/h2>\n<p>\u6839\u64da\u6211\u7684\u7d93\u9a57\uff0c\u9019\u88e1\u6709\u5e7e\u9805\u5efa\u8b70\uff1a<\/p>\n<h3>9.1 \u547d\u540d\u898f\u7bc4<\/h3>\n<ul>\n<li>\n<p><strong>\u6709\u610f\u7fa9\u7684 ID<\/strong>\uff1a\u5617\u8a66\u4f7f\u7528<code data-backticks=\"1\">Start<\/code>,\u00a0<code data-backticks=\"1\">Process<\/code>,\u00a0<code data-backticks=\"1\">End<\/code> \u800c\u975e <code data-backticks=\"1\">A<\/code>,\u00a0<code data-backticks=\"1\">B<\/code>,\u00a0<code data-backticks=\"1\">C<\/code> \u4ee5\u4fbf\u65bc\u7dad\u8b77\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u7c21\u6f54\u6a19\u7c64<\/strong>\uff1a\u4fdd\u6301\u7bc0\u9ede\u6587\u5b57\u7c21\u77ed\uff1b\u907f\u514d\u9577\u6bb5\u843d\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>9.2 \u4f48\u5c40\u512a\u5316<\/h3>\n<ul>\n<li>\n<p><strong>\u9078\u64c7\u6b63\u78ba\u7684\u6d41\u5411<\/strong>\uff1a\u4f7f\u7528<code data-backticks=\"1\">TD<\/code> \u7528\u65bc\u6d41\u7a0b\u5716\uff0c<code data-backticks=\"1\">LR<\/code> \u7528\u65bc\u5e8f\u5217\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u6e1b\u5c11\u4ea4\u53c9<\/strong>\uff1a\u900f\u904e\u8abf\u6574\u7bc0\u9ede\u9806\u5e8f\u6216\u4f7f\u7528\u5b50\u5716\u4f86\u6e1b\u5c11\u7dda\u689d\u96dc\u4e82\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u63a7\u5236\u8907\u96dc\u5ea6<\/strong>\uff1a\u82e5\u55ae\u4e00\u5716\u8868\u8d85\u904e 20 \u500b\u7bc0\u9ede\uff0c\u8acb\u8003\u616e\u5c07\u5176\u62c6\u5206\u70ba\u591a\u500b\u5b50\u5716\u8868\u6216\u9023\u7d50\u5716\u8868\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>9.3 \u7dad\u8b77\u7b56\u7565<\/h3>\n<ul>\n<li>\n<p><strong>Git \u7ba1\u7406<\/strong>: \u52d9\u5fc5\u5305\u542b<code data-backticks=\"1\">.mmd<\/code>\u6a94\u6848\u81f3\u7248\u672c\u63a7\u5236\u7cfb\u7d71\u4e2d\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u6587\u4ef6\u60c5\u5883<\/strong>: \u5728\u7a0b\u5f0f\u78bc\u8a3b\u89e3\u4e2d\u8aaa\u660e\u5716\u8868\u7684\u4e8b\u52d9\u80cc\u666f\u8207\u7bc4\u570d\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5b9a\u671f\u6aa2\u8996<\/strong>: \u96a8\u8457\u7522\u54c1\u8fed\u4ee3\uff0c\u5b9a\u671f\u6aa2\u67e5\u5716\u8868\u662f\u5426\u4ecd\u53cd\u6620\u5be6\u969b\u72c0\u6cc1\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>9.4 \u7121\u969c\u7919\u6027<\/h3>\n<ul>\n<li>\n<p><strong>\u63d0\u4f9b\u66ff\u4ee3\u6587\u5b57<\/strong>: \u70ba\u5716\u8868\u6dfb\u52a0\u8a73\u7d30\u7684\u6587\u5b57\u63cf\u8ff0\uff0c\u4ee5\u5354\u52a9\u8996\u969c\u4f7f\u7528\u8005\u6216\u6587\u5b57\u6717\u8b80\u5de5\u5177\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u8272\u5f69\u5c0d\u6bd4<\/strong>: \u78ba\u4fdd\u6a23\u5f0f\u8272\u5f69\u5177\u6709\u8db3\u5920\u7684\u5c0d\u6bd4\u5ea6\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>9.5 \u5718\u968a\u5354\u4f5c<\/h3>\n<ul>\n<li>\n<p><strong>\u5206\u4eab\u539f\u59cb\u78bc<\/strong>: \u4e0d\u50c5\u50c5\u5206\u4eab\u5716\u7247\uff0c\u4e5f\u8981\u5206\u4eab\u539f\u59cb\u6a94\u6848\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u7d71\u4e00\u98a8\u683c<\/strong>: \u5718\u968a\u5167\u5c31\u914d\u8272\u65b9\u6848\u8207\u547d\u540d\u6163\u4f8b\u9054\u6210\u5171\u8b58\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u7a0b\u5f0f\u78bc\u5be9\u67e5<\/strong>: \u5c07\u5716\u8868\u7a0b\u5f0f\u78bc\u7684\u8b8a\u66f4\u7d0d\u5165\u62c9\u53d6\u8acb\u6c42\uff08PR\uff09\u5be9\u67e5\u6d41\u7a0b\u3002<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>10. \u5b8c\u6574\u6848\u4f8b\u7814\u7a76<\/h2>\n<h3>\u6848\u4f8b 1\uff1a\u654f\u6377\u885d\u7a0b\u5de5\u4f5c\u6d41<\/h3>\n<p id=\"EIKoJTD\"><img alt=\"Mermaid \u5716\u5f62\u8aaa\u660e\u654f\u6377\u885d\u7a0b\u5de5\u4f5c\u6d41\u7a0b\uff0c\u5305\u542b\u885d\u7a0b\u898f\u5283\u3001\u6bcf\u65e5\u5de5\u4f5c\u8207\u5be9\u67e5\u8207\u56de\u9867\u968e\u6bb5\u3002\" class=\"alignnone size-full wp-image-20182\" decoding=\"async\" height=\"200\" loading=\"lazy\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330.png 2560w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-300x23.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-1024x80.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-768x60.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-1536x120.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-2048x160.png 2048w\" width=\"2560\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9kj9PwzAQxXc+xSlIbN1AIAaktvnTtAyoRWKwOrjxJbXq2JHjBvXb41wCDhXCS2y\/ny\/vnV1Z3hzhdXsDfrTnQ0XrXWOldm+Kay11xaJhDd8b0Z7wfszZFjuJn7DgxUmZag+z2QssWNI6WXOHsHPGSmzDiQURS7Y0dS0dODP+DTLD1YChFvT9bSrmUl0+jD2xiKbQzydWllQ4ZoO4c1yLcxPkmOSExdihMk2N2gUxITH1pgTCkCiIKYkZe0cfSlf\/eRyOsmhsyp3fcNZMTGZUa+Vd1Ea3zvYt6nMEYkVEzjLujmghRRQH39sA5ASsGZVuGyyc7DDIa5I3LBc+oSwvkNeNNR32gds\/vG+In0\/CuIvCqycApVTq+bYo8KEsJ9TPnYyAuEch+AQYGzGo5ZN4FPwLzNqz1g==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph LR\n    subgraph SprintPlanning[\"Sprint Planning\"]\n        A[Review Backlog] --&gt; B[Estimate Stories]\n        B --&gt; C[Commit to Sprint Goal]\n    end\n    \n    subgraph DailyWork[\"Daily Work\"]\n        C --&gt; D[Daily Standup]\n        D --&gt; E[Development]\n        E --&gt; F[Code Review]\n        F --&gt; G[Testing]\n    end\n    \n    subgraph Review[\"Review &amp; Retro\"]\n        G --&gt; H[Demonstrate Work]\n        H --&gt; I[Gather Feedback]\n        I --&gt; J[Retrospective]\n        J --&gt; K[Identify Improvements]\n    end\n    \n    K --&gt; A\n    \n    style SprintPlanning fill:#cce5ff\n    style DailyWork fill:#d4edda\n    style Review fill:#f8d7da\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9kj9PwzAQxXc+xSlIbN1AIAaktvnTtAyoRWKwOrjxJbXq2JHjBvXb41wCDhXCS2y\/ny\/vnV1Z3hzhdXsDfrTnQ0XrXWOldm+Kay11xaJhDd8b0Z7wfszZFjuJn7DgxUmZag+z2QssWNI6WXOHsHPGSmzDiQURS7Y0dS0dODP+DTLD1YChFvT9bSrmUl0+jD2xiKbQzydWllQ4ZoO4c1yLcxPkmOSExdihMk2N2gUxITH1pgTCkCiIKYkZe0cfSlf\/eRyOsmhsyp3fcNZMTGZUa+Vd1Ea3zvYt6nMEYkVEzjLujmghRRQH39sA5ASsGZVuGyyc7DDIa5I3LBc+oSwvkNeNNR32gds\/vG+In0\/CuIvCqycApVTq+bYo8KEsJ9TPnYyAuEch+AQYGzGo5ZN4FPwLzNqz1g==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u6848\u4f8b 2\uff1a\u5fae\u670d\u52d9\u67b6\u69cb\u6982\u89bd<\/h3>\n<p id=\"mYEhBIm\"><img alt=\"\u5716\u5f62\u986f\u793a\u5fae\u670d\u52d9\u67b6\u69cb\uff0c\u5305\u542b API \u9598\u9053\u3001\u8a02\u55ae\u3001\u4ed8\u6b3e\u3001\u4f7f\u7528\u8005\u3001\u9a57\u8b49\u8207\u901a\u77e5\u670d\u52d9\uff0c\u4e26\u9023\u63a5\u81f3\u57fa\u790e\u8a2d\u65bd\u3002\" class=\"alignnone size-full wp-image-20181\" decoding=\"async\" height=\"629\" loading=\"lazy\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8.png 1003w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8-300x188.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8-768x482.png 768w\" width=\"1003\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TB\r\n    Client[Web\/Mobile Client]\r\n    \r\n    subgraph APIGateway[\"API Gateway\"]\r\n        GW[API Gateway]\r\n    end\r\n    \r\n    subgraph Services[\"Microservices\"]\r\n        Auth[Auth Service]\r\n        User[User Service]\r\n        Order[Order Service]\r\n        Payment[Payment Service]\r\n        Notification[Notification Service]\r\n    end\r\n    \r\n    subgraph Infrastructure[\"Infrastructure\"]\r\n        DB[(Database)]\r\n        Cache[(Redis Cache)]\r\n        Queue[Message Queue]\r\n    end\r\n    \r\n    Client --&gt; GW\r\n    GW --&gt; Auth\r\n    GW --&gt; User\r\n    GW --&gt; Order\r\n    Order --&gt; Payment\r\n    Order --&gt; Queue\r\n    Queue --&gt; Notification\r\n    \r\n    Auth --&gt; DB\r\n    User --&gt; DB\r\n    User --&gt; Cache\r\n    Order --&gt; DB\r\n    Payment --&gt; DB\r\n    \r\n    style APIGateway fill:#ffd700\r\n    style Services fill:#87ceeb\r\n    style Infrastructure fill:#98fb98\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u6848\u4f8b 3\uff1a\u529f\u80fd\u512a\u5148\u7d1a\u6c7a\u7b56\u6a39<\/h3>\n<p id=\"qKbzBOw\"><img alt=\"\u529f\u80fd\u512a\u5148\u7d1a\u6c7a\u7b56\u6a39\u5716\u5f62\uff0c\u8a55\u4f30\u5f71\u97ff\u3001\u53ef\u884c\u6027\u3001\u8cc7\u6e90\u8207\u4e00\u81f4\u6027\u3002\" class=\"alignnone size-full wp-image-20179\" decoding=\"async\" height=\"1168\" loading=\"lazy\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021.png 831w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021-213x300.png 213w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021-729x1024.png 729w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021-768x1079.png 768w\" width=\"831\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">graph TD\r\n    Start{New Feature Request}\r\n    \r\n    Start --&gt;|High Impact| A{Technical Feasibility}\r\n    Start --&gt;|Low Impact| Reject[Reject or Low Priority]\r\n    \r\n    A --&gt;|Feasible| B{Resource Availability}\r\n    A --&gt;|Not Feasible| Research[Research &amp; Prototype]\r\n    \r\n    B --&gt;|Available| C{Strategic Alignment}\r\n    B --&gt;|Not Available| Backlog[Add to Backlog]\r\n    \r\n    C --&gt;|Aligned| Approve[Approve for Roadmap]\r\n    C --&gt;|Not Aligned| Reconsider[Re-evaluate Priority]\r\n    \r\n    Research --&gt; A\r\n    Reconsider --&gt; Start\r\n    \r\n    style Approve fill:#90ee90\r\n    style Reject fill:#ff6b6b\r\n    style Backlog fill:#ffd700\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u5728 VPasCode \u4e2d\u7de8\u8f2f Mermaid<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>\ud83d\udcdd \u7d50\u8ad6<\/h2>\n<p>\u900f\u904e\u9019\u6bb5\u5be6\u8e10\u671f\u9593\uff0c\u6211\u76f8\u4fe1<strong><a href=\"https:\/\/www.visual-paradigm.com\/features\/mermaid-editor\/\">Mermaid<\/a> + <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/\">Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba<\/a> + <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">VPasCode<\/a><\/strong>\u662f\u4e00\u500b\u6975\u5177\u6f5b\u529b\u7684\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n<ul>\n<li>\n<p><strong>\u5c0d\u65bc\u500b\u4eba<\/strong>\uff1a\u5b83\u964d\u4f4e\u4e86\u7e6a\u5716\u9580\u6abb\uff0c\u8b93\u60a8\u80fd\u5c08\u6ce8\u65bc\u908f\u8f2f\u800c\u975e\u7248\u9762\u914d\u7f6e\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5c0d\u65bc\u5718\u968a<\/strong>\uff1a\u5b83\u89e3\u6c7a\u4e86\u6587\u4ef6\u540c\u6b65\u8207\u7248\u672c\u7ba1\u7406\u7684\u554f\u984c\uff0c\u63d0\u5347\u4e86\u5354\u4f5c\u6548\u7387\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5c0d\u65bc\u4f01\u696d<\/strong>\uff1a\u5b83\u5be6\u73fe\u4e86\u77e5\u8b58\u8cc7\u7522\u7684\u7d50\u69cb\u5316\u8207\u81ea\u52d5\u5316\uff0c\u4e26\u8207 DevOps \u53ca\u654f\u6377\u6982\u5ff5\u76f8\u547c\u61c9\u3002<\/p>\n<\/li>\n<\/ul>\n<p>\u5982\u679c\u60a8\u4ecd\u5728\u66f4\u65b0\u67b6\u69cb\u5716\u6642\u9047\u5230\u56f0\u96e3\uff0c\u6216\u5e0c\u671b\u63d0\u5347\u7522\u54c1\u6587\u4ef6\u5c08\u696d\u6027\u8207\u53ef\u7dad\u8b77\u6027\uff0c\u6211\u5f37\u70c8\u5efa\u8b70\u60a8\u5617\u8a66\u6b64\u5de5\u4f5c\u6d41\u7a0b\u3002<\/p>\n<p>\u5e0c\u671b\u6b64\u5206\u4eab\u5c0d\u60a8\u6709\u6240\u5e6b\u52a9\uff01\u82e5\u60a8\u6709\u5177\u9ad4\u7684\u4f7f\u7528\u554f\u984c\uff0c\u6b61\u8fce\u96a8\u6642\u8207\u6211\u806f\u7e6b\u3002<\/p>\n<p class=\"\"><em>(\u8a3b\uff1a\u672c\u6587\u4e2d\u7684\u6240\u6709 Mermaid \u7a0b\u5f0f\u78bc\u5747\u53ef\u5728 Visual Paradigm \u4e2d\u652f\u63f4 Mermaid \u7684 VPasCode \u74b0\u5883\u4e2d\u76f4\u63a5\u6e32\u67d3\u3002)<br \/>\n<\/em><\/p>\n<h2>\u53c3\u8003\u8cc7\u6599<\/h2>\n<div class=\"sc-46jc02-0 fPzQAv\">\n<div class=\"sc-46jc02-1 gNJhWh\">\n<div id=\"editor\">\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<ol>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-chart-generation-create-with-chatbot-edit-with-vpascode\/#content\"><strong>AI \u5716\u8868\u751f\u6210\uff1a\u900f\u904e\u804a\u5929\u6a5f\u5668\u4eba\u5efa\u7acb\uff0c\u4f7f\u7528 VPasCode \u7de8\u8f2f<\/strong><\/a>: \u95dc\u65bc AI \u5716\u8868\u751f\u6210\u5de5\u4f5c\u6d41\u7a0b\u7684\u5b98\u65b9\u767c\u5e03\u8aaa\u660e\uff0c\u652f\u63f4\u900f\u904e\u804a\u5929\u6a5f\u5668\u4eba\u5efa\u7acb\u5716\u8868\uff0c\u4e26\u5728 VPasCode \u4e2d\u76f4\u63a5\u7de8\u8f2f\u4ee5\u9032\u884c\u8cc7\u6599\u8207\u6a23\u5f0f\u7cbe\u7d30\u8abf\u6574\u3002<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/fr\/from-code-to-clarity-a-beginners-guide-to-seamless-diagramming-with-vpascode-and-opendocs\/\"><strong>\u5f9e\u7a0b\u5f0f\u78bc\u5230\u6e05\u6670\uff1a\u4f7f\u7528 VPasCode \u8207 OpenDocs \u5be6\u73fe\u7121\u7e2b\u7e6a\u5716\u7684\u521d\u5b78\u8005\u6307\u5357<\/strong><\/a>: \u4e00\u4efd\u6cd5\u6587\u6559\u7a0b\uff0c\u6db5\u84cb\u5c07\u5716\u8868\u76f4\u63a5\u63a8\u9001\u5230\u6587\u4ef6\u7684 VPasCode \u81f3 OpenDocs \u6d41\u7a0b\uff0c\u4e26\u63d0\u4f9b\u5be6\u7528\u7684 PlantUML \u7bc4\u4f8b\u3002<\/li>\n<li><a href=\"https:\/\/www.cnblogs.com\/uml-tool\/p\/19569737\/visual-paradigm-ai-chatbot-diagram-refinement#1\"><strong>\u7522\u54c1\u8a55\u6e2c\uff1aVisual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u2014\u2014\u958b\u767c\u8005\u5efa\u6a21\u7684\u300cAI \u52a0\u901f\u5668\u300d<\/strong><\/a>: \u4e00\u4efd\u4e2d\u6587\u5be6\u4f5c\u8a55\u6e2c\uff0c\u8a73\u7d30\u8aaa\u660e AI \u804a\u5929\u6a5f\u5668\u4eba\u5982\u4f55\u5f9e\u63d0\u793a\u751f\u6210 UML \u4f7f\u7528\u6848\u4f8b\u5716\uff0c\u4e26\u8655\u7406\u300c<code data-backticks=\"1\">&lt;&lt;include&gt;&gt;<\/code> \u8207 <code data-backticks=\"1\">&lt;&lt;extend&gt;&gt;<\/code> \u95dc\u4fc2\uff0c\u4e26\u652f\u63f4\u8fed\u4ee3\u5f0f\u5c0d\u8a71\u5f0f\u7cbe\u7d30\u8abf\u6574\u3002<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode\uff1a\u514d\u8cbb\u6587\u5b57\u8f49\u5716\u8868\u5de5\u5177\u8207\u5716\u8868\u5373\u7a0b\u5f0f\u78bc\u7de8\u8f2f\u5668<\/strong><\/a>: VPasCode \u7684\u5b98\u65b9\u7522\u54c1\u9801\u9762\uff0c\u5f37\u8abf\u5176\u652f\u63f4 PlantUML\u3001Mermaid \u8207 Graphviz\uff0c\u4ee5\u53ca AI \u9a45\u52d5\u7684\u529f\u80fd\uff0c\u5982\u8a9e\u6cd5\u932f\u8aa4\u4fee\u6b63\u8207\u5716\u8868\u7ffb\u8b6f\u3002<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/tw\/docs\/vpascode-docs\/introduction-getting-started\/60-second-vpascode-quickstart-guide\/\"><strong>60 \u79d2 VPasCode \u5feb\u901f\u5165\u9580\u6307\u5357<\/strong><\/a>: \u4e00\u4efd\u5feb\u901f\u5165\u9580\u6307\u5357\uff0c\u5c55\u793a\u5982\u4f55\u904b\u7528 VPasCode \u7684\u5373\u6642\u9810\u89bd\u8207\u53ef\u5206\u4eab\u7db2\u5740\uff0c\u5728 60 \u79d2\u5167\u5efa\u7acb\u3001\u81ea\u8a02\u4e26\u5206\u4eab\u5716\u8868\u3002<\/li>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/edit-sync-diagrams-ai-chatbot-opendocs-vpascode\/\"><strong>\u7121\u7e2b\u5716\u8868\u751f\u547d\u9031\u671f\u7ba1\u7406\uff1a\u900f\u904e VPasCode \u7de8\u8f2f\u4e26\u540c\u6b65 AI \u804a\u5929\u6a5f\u5668\u4eba\u751f\u6210\u7684\u5716\u8868\u81f3 OpenDocs<\/strong><\/a>: \u5ba3\u5e03\u4e00\u9805\u589e\u5f37\u6d41\u7a0b\uff0c\u4f7f\u7528\u8005\u53ef\u900f\u904e AI \u804a\u5929\u6a5f\u5668\u4eba\u751f\u6210\u5716\u8868\uff0c\u5728 OpenDocs \u4e2d\u8a18\u9304\uff0c\u4e26\u900f\u904e VPasCode \u91cd\u65b0\u7de8\u8f2f\uff0c\u4ee5\u5be6\u73fe\u5b8c\u6574\u7684\u751f\u547d\u9031\u671f\u63a7\u5236\u3002<\/li>\n<li><a href=\"https:\/\/www.go-diagram.com\/mastering-data-flow-diagrams-a-hands-on-review-of-visual-paradigms-ai-powered-dfd-generator\/\"><strong>\u638c\u63e1\u8cc7\u6599\u6d41\u7a0b\u5716\uff1aVisual Paradigm AI \u9a45\u52d5 DFD \u751f\u6210\u5668\u7684\u5be6\u4f5c\u8a55\u6e2c<\/strong><\/a>: \u8a55\u6e2c AI \u804a\u5929\u6a5f\u5668\u4eba\u7684 DFD \u751f\u6210\u80fd\u529b\uff0c\u8457\u91cd\u65bc\u7cfb\u7d71\u908a\u754c\u754c\u5b9a\uff0c\u4ee5\u53ca\u8207 VPasCode \u7684\u6574\u5408\uff0c\u4ee5\u900f\u904e Graphviz \u8a9e\u6cd5\u5be6\u73fe\u5373\u6642\u81ea\u8a02\u3002<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/whats-new-in-vpascode-launch-feature-roundup\/#content\"><strong>VPasCode \u65b0\u529f\u80fd\u4e00\u89bd\u2014\u2014\u767c\u5e03\u529f\u80fd\u5f59\u6574<\/strong><\/a>: \u529f\u80fd\u5f59\u6574\uff0c\u8a73\u7d30\u8aaa\u660e VPasCode \u7684\u591a\u8a9e\u6cd5\u652f\u63f4\u3001AI \u7a0b\u5f0f\u78bc\u932f\u8aa4\u4fee\u6b63\u3001AI \u7ffb\u8b6f\u529f\u80fd\uff0c\u4ee5\u53ca\u8207 Visual Paradigm OpenDocs \u7684\u6574\u5408\u4ee5\u7528\u65bc\u6587\u4ef6\u7ba1\u7406\u3002<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#content\"><strong>\u900f\u904e OpenDocs \u7121\u7e2b\u9023\u7d50\u5716\u8868\u8207\u6587\u4ef6<\/strong><\/a>: \u4e00\u7bc7\u6587\u7ae0\u8aaa\u660e VPasCode \u5982\u4f55\u4f5c\u70ba\u901a\u5f80 OpenDocs \u7684\u6a4b\u6a11\uff0c\u5c07\u975c\u614b\u5716\u8868\u8f49\u5316\u70ba\u52d5\u614b\u6587\u4ef6\u8cc7\u7522\uff0c\u4e26\u89e3\u6c7a\u300c\u6587\u4ef6\u8150\u5316\u300d\u554f\u984c\u3002<\/li>\n<li><a href=\"https:\/\/www.cnblogs.com\/uml-tool\/p\/22514491\/DFD-top-down-decomposition-visual-paradigm-tool-with-ai-chatbot-vpascode-features#commentform#1\"><strong>\u5be6\u4f5c\u8a55\u6e2c\uff1a\u904b\u7528 Visual Paradigm + VPasCode \u9032\u884c AI \u8f14\u52a9 DFD \u7531\u4e0a\u800c\u4e0b\u5206\u89e3<\/strong><\/a>: \u4e00\u4f4d\u4f7f\u7528\u8005\u7684\u7d93\u9a57\u5206\u4eab\uff08\u4e2d\u6587\uff09\uff0c\u63cf\u8ff0\u5982\u4f55\u5c07 AI \u804a\u5929\u6a5f\u5668\u4eba\u4f5c\u70ba\u300c\u500b\u4eba DFD \u6559\u7df4\u300d\u9032\u884c\u7531\u4e0a\u800c\u4e0b\u5206\u89e3\uff0c\u4e26\u4f7f\u7528 VPasCode \u7de8\u8f2f\u8207\u7cbe\u7d30\u5316\u5716\u8868\u3002<\/li>\n<li><a href=\"https:\/\/blog.51cto.com\/u_13102515\/14841078#1\"><strong>\u6df1\u5ea6\u8a55\u6e2c\uff1aVPasCode \u642d\u914d Apache ECharts \u8207 AI\u2014\u2014\u544a\u5225\u62d6\u653e\u64cd\u4f5c<\/strong><\/a>: \u4e00\u4f4d\u958b\u767c\u8005\u7684\u8a55\u6e2c\uff08\u4e2d\u6587\uff09\uff0c\u5c55\u793a VPasCode \u5982\u4f55\u5c07\u5716\u8868\u5373\u7a0b\u5f0f\u78bc\u8207 AI \u6574\u5408\uff0c\u751f\u6210 ECharts \u5100\u8868\u677f\u8207 PlantUML \u5716\u8868\uff0c\u4e26\u63d0\u4f9b\u4e94\u6b65\u9a5f\u5165\u9580\u6307\u5357\u3002<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"sc-afr2nh-0 sc-97fke2-1 jmpjbl hkyNvy\">\n<div class=\"sc-97fke2-2 geHObL\">\n<h3 id=\"packages\"><\/h3>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2014\u2014 \u8207 Visual Paradigm<\/p>\n","protected":false},"author":11,"featured_media":11182,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[117],"tags":[],"class_list":["post-11181","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d - IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d - IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2\" \/>\n<meta property=\"og:description\" content=\"\u2014\u2014 \u8207 Visual Paradigm\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T07:50:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:26:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"572\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d\",\"datePublished\":\"2026-08-25T07:50:31+00:00\",\"dateModified\":\"2026-09-03T15:26:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\"},\"wordCount\":321,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png\",\"articleSection\":[\"VPasCode\"],\"inLanguage\":\"zh-TW\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\",\"url\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\",\"name\":\"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d - IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png\",\"datePublished\":\"2026-08-25T07:50:31+00:00\",\"dateModified\":\"2026-09-03T15:26:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/tw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/tw\/\",\"name\":\"IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2\",\"description\":\"\u805a\u7126\u8cc7\u8a0a\u79d1\u6280\u5167\u5bb9\u9818\u57df\u6700\u524d\u6cbf\u8cc7\u8a0a\uff0c\u7db2\u7d61\u7cbe\u83ef\uff0c\u5fc3\u5f97\u4ea4\u6d41\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/tw\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/tw\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d - IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","og_locale":"zh_TW","og_type":"article","og_title":"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d - IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2","og_description":"\u2014\u2014 \u8207 Visual Paradigm","og_url":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","og_site_name":"IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2","article_published_time":"2026-08-25T07:50:31+00:00","article_modified_time":"2026-09-03T15:26:01+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png","type":"","width":"","height":""},{"width":1024,"height":572,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png","twitter_misc":{"\u4f5c\u8005:":"curtis","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"12 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d","datePublished":"2026-08-25T07:50:31+00:00","dateModified":"2026-09-03T15:26:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"},"wordCount":321,"image":{"@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png","articleSection":["VPasCode"],"inLanguage":"zh-TW"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","url":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","name":"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d - IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/tw\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png","datePublished":"2026-08-25T07:50:31+00:00","dateModified":"2026-09-03T15:26:01+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage","url":"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png","contentUrl":"https:\/\/www.cybermedian.com\/tw\/wp-content\/uploads\/sites\/5\/2026\/08\/img_6a8d4f60c67dd.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/tw\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/tw\/"},{"@type":"ListItem","position":2,"name":"\u6df1\u5ea6\u8a55\u6e2c\uff1a\u4f7f\u7528 VPasCode \u642d\u914d Mermaid \u5be6\u73fe\u300c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u300d"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/tw\/#website","url":"https:\/\/www.cybermedian.com\/tw\/","name":"IT \u89c0\u5bdf\u8005\u96a8\u7b46 - \u8cc7\u8a0a\u79d1\u6280\u535a\u5ba2","description":"\u805a\u7126\u8cc7\u8a0a\u79d1\u6280\u5167\u5bb9\u9818\u57df\u6700\u524d\u6cbf\u8cc7\u8a0a\uff0c\u7db2\u7d61\u7cbe\u83ef\uff0c\u5fc3\u5f97\u4ea4\u6d41","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.cybermedian.com\/tw\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/tw\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/posts\/11181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/comments?post=11181"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/posts\/11181\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/media\/11182"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/media?parent=11181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/categories?post=11181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/tw\/wp-json\/wp\/v2\/tags?post=11181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}