{"id":370,"date":"2026-08-21T07:04:19","date_gmt":"2026-08-21T07:04:19","guid":{"rendered":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/"},"modified":"2026-09-04T10:48:35","modified_gmt":"2026-09-04T10:48:35","slug":"mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide","status":"publish","type":"post","link":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/","title":{"rendered":"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357"},"content":{"rendered":"<h2>\u7c21\u4ecb<\/h2>\n<p>\u8edf\u9ad4\u67b6\u69cb\u5e38\u88ab\u63cf\u8ff0\u70ba\u7cfb\u7d71\u7684\u300c\u85cd\u5716\u300d\uff0c\u4f46\u5c0d\u8a31\u591a\u521d\u5b78\u8005\u800c\u8a00\uff0c\u5c07\u62bd\u8c61\u9700\u6c42\u8f49\u5316\u70ba\u5177\u9ad4\u4e14\u53ef\u6e9d\u901a\u7684\u5716\u8868\uff0c\u4ecd\u662f\u4e00\u9805\u91cd\u5927\u6311\u6230\u3002<a href=\"https:\/\/www.visual-paradigm.com\/guide\/what-is-the-c4-model-a-comprehensive-guide-to-visualizing-software-architecture\/\">C4 \u6a21\u578b\uff08\u60c5\u5883\u3001\u5bb9\u5668\u3001\u7d44\u4ef6\u8207\u7a0b\u5f0f\u78bc\uff09<\/a>\u5df2\u6210\u70ba\u8edf\u9ad4\u67b6\u69cb\u8996\u89ba\u5316\u7684\u7522\u696d\u6a19\u6e96\uff0c\u56e0\u70ba\u5b83\u5c07\u67b6\u69cb\u5716\u8996\u70ba\u5730\u5716\uff1a\u5f9e\u9ad8\u5c64\u7d1a\u7684\u570b\u5bb6\u6982\u89bd\u7e2e\u653e\u81f3\u8857\u666f\u7d1a\u5225\u7684\u7d30\u7bc0\u3002\u7136\u800c\uff0c\u5b78\u7fd2\u5176\u8a18\u865f\u4e26\u624b\u52d5\u69cb\u5efa\u9019\u4e9b\u5716\u8868\u53ef\u80fd\u4ee4\u4eba\u671b\u800c\u751f\u754f\u3002<\/p>\n<p>\u9019\u6b63\u662f<a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/\"><strong>Visual Paradigm \u7684 AI \u804a\u5929\u6a5f\u5668\u4eba<\/strong><\/a>\u6539\u8b8a\u4e86\u904a\u6232\u898f\u5247\u3002\u900f\u904e\u5c07\u751f\u6210\u5f0f AI \u76f4\u63a5\u6574\u5408\u81f3\u5efa\u6a21\u74b0\u5883\u4e2d\uff0c\u521d\u5b78\u8005\u53ef\u4ee5\u8df3\u904e\u62d6\u653e\u5f0f\u5efa\u6a21\u9661\u5ced\u7684\u5b78\u7fd2\u66f2\u7dda\uff0c\u6539\u4ee5\u81ea\u7136\u8a9e\u8a00\u63cf\u8ff0\u5176\u7cfb\u7d71\uff0c\u9032\u800c\u751f\u6210\u6e96\u78ba\u3001\u5206\u5c64\u7684 C4 \u5716\u8868\u3002<a href=\"https:\/\/online.visual-paradigm.com\/diagrams\/features\/c4-model-tool\/\">\u5c64 C4 \u5716\u8868<\/a>\u3002\u95dc\u9375\u7684\u662f\uff0cAI \u6703\u751f\u6210\u6a19\u6e96\u7684<a href=\"https:\/\/www.visual-paradigm.com\/guide\/from-text-to-architecture-the-ultimate-guide-to-plantuml-visual-paradigm-and-ai-driven-uml\/\"><strong>PlantUML\/C4-PlantUML \u7a0b\u5f0f\u78bc<\/strong><\/a>\uff0c\u4f7f\u5716\u8868\u5177\u5099\u7248\u672c\u63a7\u5236\u80fd\u529b\u3001\u53ef\u91cd\u73fe\u6027\u8207\u53ef\u7de8\u8f2f\u6027\u3002<\/p>\n<p id=\"AVucxbN\"><img loading=\"lazy\" alt=\"Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\uff1a\u5f9e\u6982\u5ff5\u5230 C4 \u67b6\u69cb\" class=\"alignnone wp-image-1017 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png\" srcset=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png 1024w, https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa-300x168.png 300w, https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa-768x429.png 768w\" width=\"1024\"\/><\/p>\n<p>\u672c\u5168\u9762\u6307\u5357\u63a2\u8a0e\u5982\u4f55\u904b\u7528 Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u5efa\u7acb C4 \u6a21\u578b\uff0c\u4e26\u4ee5<strong>\u6e56\u7554\u9280\u884c\u7dda\u4e0a\u9280\u884c\u5e73\u53f0<\/strong>\u70ba\u6848\u4f8b\u7814\u7a76\u3002\u6211\u5011\u5c07\u9010\u6b65 walkthrough C4 \u6a21\u578b\u7684\u6bcf\u500b\u5c64\u7d1a\uff0c\u89e3\u91cb\u6240\u5448\u73fe\u7684\u67b6\u69cb\u6c7a\u7b56\uff0c\u63d0\u4f9b\u7cbe\u78ba\u7684 PlantUML \u539f\u59cb\u78bc\uff0c\u4e26\u5c55\u793a AI \u5982\u4f55\u52a0\u901f\u5f9e\u6982\u5ff5\u5230\u5c08\u696d\u6587\u4ef6\u5316\u7684\u904e\u7a0b\u3002<\/p>\n<hr\/>\n<h2>\u95dc\u9375\u6982\u5ff5\uff1aC4 \u6a21\u578b\u8207 AI \u8f14\u52a9\u5efa\u6a21<\/h2>\n<p>\u5728\u6df1\u5165\u5716\u8868\u4e4b\u524d\uff0c\u5fc5\u9808\u7406\u89e3\u4f7f\u6b64\u5de5\u4f5c\u6d41\u7a0b\u6709\u6548\u7684\u6838\u5fc3\u539f\u5247\u3002<\/p>\n<h3>1. C4 \u968e\u5c64\u7d50\u69cb<\/h3>\n<p id=\"YaescPe\"><img loading=\"lazy\" alt=\"Visual Paradigm C4 \u5de5\u5177\uff1aC4 \u968e\u5c64\uff08\u56db\u5c64\u7d1a\uff09\" class=\"alignnone wp-image-1019 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87fa62c0d43.png\" srcset=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87fa62c0d43.png 1024w, https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87fa62c0d43-300x168.png 300w, https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87fa62c0d43-768x429.png 768w\" width=\"1024\"\/><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/guide\/c4-context-diagram-the-best-way-for-beginners-to-visualize-software-architecture\/\"><strong>\u7b2c 1 \u5c64\uff1a\u7cfb\u7d71\u60c5\u5883\uff1a<\/strong><\/a>\u5c07\u8edf\u9ad4\u7cfb\u7d71\u8996\u70ba\u9ed1\u76d2\u5b50\uff0c\u986f\u793a\u5176\u4f7f\u7528\u8005\uff08\u53c3\u8207\u8005\uff09\u8207\u5916\u90e8\u4f9d\u8cf4\u95dc\u4fc2\u3002\u5b83\u56de\u7b54<em>\u300c\u7bc4\u570d\u70ba\u4f55\uff1f\u8ab0\u95dc\u5fc3\u5b83\uff1f\u300d<\/em><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/guide\/mastering-software-architecture-visualization-a-comprehensive-guide-to-c4-container-diagrams\/\"><strong>\u7b2c 2 \u5c64\uff1a\u5bb9\u5668\uff1a<\/strong>\u00a0<\/a>\u7e2e\u653e\u81f3\u7cfb\u7d71\u5167\u90e8\uff0c\u986f\u793a\u53ef\u90e8\u7f72\u55ae\u5143\uff08\u7db2\u9801\u61c9\u7528\u7a0b\u5f0f\u3001\u8cc7\u6599\u5eab\u3001\u5fae\u670d\u52d9\uff09\u3002\u5b83\u56de\u7b54<em>\u300c\u7cfb\u7d71\u5728\u6280\u8853\u4e0a\u5982\u4f55\u7d50\u69cb\u5316\uff1f\u300d<\/em><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/guide\/comprehensive-guide-c4-container-vs-component-diagrams\/\"><strong>\u7b2c 3 \u5c64\uff1a\u7d44\u4ef6\uff1a<\/strong><\/a>\u7e2e\u653e\u81f3\u55ae\u4e00<em>\u55ae\u4e00<\/em>\u5bb9\u5668\uff0c\u986f\u793a\u5167\u90e8\u6a21\u7d44\u3001\u985e\u5225\u6216\u51fd\u5f0f\u5eab\u3002\u5b83\u56de\u7b54<em>\u300c\u6b64\u7279\u5b9a\u55ae\u5143\u5167\u90e8\u5982\u4f55\u904b\u4f5c\uff1f\u300d<\/em><\/p>\n<\/li>\n<li>\n<p><strong><a href=\"https:\/\/www.visual-paradigm.com\/guide\/%F0%9F%93%98-c4-model-drilling-down-from-level-3-component-to-level-4-code-in-visual-paradigm\/\">\u7b2c 4 \u5c64\uff1a\u7a0b\u5f0f\u78bc<\/a>:<\/strong>\uff08\u9078\u586b\uff09\u986f\u793a\u5be6\u4f5c\u7d30\u7bc0\u7684 UML \u985e\u5225\u6216\u5e8f\u5217\u5716\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>2. \u4f7f\u7528 PlantUML \u9032\u884c AI \u9a45\u52d5\u7684\u67b6\u69cb\u5efa\u6a21<\/h3>\n<p>Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u626e\u6f14\u8457\u300c<strong>\u67b6\u69cb\u5354\u4f5c\u5925\u4f34\u300d<\/strong>\u300d\u3002\u60a8\u7121\u9700\u641c\u5c0b\u5716\u5f62\u4e26\u624b\u52d5\u7e6a\u88fd\u9023\u63a5\u7dda\uff0c\u53ea\u9700\u5c07\u9700\u6c42\u63d0\u793a\u7d66 AI\u3002AI \u80fd\u7406\u89e3 C4 \u8a9e\u7fa9\u4e26\u751f\u6210\u6709\u6548\u7684\u300c<code data-backticks=\"1\">C4-PlantUML<\/code>\u300d\u7a0b\u5f0f\u78bc\u3002\u9019\u610f\u5473\u8457\uff1a<\/p>\n<ul>\n<li>\n<p><strong>\u53cb\u5584\u7248\u672c\u63a7\u5236\uff1a<\/strong>\u5716\u8868\u4ee5\u6587\u5b57\u6a94\u6848\u5f62\u5f0f\u5b58\u5728\u65bc\u60a8\u7684 Git \u5132\u5b58\u5eab\u4e2d\uff0c\u8207\u60a8\u7684\u61c9\u7528\u7a0b\u5f0f\u7a0b\u5f0f\u78bc\u4e26\u5b58\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u7d71\u4e00\u7684\u6a23\u5f0f\uff1a<\/strong>\u50cf\u300c<code data-backticks=\"1\">LAYOUT_WITH_LEGEND()<\/code>\u300d\u8207\u300c<code data-backticks=\"1\">skinparam vpDiagramType<\/code>\u300d\u7b49\u5de8\u96c6\u53ef\u78ba\u4fdd\u6bcf\u5f35\u5716\u8868\u81ea\u52d5\u7b26\u5408\u5718\u968a\u6a19\u6e96\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u8fed\u4ee3\u5f0f\u7cbe\u9032\uff1a<\/strong>\u60a8\u53ef\u4ee5\u900f\u904e\u804a\u5929\u8981\u6c42 AI \u4fee\u6539\u7279\u5b9a\u95dc\u4fc2\u6216\u65b0\u589e\u5bb9\u5668\uff0c\u5b83\u6703\u91cd\u65b0\u751f\u6210\u4e7e\u6de8\u7684\u7a0b\u5f0f\u78bc\uff0c\u800c\u975e\u7834\u58de\u624b\u52d5\u4f48\u5c40\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>3. \u908a\u754c\u7ba1\u7406<\/h3>\n<p>C4 \u4e2d\u7684\u4e00\u500b\u95dc\u9375\u6982\u5ff5\u662f\u300c<strong>\u4f01\u696d\u908a\u754c\u300d<\/strong>\u300d\u3002\u6b64\u8996\u89ba\u5206\u7d44\u5c07\u5718\u968a\u64c1\u6709\u4e26\u63a7\u5236\u7684\u7cfb\u7d71\u8207\u5916\u90e8\u7b2c\u4e09\u65b9\u7cfb\u7d71\u5340\u5206\u958b\u4f86\u3002\u5728\u6240\u6709\u7e2e\u653e\u5c64\u7d1a\u7dad\u6301\u6b64\u5340\u5206\uff0c\u5c0d\u65bc\u7406\u89e3\u98a8\u96aa\u8207\u6574\u5408\u4ecb\u9762\u81f3\u95dc\u91cd\u8981\u3002\u5728 PlantUML \u4e2d\uff0c\u9019\u662f\u900f\u904e\u300c<code data-backticks=\"1\">Enterprise_Boundary()<\/code>\u300d\u8207\u300c<code data-backticks=\"1\">System_Boundary()<\/code>\u300d\u5de8\u96c6\u660e\u78ba\u7de8\u78bc\u5be6\u73fe\u7684\u3002<\/p>\n<hr\/>\n<h2>\u7b2c 1 \u5c64\uff1a\u7cfb\u7d71\u60c5\u5883\u5716\u2014\u2014\u5b9a\u7fa9\u7bc4\u570d<\/h2>\n<p>\u4efb\u4f55 C4 \u53c3\u8207\u7684\u7b2c\u4e00\u6b65\u662f\u5efa\u7acb\u60c5\u5883\u3002\u4f7f\u7528 Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\uff0c\u521d\u5b78\u8005\u53ea\u9700\u63cf\u8ff0\u9280\u884c\u5e73\u53f0\u7684\u751f\u614b\u7cfb\u7d71\uff0c\u5373\u53ef\u751f\u6210\u6b64\u57fa\u790e\u5716\u8868\u3002<\/p>\n<p><img alt=\"Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u986f\u793a\u70ba\u7dda\u4e0a\u9280\u884c\u5e73\u53f0\u751f\u6210\u7684 C4 \u7cfb\u7d71\u60c5\u5883\u5716\u8868\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f44d1c49e.png\"\/><\/p>\n<h3>\u6b64\u5716\u8868\u4ee3\u8868\u4ec0\u9ebc<\/h3>\n<p>\u9019\u662f\u4e00\u5f35\u300c<strong>\u7cfb\u7d71\u60c5\u5883\u5716<\/strong>\u00a0\u2014 C4 \u6a21\u578b\u7684\u6700\u9ad8\u5c64\u7d1a\u3002\u5b83\u5c07\u6574\u500b\u9280\u884c\u5e73\u53f0\u8996\u70ba\u55ae\u4e00\u7cfb\u7d71\uff08\u9ed1\u76d2\uff09\uff0c\u4e26\u805a\u7126\u65bc<strong>\u8ab0<\/strong>\u8207\u4e4b\u4e92\u52d5\uff0c\u4ee5\u53ca<strong>\u54ea\u4e9b\u5916\u90e8\u4f9d\u8cf4<\/strong>\u5b83\u4f9d\u8cf4\u7684\u8cc7\u6e90\u3002<\/p>\n<h3>\u95dc\u9375\u8a2d\u8a08\u9078\u64c7\u8aaa\u660e<\/h3>\n<ul>\n<li>\n<p><strong>\u4f01\u696d\u908a\u754c (<code data-backticks=\"1\">\u6e56\u7554\u9280\u884c<\/code>):<\/strong>\u00a0\u8996\u89ba\u5316\u5730\u5c07\u5718\u968a\u6240\u64c1\u6709\u7684\u7cfb\u7d71\uff08\u5e73\u53f0\u672c\u8eab\u53ca\u5176\u8cc7\u6599\u5eab\uff09\u6b78\u70ba\u4e00\u7d44\uff0c\u4e26\u5c07\u5176\u8207\u66f4\u5ee3\u6cdb\u7684\u8edf\u9ad4\u751f\u614b\u7cfb\u5340\u9694\u958b\u4f86\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u89d2\u8272\u5340\u5206\uff1a<\/strong>\u00a0<code data-backticks=\"1\">Person<\/code>\u00a0vs.\u00a0<code data-backticks=\"1\">Person_Ext<\/code>\u00a0\u7528\u4ee5\u5340\u5206\u5167\u90e8\u4f7f\u7528\u8005\uff08\u71df\u904b\u4eba\u54e1\uff09\u8207\u5916\u90e8\u4f7f\u7528\u8005\uff08\u5ba2\u6236\uff09\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u6280\u8853\u8a3b\u89e3\uff1a<\/strong>\u00a0\u95dc\u4fc2\u4e0a\u7684\u6a19\u7c64 (<code data-backticks=\"1\">HTTPS<\/code>,\u00a0<code data-backticks=\"1\">SOAP\/XML<\/code>,\u00a0<code data-backticks=\"1\">OIDC<\/code>,\u00a0<code data-backticks=\"1\">JDBC<\/code>) \u589e\u6dfb\u771f\u5be6\u7684\u6574\u5408\u7d30\u7bc0\uff0c\u540c\u6642\u4e0d\u4f7f\u5716\u8868\u8b8a\u5f97\u96dc\u4e82\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u81ea\u660e\u5716\u4f8b\uff1a<\/strong>\u00a0<code data-backticks=\"1\">LAYOUT_WITH_LEGEND()<\/code>\u00a0\u547c\u53eb\u6703\u52a0\u5165 C4 \u5f62\u72c0\u5716\u4f8b\uff0c\u4ee5\u4fbf\u5c07\u5716\u8868\u5206\u4eab\u7d66\u975e\u6280\u8853\u5229\u5bb3\u95dc\u4fc2\u4eba\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>L1 PlantUML \u539f\u59cb\u7a0b\u5f0f\u78bc<\/h3>\n<p>\u4ee5\u4e0b\u662f Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u70ba\u6b64\u5716\u8868\u751f\u6210\u7684\u78ba\u5207\u7a0b\u5f0f\u78bc\u3002\u8acb\u6ce8\u610f\u4f7f\u7528\u4e86\u5b98\u65b9\u7684 C4-PlantUML \u6a19\u6e96\u51fd\u5f0f\u5eab\u4ee5\u53ca Visual Paradigm \u5c08\u5c6c\u7684 skinparams\u3002<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLN1Rk984BqZyG-rp668H896azEUXa1s9YCIh85eTazMsIvmA-rkgxiCmwpstxUwRGWXWWjsTTTxhwfUmHVFwBYfTB_t4VoBCZKwh40hGxol2QpZqlPxVoYJwwOWA9bh_-Tux71tir5SDbdZoUNMC1c-oMqrhZMQ07ZjkT0g6qzlhvCGUdwSZolqJ4v2wJHa_EAREbA_4XUqnaRpNtAyLBy9FjrUE9rQRHry-1m_ftUszKpXHfvMGV_qjh85wULUYAkEj3llz_gz-UIVnVCgNIsITBRu-JIyEeP-Fgo-fVFxh_TFin3jzrYn9cY1e4E2eeM2jMXPcD0rk4CZMZOWHRE48qr2pbipp1lFjY8tWa4RGNsyFktE1d8uBIb_yP2Xz2qdFu8Qz_Agj9PdTcZyMjAXieRs8q1JG8K6D-GXHrTus2g47MKoFBaZQJIuEcX8xt_n48jA6U49tB2eoI4hQpmi6TVh8E2RO6g1mpotZM6mDHaHEG8PiCnN6VOjxzfXKu0oM_AiDYtC8BRhNXhaQgSyfNU2KQ3R3pFX4_Gvlf1NHTkgmHNys-z1rzYXZKrCixOhSlb2LuFAYTPs9pLtdVF0LagdtK6sZnAbl9007MIevL1leSJ2gFK-I3v8c6N3GtvQP87cW3P3nWmz1UubMqUlt4VAqSdK0dkS5kQ13qebbrqa-o-qgEMB4ya5xQJegRmUIswl1T9LIR6CZnuqRJ3VorUn4NOkKOQqavAackFK3ahEXSG9dP3BA8ouMwmqUEWU8N5sA_5enqd3PGZdo1tOqMw7ydD7CHDrTq6sL5slXKyyYA_vmdv6NZU-JCKvjCCWOFcuX34a4eGdoshT9S7NzaPiFHdnk7Z_cbL5iXlUxsom_Nc_KPFZpeu_I9-itpkNFNkf9gnC51zt1h2kWwNYFgnMoJ801PXkUzvXF1vtq7TjSXJi6FVn7Sfv-blF_I3i2jevnIURM8W7eV6I4X2_p-wcbm3FB9LOBnO-TK4dKNwxSnMMlVMIVqLVBYR9-E_7-IM64z-yjKZuIpXMlNYONTHuDlmPQRKDgOjLqifhH_YcWUD9yj3Ez8iOGVu-_WS0\" 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 PlantUML<\/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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLN1Rk984BqZyG-rp668H896azEUXa1s9YCIh85eTazMsIvmA-rkgxiCmwpstxUwRGWXWWjsTTTxhwfUmHVFwBYfTB_t4VoBCZKwh40hGxol2QpZqlPxVoYJwwOWA9bh_-Tux71tir5SDbdZoUNMC1c-oMqrhZMQ07ZjkT0g6qzlhvCGUdwSZolqJ4v2wJHa_EAREbA_4XUqnaRpNtAyLBy9FjrUE9rQRHry-1m_ftUszKpXHfvMGV_qjh85wULUYAkEj3llz_gz-UIVnVCgNIsITBRu-JIyEeP-Fgo-fVFxh_TFin3jzrYn9cY1e4E2eeM2jMXPcD0rk4CZMZOWHRE48qr2pbipp1lFjY8tWa4RGNsyFktE1d8uBIb_yP2Xz2qdFu8Qz_Agj9PdTcZyMjAXieRs8q1JG8K6D-GXHrTus2g47MKoFBaZQJIuEcX8xt_n48jA6U49tB2eoI4hQpmi6TVh8E2RO6g1mpotZM6mDHaHEG8PiCnN6VOjxzfXKu0oM_AiDYtC8BRhNXhaQgSyfNU2KQ3R3pFX4_Gvlf1NHTkgmHNys-z1rzYXZKrCixOhSlb2LuFAYTPs9pLtdVF0LagdtK6sZnAbl9007MIevL1leSJ2gFK-I3v8c6N3GtvQP87cW3P3nWmz1UubMqUlt4VAqSdK0dkS5kQ13qebbrqa-o-qgEMB4ya5xQJegRmUIswl1T9LIR6CZnuqRJ3VorUn4NOkKOQqavAackFK3ahEXSG9dP3BA8ouMwmqUEWU8N5sA_5enqd3PGZdo1tOqMw7ydD7CHDrTq6sL5slXKyyYA_vmdv6NZU-JCKvjCCWOFcuX34a4eGdoshT9S7NzaPiFHdnk7Z_cbL5iXlUxsom_Nc_KPFZpeu_I9-itpkNFNkf9gnC51zt1h2kWwNYFgnMoJ801PXkUzvXF1vtq7TjSXJi6FVn7Sfv-blF_I3i2jevnIURM8W7eV6I4X2_p-wcbm3FB9LOBnO-TK4dKNwxSnMMlVMIVqLVBYR9-E_7-IM64z-yjKZuIpXMlNYONTHuDlmPQRKDgOjLqifhH_YcWUD9yj3Ez8iOGVu-_WS0\" 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 PlantUML<\/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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJVKnfN57vdXlzXInyACurCfpxrAGPiOqS34yYaVTfPOAixMNQPtKiJs-dCKgE0IB1LALexYbMBDH0Jh464-iTqxuzzwh-GU_SIfMXvkdlkETztpdU-orqJI0R8fbMlvoF1VA9e6ScGqeAgQ3AOpyY2Re0vtUlvGD6IQZOb2tC0PCpFWa53UZesgu2vR29hoaPIru2iWR6adWvcL4bZW7TCa5ALH30qVYVAGezcfeDfoGIoGKDYY5Ky0sCPb_gQE2L_8sLLy3czZYdVoS8du_zp6z9LtH0-_DJz3UTycmahqYmznLd_eV6qdfBLs3mbJWz81_TUZzSpFV5rv55SZ4UYOZZo-84_S1LwF1M_BqvFVZ7v8CoYNWzGW2eB-EsMtLbsbYrINu7dRLWvmUqB_DThjB08znRWTfMbHcN3r3L_Cci2FIqR7mi-Q9NiRdTGrjf3XJCVZJfMnSczm6TldDqSAbJPNMc3_FuRxhVGpW4vsdFsQqwz_8-Lm-TjV5g6dJQijkWdwHVPkRACMtMykWJBTLpC-mBlcSN9Py0lfTAAnaXSKhk_ZGwQj0UuLcVKP7E35ZhL4cs5uQ-tIUEK5FBaQ1Mzx98_Bsa3FdVkIQgPaJ4KKnRlwLaj9Hdp_eIaFQ4WwBoADzOvWIyWVE_r209Nsgzhp48YIrIqMPfxKpZM1bpCaSPhhWXbnDibEXSzsvr3jD6n-sMuyvOM3C_0kdfF4qxufMIITWLCCPLWU6urQUTHTHDsZrsAvszWiyOf-3MTbmjB1RIx-wYsHXerP-KvG_w1ZSp1NHMJkZ4y1ThjmCi5tWvVlEzAOb9OHjjiB_Zayj_U2bhBqKzKj7YGyd9IAZ8dPNH3J4gAlY05pBFbT8_jYpwghDf__qgiHPVYw1VIB59P1XldYYtzH8CK4EvlEVaoESpXqrsUEGAUoPfpugm4vASI8uZDn8IWW5uqqCzDnzh2EmTEjURarXWJtkmvLixkMEXb7Lb_m5TBUAztrJHf7kBzBdV6GraTylYDZTlzIxpUuEvcpdBTZV955coKOA_2sEx7uz4OWsDW0ylUGEBlP2YTYu3g1VlYZ8t_weYQXsEC5l_N7xmdXlHb-5x85o0j2rQgBiGnN3mOji_jS2D-kCQBHIQYmQzcfcbpcptOMU1oqON14_PkRqSRsldrZ96fCErii70NdthWzlgHjOxe59o8Jla2yCVshVlacsHxl2jhAVet_0u0\" \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 PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' skinparam linetype ortho\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\nskinparam defaultFontSize 14\r\nskinparam defaultFontColor #333333\r\nskinparam vpDiagramType C4modelSystemContextDiagram\r\n\r\nLAYOUT_TOP_DOWN()\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle \u7dda\u4e0a\u9280\u884c\u5e73\u53f0\u7cfb\u7d71\u60c5\u5883\u5716\r\n\r\nPerson(customer, \"\u500b\u4eba\u9280\u884c\u5ba2\u6236\", \"\u900f\u904e\u7db2\u9801\u6216\u884c\u52d5\u88dd\u7f6e\u67e5\u8a62\u9918\u984d\u3001\u7e73\u7d0d\u5e33\u55ae\u3001\u8f49\u5e33\u53ca\u7ba1\u7406\u5361\u7247\")\r\nPerson_Ext(admin, \"\u9280\u884c\u4f5c\u696d\u4eba\u54e1\", \"\u8655\u7406\u958b\u6236\u3001\u7533\u8a34\u8207\u8a50\u6b3a\u8abf\u67e5\")\r\n\r\nEnterprise_Boundary(bank, \"\u6e56\u7554\u9280\u884c\") {\r\n  System(online_banking, \"\u7dda\u4e0a\u9280\u884c\u5e73\u53f0\", \"\u5141\u8a31\u5ba2\u6236\u67e5\u770b\u5e33\u6236\u4e26\u6578\u4f4d\u57f7\u884c\u9280\u884c\u4f5c\u696d\")\r\n  SystemDb(accounts_db, \"\u5e33\u6236\u8cc7\u6599\u5eab\", \"\u5132\u5b58\u5ba2\u6236\u5e33\u6236\u3001\u9918\u984d\u53ca\u4ea4\u6613\u8a18\u9304\")\r\n}\r\n\r\nSystem_Ext(core_banking, \"\u6838\u5fc3\u9280\u884c\u7cfb\u7d71\", \"\u9280\u884c\u820a\u6709\u5e33\u7c3f\uff0c\u64c1\u6709\u6240\u6709\u5e33\u6236\u9918\u984d\u8207\u4ea4\u6613\")\r\nSystem_Ext(identity, \"\u8eab\u4efd\u63d0\u4f9b\u8005\", \"\u9a57\u8b49\u4e26\u7ba1\u7406\u5ba2\u6236\u6191\u8b49\u8207\u591a\u91cd\u8981\u7d20\u9a57\u8b49\")\r\nSystem_Ext(push_gateway, \"SMS \/ \u63a8\u64ad\u901a\u77e5\u9598\u9053\", \"\u767c\u9001\u4e00\u6b21\u6027\u5bc6\u78bc\u8207\u4ea4\u6613\u8b66\u793a\")\r\n\r\nRel(customer, online_banking, \"\u4f7f\u7528\u7db2\u9801\u8207\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f\", \"HTTPS\")\r\nRel(admin, online_banking, \"\u900f\u904e\", \"HTTPS\")\u7ba1\u7406\u6848\u4ef6\u8207\u5be9\u67e5\r\nRel(online_banking, accounts_db, \"\u4f7f\u7528\", \"JDBC\")\u8b80\u53d6\u8207\u5beb\u5165\u5e33\u6236\u8cc7\u6599\r\nRel(online_banking, core_banking, \"\u4f7f\u7528\", \"SOAP\/XML\")\u767c\u5e03\u4ea4\u6613\u4e26\u5c0d\u5e33\r\nRel(online_banking, identity, \"\u900f\u904e\", \"OIDC\")\u9a57\u8b49\u4f7f\u7528\u8005\r\nRel(online_banking, push_gateway, \"\u900f\u904e\", \"HTTPS\/API\")\u50b3\u9001\u4e00\u6b21\u6027\u5bc6\u78bc\u8207\u8b66\u793a\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJVKnfN57vdXlzXInyACurCfpxrAGPiOqS34yYaVTfPOAixMNQPtKiJs-dCKgE0IB1LALexYbMBDH0Jh464-iTqxuzzwh-GU_SIfMXvkdlkETztpdU-orqJI0R8fbMlvoF1VA9e6ScGqeAgQ3AOpyY2Re0vtUlvGD6IQZOb2tC0PCpFWa53UZesgu2vR29hoaPIru2iWR6adWvcL4bZW7TCa5ALH30qVYVAGezcfeDfoGIoGKDYY5Ky0sCPb_gQE2L_8sLLy3czZYdVoS8du_zp6z9LtH0-_DJz3UTycmahqYmznLd_eV6qdfBLs3mbJWz81_TUZzSpFV5rv55SZ4UYOZZo-84_S1LwF1M_BqvFVZ7v8CoYNWzGW2eB-EsMtLbsbYrINu7dRLWvmUqB_DThjB08znRWTfMbHcN3r3L_Cci2FIqR7mi-Q9NiRdTGrjf3XJCVZJfMnSczm6TldDqSAbJPNMc3_FuRxhVGpW4vsdFsQqwz_8-Lm-TjV5g6dJQijkWdwHVPkRACMtMykWJBTLpC-mBlcSN9Py0lfTAAnaXSKhk_ZGwQj0UuLcVKP7E35ZhL4cs5uQ-tIUEK5FBaQ1Mzx98_Bsa3FdVkIQgPaJ4KKnRlwLaj9Hdp_eIaFQ4WwBoADzOvWIyWVE_r209Nsgzhp48YIrIqMPfxKpZM1bpCaSPhhWXbnDibEXSzsvr3jD6n-sMuyvOM3C_0kdfF4qxufMIITWLCCPLWU6urQUTHTHDsZrsAvszWiyOf-3MTbmjB1RIx-wYsHXerP-KvG_w1ZSp1NHMJkZ4y1ThjmCi5tWvVlEzAOb9OHjjiB_Zayj_U2bhBqKzKj7YGyd9IAZ8dPNH3J4gAlY05pBFbT8_jYpwghDf__qgiHPVYw1VIB59P1XldYYtzH8CK4EvlEVaoESpXqrsUEGAUoPfpugm4vASI8uZDn8IWW5uqqCzDnzh2EmTEjURarXWJtkmvLixkMEXb7Lb_m5TBUAztrJHf7kBzBdV6GraTylYDZTlzIxpUuEvcpdBTZV955coKOA_2sEx7uz4OWsDW0ylUGEBlP2YTYu3g1VlYZ8t_weYQXsEC5l_N7xmdXlHb-5x85o0j2rQgBiGnN3mOji_jS2D-kCQBHIQYmQzcfcbpcptOMU1oqON14_PkRqSRsldrZ96fCErii70NdthWzlgHjOxe59o8Jla2yCVshVlacsHxl2jhAVet_0u0\" \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 PlantUML 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\/#plantuml:TLN1Rk984BqZyG-rp668H896azEUXa1s9YCIh85eTazMsIvmA-rkgxiCmwpstxUwRGWXWWjsTTTxhwfUmHVFwBYfTB_t4VoBCZKwh40hGxol2QpZqlPxVoYJwwOWA9bh_-Tux71tir5SDbdZoUNMC1c-oMqrhZMQ07ZjkT0g6qzlhvCGUdwSZolqJ4v2wJHa_EAREbA_4XUqnaRpNtAyLBy9FjrUE9rQRHry-1m_ftUszKpXHfvMGV_qjh85wULUYAkEj3llz_gz-UIVnVCgNIsITBRu-JIyEeP-Fgo-fVFxh_TFin3jzrYn9cY1e4E2eeM2jMXPcD0rk4CZMZOWHRE48qr2pbipp1lFjY8tWa4RGNsyFktE1d8uBIb_yP2Xz2qdFu8Qz_Agj9PdTcZyMjAXieRs8q1JG8K6D-GXHrTus2g47MKoFBaZQJIuEcX8xt_n48jA6U49tB2eoI4hQpmi6TVh8E2RO6g1mpotZM6mDHaHEG8PiCnN6VOjxzfXKu0oM_AiDYtC8BRhNXhaQgSyfNU2KQ3R3pFX4_Gvlf1NHTkgmHNys-z1rzYXZKrCixOhSlb2LuFAYTPs9pLtdVF0LagdtK6sZnAbl9007MIevL1leSJ2gFK-I3v8c6N3GtvQP87cW3P3nWmz1UubMqUlt4VAqSdK0dkS5kQ13qebbrqa-o-qgEMB4ya5xQJegRmUIswl1T9LIR6CZnuqRJ3VorUn4NOkKOQqavAackFK3ahEXSG9dP3BA8ouMwmqUEWU8N5sA_5enqd3PGZdo1tOqMw7ydD7CHDrTq6sL5slXKyyYA_vmdv6NZU-JCKvjCCWOFcuX34a4eGdoshT9S7NzaPiFHdnk7Z_cbL5iXlUxsom_Nc_KPFZpeu_I9-itpkNFNkf9gnC51zt1h2kWwNYFgnMoJ801PXkUzvXF1vtq7TjSXJi6FVn7Sfv-blF_I3i2jevnIURM8W7eV6I4X2_p-wcbm3FB9LOBnO-TK4dKNwxSnMMlVMIVqLVBYR9-E_7-IM64z-yjKZuIpXMlNYONTHuDlmPQRKDgOjLqifhH_YcWUD9yj3Ez8iOGVu-_WS0\" 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 PlantUML<\/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\/#plantuml:TLN1Rk984BqZyG-rp668H896azEUXa1s9YCIh85eTazMsIvmA-rkgxiCmwpstxUwRGWXWWjsTTTxhwfUmHVFwBYfTB_t4VoBCZKwh40hGxol2QpZqlPxVoYJwwOWA9bh_-Tux71tir5SDbdZoUNMC1c-oMqrhZMQ07ZjkT0g6qzlhvCGUdwSZolqJ4v2wJHa_EAREbA_4XUqnaRpNtAyLBy9FjrUE9rQRHry-1m_ftUszKpXHfvMGV_qjh85wULUYAkEj3llz_gz-UIVnVCgNIsITBRu-JIyEeP-Fgo-fVFxh_TFin3jzrYn9cY1e4E2eeM2jMXPcD0rk4CZMZOWHRE48qr2pbipp1lFjY8tWa4RGNsyFktE1d8uBIb_yP2Xz2qdFu8Qz_Agj9PdTcZyMjAXieRs8q1JG8K6D-GXHrTus2g47MKoFBaZQJIuEcX8xt_n48jA6U49tB2eoI4hQpmi6TVh8E2RO6g1mpotZM6mDHaHEG8PiCnN6VOjxzfXKu0oM_AiDYtC8BRhNXhaQgSyfNU2KQ3R3pFX4_Gvlf1NHTkgmHNys-z1rzYXZKrCixOhSlb2LuFAYTPs9pLtdVF0LagdtK6sZnAbl9007MIevL1leSJ2gFK-I3v8c6N3GtvQP87cW3P3nWmz1UubMqUlt4VAqSdK0dkS5kQ13qebbrqa-o-qgEMB4ya5xQJegRmUIswl1T9LIR6CZnuqRJ3VorUn4NOkKOQqavAackFK3ahEXSG9dP3BA8ouMwmqUEWU8N5sA_5enqd3PGZdo1tOqMw7ydD7CHDrTq6sL5slXKyyYA_vmdv6NZU-JCKvjCCWOFcuX34a4eGdoshT9S7NzaPiFHdnk7Z_cbL5iXlUxsom_Nc_KPFZpeu_I9-itpkNFNkf9gnC51zt1h2kWwNYFgnMoJ801PXkUzvXF1vtq7TjSXJi6FVn7Sfv-blF_I3i2jevnIURM8W7eV6I4X2_p-wcbm3FB9LOBnO-TK4dKNwxSnMMlVMIVqLVBYR9-E_7-IM64z-yjKZuIpXMlNYONTHuDlmPQRKDgOjLqifhH_YcWUD9yj3Ez8iOGVu-_WS0\" 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 PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<blockquote>\n<p><strong>\ud83d\udca1 \u521d\u5b78\u8005\u63d0\u793a\uff1a<\/strong>\u7576\u5411 AI \u63d0\u793a Level 1 \u6642\uff0c\u8acb\u660e\u78ba\u5217\u51fa\u60a8\u7684\u53c3\u8207\u8005\u8207\u5916\u90e8\u7cfb\u7d71\u3002\u8981\u6c42 AI\u300c\u5957\u7528\u4f01\u696d\u908a\u754c\u6a23\u5f0f\u300d\u4e26\u300c\u5728\u6240\u6709\u95dc\u806f\u4e0a\u5305\u542b\u901a\u8a0a\u5354\u5b9a\u6a19\u7c64\u300d\uff0c\u4ee5\u78ba\u4fdd\u8f38\u51fa\u5c08\u696d\u4e14\u8207\u4e0a\u8ff0\u7a0b\u5f0f\u78bc\u76f8\u7b26\u3002<\/p>\n<\/blockquote>\n<hr\/>\n<h2>Level 2\uff1a\u5bb9\u5668\u5716\u8868\u2014\u2014\u958b\u555f\u9ed1\u76d2\u5b50<\/h2>\n<p>\u4e00\u65e6\u60c5\u5883\u78ba\u7acb\uff0c\u63a5\u4e0b\u4f86\u7684\u908f\u8f2f\u6b65\u9a5f\u4fbf\u662f\u5c07\u7cfb\u7d71\u5206\u89e3\u70ba\u5176\u6280\u8853\u5efa\u69cb\u6a21\u7d44\u3002AI \u804a\u5929\u6a5f\u5668\u4eba\u53ef\u4ee5\u5c07 Level 1 \u7684\u60c5\u5883\u64f4\u5c55\u70ba\u5bb9\u5668\u5716\u8868\uff0c\u540c\u6642\u4fdd\u7559\u5916\u90e8\u53c3\u7167\u3002<\/p>\n<p><img alt=\"\u7dda\u4e0a\u9280\u884c\u5e73\u53f0\u7684\u7cfb\u7d71\u60c5\u5883\u5716\u8868\uff0c\u986f\u793a\u5916\u90e8\u53c3\u8207\u8005\u8207\u5167\u90e8\u5143\u4ef6\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f49caf752.png\"\/><br \/>\n<em>L2 \u2013 \u5bb9\u5668\u5716\u8868<\/em><\/p>\n<p><img alt=\"Visual Paradigm AI \u751f\u6210\u7684\u7dda\u4e0a\u9280\u884c\u5e73\u53f0\u7cfb\u7d71 C4 \u7b2c\u4e8c\u5c64\u7d1a\u5bb9\u5668\u5716\u8868\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f4d34529a.png\"\/><\/p>\n<h3>\u8207 Level 1 \u7684\u5dee\u7570<\/h3>\n<p>\u60c5\u5883\u5716\u8868\u4e2d\u55ae\u4e00\u7684\u300c\u7dda\u4e0a\u9280\u884c\u5e73\u53f0\u300d\u9ed1\u76d2\u5b50\u73fe\u5728\u5df2\u958b\u555f\uff0c\u4ee5\u986f\u793a<strong>\u53ef\u90e8\u7f72\u55ae\u5143<\/strong>\uff08\u5bb9\u5668\uff09\uff1a<\/p>\n<ul>\n<li>\n<p><strong>\u524d\u7aef\uff1a<\/strong>\u00a0<code data-backticks=\"1\">\u7db2\u9801\u61c9\u7528\u7a0b\u5f0f<\/code>,\u00a0<code data-backticks=\"1\">\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f<\/code>\uff0c\u4ee5\u53ca<code data-backticks=\"1\">\u4f5c\u696d\u4e3b\u63a7\u53f0<\/code>\u5404\u81ea\u9023\u63a5\u5230 API \u9598\u9053\uff0c\u800c\u975e\u76f4\u63a5\u9023\u63a5\u5230\u5f8c\u7aef\u670d\u52d9\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5f8c\u7aef\uff1a<\/strong> \u5176\u4e2d<code data-backticks=\"1\">\u9280\u884c API \u9598\u9053<\/code>\u5c07\u6d41\u91cf\u8def\u7531\u81f3\u4e09\u500b\u8f15\u91cf\u7d1a\u670d\u52d9\uff1a<code data-backticks=\"1\">\u9a57\u8b49<\/code>,\u00a0<code data-backticks=\"1\">\u4ea4\u6613<\/code>\uff0c\u4ee5\u53ca<code data-backticks=\"1\">\u5ba2\u6236<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>\u6301\u4e45\u5316\u8207\u8a0a\u606f\u50b3\u905e\uff1a<\/strong>\u55ae\u4e00<code data-backticks=\"1\">PostgreSQL<\/code>\u8cc7\u6599\u5eab\u52a0\u4e0a<code data-backticks=\"1\">RabbitMQ<\/code>\u7528\u65bc\u975e\u540c\u6b65\u901a\u77e5\u6d41\u7a0b\u7684\u4e8b\u4ef6\u532f\u6d41\u6392\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5916\u90e8\u4e00\u81f4\u6027\uff1a<\/strong>\u5916\u90e8\u7cfb\u7d71\u81ea\u7b2c\u4e00\u5c64\u4fdd\u6301\u5b8c\u6574\uff0c\u73fe\u5df2\u9023\u63a5\u81f3\u7279\u5b9a\u7684\u5167\u90e8\u5bb9\u5668\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>\u521d\u5b78\u8005\u8a2d\u8a08\u7b46\u8a18<\/h3>\n<ul>\n<li>\n<p><strong>\u6280\u8853\u5806\u758a\u53ef\u898b\u6027\uff1a<\/strong>\u6bcf\u500b\u5bb9\u5668\u5747\u5305\u542b\u5176\u6280\u8853\u5806\u758a\uff08React\u3001Spring Boot\u3001PostgreSQL\uff09\u3002\u9019\u6b63\u662f\u7b2c\u4e8c\u5c64\u6240\u8981\u50b3\u9054\u7684\u5167\u5bb9\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u975e\u540c\u6b65\u89e3\u8026\uff1a<\/strong>\u8a72<code data-backticks=\"1\">ContainerQueue(events_queue, \"Event Bus\", \"RabbitMQ\")<\/code>\u5143\u7d20\u5c55\u793a\u4e86\u670d\u52d9\u8207\u901a\u77e5\u9598\u9053\u4e4b\u9593\u7684\u975e\u540c\u6b65\u8a0a\u606f\u50b3\u905e\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u908a\u754c\u898f\u7bc4\uff1a<\/strong>\u00a0<code data-backticks=\"1\">\u4eba\u54e1<\/code>,\u00a0<code data-backticks=\"1\">Person_Ext<\/code>\uff0c\u4ee5\u53ca<code data-backticks=\"1\">System_Ext<\/code>\u5143\u7d20\u5747\u4fdd\u6301<strong>\u5728\u5916\u90e8<\/strong>\u7cfb\u7d71\u908a\u754c<code data-backticks=\"1\">System_Boundary<\/code>.<\/p>\n<\/li>\n<\/ul>\n<h3>L2 PlantUML \u539f\u59cb\u78bc<\/h3>\n<p>\u6ce8\u610f AI \u5982\u4f55\u6b63\u78ba\u4f7f\u7528<code data-backticks=\"1\">\u5bb9\u5668<\/code>,\u00a0<code data-backticks=\"1\">ContainerDb<\/code>\uff0c\u4ee5\u53ca<code data-backticks=\"1\">ContainerQueue<\/code>\u5de8\u96c6\uff0c\u4e26\u5f9e\u7b2c\u4e00\u5c64\u7d1a\u7dad\u6301\u4e00\u81f4\u7684\u5225\u540d\u547d\u540d\u4ee5\u78ba\u4fdd\u53ef\u8ffd\u8e64\u6027\u3002<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLV1RkCs4BqRy3-mwM4Tm8vHDAUUrh7JJTeuLYm7QKy29Orb8XIfafIzRj5_xun4sRASDCbX8r6SUOypRnwpNwtZnfMvxFU-CFigLC4DpvaK2jo-0AQDs-X-xmUX4bccm3RE5VQNyTZmtLKctAQCImicqSg1SbU9piU5v8eIZgnBfOZ7q-jHG4lFyuTnpgq3WqlH52CuWfYheW8_GgUmvgLql-A6KFmDxAVhTxvEjTI6_VXpzTFUiorcWcVujA8JJAzpdO8y0Ffl_Lw_zp3vS_6yYbQB89ejNXu7buUbb_lLNVHm--tsSKQh_PuJJW9RA2eCk-4AmJA6vt9hRN8sOeVqh9K_06Er6YIbTJe7CsGNzGgNXnHJ_-q2FqutaBnQ5dCiLm9so0g-nrSX9JuxmvLTOpZBjOBza76Lifmhde5b2JUfPLl1sGvYx1dkmJ2uk6muHBVVtO2dkL28GzXiKO3XJcXbMUZuUaq4xZ2dn7GyINIf7DC5A2GvPDXNRAjGpjQuQyFBb0cr1Uj4LgUvgEeKxh73UNI3yIat-q6CM9ZvWR-25MbTkejBza-_nuur6o3hY1S5Rdn1_fEYa2AfiXAht_YMXuaHXMDZjWIUE5gTWHHRAeVR06igF5hpXAfgyHy9emABmp0lCgssnKRlKAt4j8rU5yiJc5Sln85Gn294q8bAZHOf6_okdQGIXZknTfUquH5fRi7Nky92GR3OTrVNk9dkGbQjY71ih9Q0QLhTcDQBb9pqUtxoUvmrGnggak3Py1NF3HMofLuofxqqK1cM6eezyqsrPrGAuJL1Z2V1FVl67UpulgazOeU5eOytMbSCRhyNcj8kRyCLHTG0e910GcYbsw1WDqOxAbTMQyReqk7B6JnkZkmsmRGJV4GNyQrd8PYjIE1z6erSfSweASZ8OfoV33G9GN9mM1IajK6brXNk4gW62_VX9yzZTLpvcCHKQvCAXIMpnnaTLbDByvl3OMWCOByJ8SMRD1e9UmwDBtnCODvuG1DH6BqMqdUzC824WFoaWpYB1uqaeZIcylitDkEEnwWRoXvewp83uTC3lOLOpJPKas3OCYr2RTMKRGHkDliE-bC99GnWI-M9_g8NqXMziflI4jQInx5myoTwdjYzIbYzkvAvqawilL1iov9IS90qvVstPKZaVmcIZ_neLfqpHokljrL3HqQ1grzGM93nP8-_qWmFwpOSBN57UDZRnYERWtVFNPMx1OxcXz9sUnfW_yW2exUuNfb_I_m-MTvjR6AWYkJIdckSdmnF1xmexIRAwh6cDix9rG9SP8-jGhO7FmI5DmhUD2CdSa0bMxlJTCbqsyib6EVDVmcoTTaTJVsPpABjYw8ozhlLAWWfyZJkn8xFGe-MscGOemCrMVmLrxNNmuoSkU5RL0x4QskSOhjjRNDumrQ362uUnoSXRSwVZ-hGR0VMtlv1EErl-USI7TRRBveD3fN5yxcgKDaoc9w4dRkUZsvB-BtWZbVvIEyx_mjz8DiQ1xp98UCDyzO5u0--k9-zaQ0hwKglYrLmgDUPDiwEV6f_UBzwUU-CEAj4INzIL6sOtKoxclrKkeCjVo9LnnU3CfR2RjfUuBsmBl5a_XIyUyftSxMd-FFfEYPAzuCzkTxeGguD4rCQ0OU6X8j9CFvZ_j2aFYNMwUVXpxlQNphC-hsls6_yZyD_\" 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 Plantuml<\/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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLV1RkCs4BqRy3-mwM4Tm8vHDAUUrh7JJTeuLYm7QKy29Orb8XIfafIzRj5_xun4sRASDCbX8r6SUOypRnwpNwtZnfMvxFU-CFigLC4DpvaK2jo-0AQDs-X-xmUX4bccm3RE5VQNyTZmtLKctAQCImicqSg1SbU9piU5v8eIZgnBfOZ7q-jHG4lFyuTnpgq3WqlH52CuWfYheW8_GgUmvgLql-A6KFmDxAVhTxvEjTI6_VXpzTFUiorcWcVujA8JJAzpdO8y0Ffl_Lw_zp3vS_6yYbQB89ejNXu7buUbb_lLNVHm--tsSKQh_PuJJW9RA2eCk-4AmJA6vt9hRN8sOeVqh9K_06Er6YIbTJe7CsGNzGgNXnHJ_-q2FqutaBnQ5dCiLm9so0g-nrSX9JuxmvLTOpZBjOBza76Lifmhde5b2JUfPLl1sGvYx1dkmJ2uk6muHBVVtO2dkL28GzXiKO3XJcXbMUZuUaq4xZ2dn7GyINIf7DC5A2GvPDXNRAjGpjQuQyFBb0cr1Uj4LgUvgEeKxh73UNI3yIat-q6CM9ZvWR-25MbTkejBza-_nuur6o3hY1S5Rdn1_fEYa2AfiXAht_YMXuaHXMDZjWIUE5gTWHHRAeVR06igF5hpXAfgyHy9emABmp0lCgssnKRlKAt4j8rU5yiJc5Sln85Gn294q8bAZHOf6_okdQGIXZknTfUquH5fRi7Nky92GR3OTrVNk9dkGbQjY71ih9Q0QLhTcDQBb9pqUtxoUvmrGnggak3Py1NF3HMofLuofxqqK1cM6eezyqsrPrGAuJL1Z2V1FVl67UpulgazOeU5eOytMbSCRhyNcj8kRyCLHTG0e910GcYbsw1WDqOxAbTMQyReqk7B6JnkZkmsmRGJV4GNyQrd8PYjIE1z6erSfSweASZ8OfoV33G9GN9mM1IajK6brXNk4gW62_VX9yzZTLpvcCHKQvCAXIMpnnaTLbDByvl3OMWCOByJ8SMRD1e9UmwDBtnCODvuG1DH6BqMqdUzC824WFoaWpYB1uqaeZIcylitDkEEnwWRoXvewp83uTC3lOLOpJPKas3OCYr2RTMKRGHkDliE-bC99GnWI-M9_g8NqXMziflI4jQInx5myoTwdjYzIbYzkvAvqawilL1iov9IS90qvVstPKZaVmcIZ_neLfqpHokljrL3HqQ1grzGM93nP8-_qWmFwpOSBN57UDZRnYERWtVFNPMx1OxcXz9sUnfW_yW2exUuNfb_I_m-MTvjR6AWYkJIdckSdmnF1xmexIRAwh6cDix9rG9SP8-jGhO7FmI5DmhUD2CdSa0bMxlJTCbqsyib6EVDVmcoTTaTJVsPpABjYw8ozhlLAWWfyZJkn8xFGe-MscGOemCrMVmLrxNNmuoSkU5RL0x4QskSOhjjRNDumrQ362uUnoSXRSwVZ-hGR0VMtlv1EErl-USI7TRRBveD3fN5yxcgKDaoc9w4dRkUZsvB-BtWZbVvIEyx_mjz8DiQ1xp98UCDyzO5u0--k9-zaQ0hwKglYrLmgDUPDiwEV6f_UBzwUU-CEAj4INzIL6sOtKoxclrKkeCjVo9LnnU3CfR2RjfUuBsmBl5a_XIyUyftSxMd-FFfEYPAzuCzkTxeGguD4rCQ0OU6X8j9CFvZ_j2aFYNMwUVXpxlQNphC-hsls6_yZyD_\" 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 PlantUML<\/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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLPHKnfN57vdXl-mfG_5cIPCftdgKupQ9gq6539fdvW5DhgJPPVkNhIsqnc89cY8OgDI8MOKguOq0Kc81b6Q7rFktTr_qNFthWYB6JFrWO5xppdVETyvvxjUrn2lecHSShk-uBJxefpWLJxEIQ8ieDc4m2agcbBShiz4EIebOm8tXL12-yRdK_cPgvCYcaf6afgWHXKP2JAw6bNYleJ4opJW5Gt5937Y6xfs9K2FxeoD-kAyXWGLZi93uC43Y7erOO6VGyU4UtnIGj-2GL3yLU2-klQHso55KbJkyw-jlswRwSImo4_2jn2jOEXQN8a9KWVGldExtAxHmP_yTqBXa3yG7lRVlUqTw1pTlHMw6HuT-MxazZ0zTRkGY2I1qzyNsut7vkEKKNg2Z-iuL-EkSBXwZ0jbl9cdTW51rHJP6qrgI8aBwfUS1wUoxMRJzgdka8KZ3voQgPoPNjQFtfhRQRAGftVPTUElvtghIhRsZ9Sxvkw6MLhwDvNMZ-lwkoNSgEDy5NuQhKNwFVTOhvRqbKTugQGlPZm3PyZXaL-Gbu_5HPc2MA1wPijCqnpmQeb26uLrS3JpMKY5nb-h6-LtnaB6UBb2NZUDlpz00XwhwE0ij2iUlg4avHYlpdeZl7mV0f3ZlBw-ne9x1hZVt2wEwz3hdH4YOJwH03kxkioYlbRMorbycgFmt_FJV32gYWd4-RW9WOyYUeetotegP-otWCfseq9oA-r_dZ6wsgqFD41n7WXmnXlenOuh4L4IR7Z6gHDUz0S1Tr2EgOeOuxm_A4YYN0Ldn7jeW1g0DScVciKoAJo0JxnPCrDl8PPD9gInlAMlRLqGtP6CrOKmh8QcI08DRFM1BB_02qSmEHIB3cW_5xJorH9-lyTQJ4eBxPCZQ13q7UYW6JnyOSwLsMtx96i-t-d3JeYT_dE3WLkScTymqwj0xbaB032OK4LvahkXA1OiuvoR60c6B9TsOnyVx9Dyotpvfr5PX54n2olaC4r7vVs1llQc3pI9fiBQT9GYMovaSmbd2nz7P9Ee5qxmmpq83nMtMvjcSPbK3scvkqNyR5j_jys2uQKrc4qd9b9vMGFUH1Xz1jrkxfADrSkWMJIsJ1JQMY-sQXIwHXVEYNMsr3OGcyxBWEmrjMoP51Zr3CaNA4ewX_TQHhc2gqK7rd34oqUZi7T82ySY5CpgFNF5pLSqSa3HqAGg1CT7hOBct-BAXerZ6TE6MI82K8mKexnXFfbtG8qdXQJW5QO5YlKp_M6Hc8MPmqyEeDza-Ia5cE0Z4H6DZNVjIAgeWrQTAGTE7vB6QnXFVRr6Adii10NxlKjBg3n55LK8Koq1dkZSRJVmXpbxlUed-k4RJsTsoMgQR2wInHHyigeS9T5jU5077xZLQzPuT269CQXAHBDqrfglsYSjDkD6wg6dCwGmvjqz8e_-WCF-yND4JYIrgV0aZuGPdaOFZb5L8SjbyhJ2QEbPEBq0PANRZHHvNIAf5_ZWaRvpUjwMohw-ssIIEo58NOz7bvPQZ7U_Fx0gPAz2ezyCXG91wjxht2E6p9-9reN-FbZvinZs-z4dO2o7YqIfBurEvhOIMS-TjIL1_srVZsbtdfTREvBw10TgqILDk9PX7JLUPScR1qpAZ4oTUazE18Pw_Fhb1Tpjhds2krCnQfaU2RWaGYVdhZ4-hzH_Q_W2KyTSdfltDRclj5x1OQ-kHUdmZI7dTFrV3uVCm5xWnfpzp5jwOVCmE3OU-6YY5mPXJVdq80uHEYSgw1yC-7uS6ptpx4Lpy0lQ0ulD5jY1wdPT5-GO_7Fx7m00\" \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 PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' skinparam linetype ortho\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\nskinparam defaultFontSize 14\r\nskinparam defaultFontColor #333333\r\nskinparam vpDiagramType C4modelContainerDiagram\r\n\r\nLAYOUT_TOP_DOWN()\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle \u7dda\u4e0a\u9280\u884c\u5e73\u53f0 - \u5bb9\u5668\u5716\r\n\r\nPerson(customer, \"\u500b\u4eba\u9280\u884c\u5ba2\u6236\", \"\u900f\u904e\u7db2\u9801\u6216\u884c\u52d5\u88dd\u7f6e\u67e5\u8a62\u9918\u984d\u3001\u7e73\u7d0d\u5e33\u55ae\u3001\u8f49\u5e33\u53ca\u7ba1\u7406\u5361\u7247\")\r\nPerson_Ext(admin, \"\u9280\u884c\u71df\u904b\u4eba\u54e1\", \"\u8655\u7406\u958b\u6236\u3001\u7533\u8a34\u8207\u8a50\u6b3a\u8abf\u67e5\")\r\n\r\nSystem_Boundary(bank, \"\u6e56\u7554\u9280\u884c\") {\r\n  Container(web_app, \"\u7db2\u9801\u61c9\u7528\u7a0b\u5f0f\", \"JavaScript \/ React\", \"\u5728\u700f\u89bd\u5668\u4e2d\u63d0\u4f9b\u5ba2\u6236\u4f7f\u7528\u7684\u55ae\u9801\u61c9\u7528\u7a0b\u5f0f\")\r\n  Container(mobile_app, \"\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f\", \"iOS \/ Android (Kotlin, Swift)\", \"\u7528\u65bc\u96a8\u6642\u96a8\u5730\u9032\u884c\u9280\u884c\u7684\u539f\u751f\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f\")\r\n  Container(admin_console, \"\u71df\u904b\u63a7\u5236\u53f0\", \"TypeScript \/ React\", \"\u4f9b\u54e1\u5de5\u7ba1\u7406\u6848\u4ef6\u8207\u5e33\u6236\u7684\u5167\u90e8\u7ba1\u7406\u4ecb\u9762\")\r\n  Container(api, \"\u9280\u884c API \u9598\u9053\u5668\", \"Java \/ Spring Boot\", \"\u63d0\u4f9b REST API \u4e26\u5be6\u65bd\u9a57\u8b49\u3001\u9650\u6d41\u8207\u8def\u7531\")\r\n  Container(auth_svc, \"\u9a57\u8b49\u670d\u52d9\", \"Java \/ Spring Boot\", \"\u8655\u7406\u767b\u5165\u3001\u5de5\u4f5c\u968e\u6bb5\u8207\u591a\u56e0\u7d20\u9a57\u8b49\u5354\u8abf\")\r\n  Container(transaction_svc, \"\u4ea4\u6613\u670d\u52d9\", \"Java \/ Spring Boot\", \"\u5354\u8abf\u8f49\u5e33\u3001\u5e33\u55ae\u7e73\u7d0d\u8207\u5c0d\u5e33\")\r\n  Container(customer_svc, \"\u5ba2\u6236\u670d\u52d9\", \"Java \/ Spring Boot\", \"\u7ba1\u7406\u5ba2\u6236\u500b\u4eba\u8cc7\u6599\u8207\u504f\u597d\u8a2d\u5b9a\")\r\n  ContainerDb(accounts_db, \"\u5e33\u6236\u8cc7\u6599\u5eab\", \"PostgreSQL\", \"\u5132\u5b58\u5ba2\u6236\u5e33\u6236\u3001\u9918\u984d\u8207\u4ea4\u6613\u8a18\u9304\")\r\n  ContainerQueue(events_queue, \"\u4e8b\u4ef6\u532f\u6d41\u6392\", \"RabbitMQ\", \"\u7528\u65bc\u901a\u77e5\u8207\u8a50\u6b3a\u5075\u6e2c\u7684\u7570\u6b65\u4e8b\u4ef6\")\r\n}\r\n\r\nSystem_Ext(core_banking, \"\u6838\u5fc3\u9280\u884c\u7cfb\u7d71\", \"\u9280\u884c\u64c1\u6709\u6240\u6709\u5e33\u6236\u9918\u984d\u8207\u4ea4\u6613\u7684\u50b3\u7d71\u5e33\u7c3f\")\r\nSystem_Ext(identity, \"\u8eab\u4efd\u63d0\u4f9b\u8005\", \"\u9a57\u8b49\u4e26\u7ba1\u7406\u5ba2\u6236\u6191\u8b49\u8207\u591a\u56e0\u7d20\u9a57\u8b49\")\r\nSystem_Ext(push_gateway, \"SMS \/ \u63a8\u64ad\u901a\u77e5\u9598\u9053\u5668\", \"\u767c\u9001\u4e00\u6b21\u6027\u5bc6\u78bc\u8207\u4ea4\u6613\u8b66\u793a\")\r\n\r\nRel(customer, web_app, \"\u7528\u65bc\u7dda\u4e0a\u9280\u884c\u4f5c\u696d\", \"HTTPS\")\r\nRel(customer, mobile_app, \"\u7528\u65bc\u884c\u52d5\u9280\u884c\u4f5c\u696d\", \"HTTPS\/API\")\r\nRel(admin, admin_console, \"\u7528\u65bc\u7ba1\u7406\u6848\u4ef6\u8207\u5e33\u6236\", \"HTTPS\")\r\nRel(web_app, api, \"\u900f\u904e\", \"JSON\/HTTPS\")\r\nRel(mobile_app, api, \"\u900f\u904e\", \"JSON\/HTTPS\")\r\nRel(admin_console, api, \"\u900f\u904e\", \"JSON\/HTTPS\")\r\nRel(api, auth_svc, \"\u5c07\u9a57\u8b49\u8acb\u6c42\u8def\u7531\u81f3\", \"gRPC\")\r\nRel(api, transaction_svc, \"\u5c07\u4ea4\u6613\u8acb\u6c42\u8def\u7531\u81f3\", \"gRPC\")\r\nRel(api, customer_svc, \"\u5c07\u500b\u4eba\u8cc7\u6599\u8acb\u6c42\u8def\u7531\u81f3\", \"gRPC\")\r\nRel(auth_svc, identity, \"\u900f\u904e\", \"OIDC\")\r\nRel(auth_svc, push_gateway, \"\u900f\u904e\", \"HTTPS\/API\")\r\nRel(transaction_svc, accounts_db, \"\u4f7f\u7528\", \"JDBC\")\r\nRel(customer_svc, accounts_db, \"\u4f7f\u7528\", \"JDBC\")\r\nRel(customer_svc, events_queue, \"\u767c\u5e03\u5ba2\u6236\u4e8b\u4ef6\u81f3\", \"AMQP\")\r\nRel(transaction_svc, events_queue, \"\u767c\u5e03\u4ea4\u6613\u4e8b\u4ef6\u81f3\", \"AMQP\")\r\nRel(transaction_svc, core_banking, \"\u900f\u904e\", \"SOAP\/XML\")\r\nRel(events_queue, push_gateway, \"\u50b3\u9001\u8b66\u793a\u81f3\", \"AMQP\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLPHKnfN57vdXl-mfG_5cIPCftdgKupQ9gq6539fdvW5DhgJPPVkNhIsqnc89cY8OgDI8MOKguOq0Kc81b6Q7rFktTr_qNFthWYB6JFrWO5xppdVETyvvxjUrn2lecHSShk-uBJxefpWLJxEIQ8ieDc4m2agcbBShiz4EIebOm8tXL12-yRdK_cPgvCYcaf6afgWHXKP2JAw6bNYleJ4opJW5Gt5937Y6xfs9K2FxeoD-kAyXWGLZi93uC43Y7erOO6VGyU4UtnIGj-2GL3yLU2-klQHso55KbJkyw-jlswRwSImo4_2jn2jOEXQN8a9KWVGldExtAxHmP_yTqBXa3yG7lRVlUqTw1pTlHMw6HuT-MxazZ0zTRkGY2I1qzyNsut7vkEKKNg2Z-iuL-EkSBXwZ0jbl9cdTW51rHJP6qrgI8aBwfUS1wUoxMRJzgdka8KZ3voQgPoPNjQFtfhRQRAGftVPTUElvtghIhRsZ9Sxvkw6MLhwDvNMZ-lwkoNSgEDy5NuQhKNwFVTOhvRqbKTugQGlPZm3PyZXaL-Gbu_5HPc2MA1wPijCqnpmQeb26uLrS3JpMKY5nb-h6-LtnaB6UBb2NZUDlpz00XwhwE0ij2iUlg4avHYlpdeZl7mV0f3ZlBw-ne9x1hZVt2wEwz3hdH4YOJwH03kxkioYlbRMorbycgFmt_FJV32gYWd4-RW9WOyYUeetotegP-otWCfseq9oA-r_dZ6wsgqFD41n7WXmnXlenOuh4L4IR7Z6gHDUz0S1Tr2EgOeOuxm_A4YYN0Ldn7jeW1g0DScVciKoAJo0JxnPCrDl8PPD9gInlAMlRLqGtP6CrOKmh8QcI08DRFM1BB_02qSmEHIB3cW_5xJorH9-lyTQJ4eBxPCZQ13q7UYW6JnyOSwLsMtx96i-t-d3JeYT_dE3WLkScTymqwj0xbaB032OK4LvahkXA1OiuvoR60c6B9TsOnyVx9Dyotpvfr5PX54n2olaC4r7vVs1llQc3pI9fiBQT9GYMovaSmbd2nz7P9Ee5qxmmpq83nMtMvjcSPbK3scvkqNyR5j_jys2uQKrc4qd9b9vMGFUH1Xz1jrkxfADrSkWMJIsJ1JQMY-sQXIwHXVEYNMsr3OGcyxBWEmrjMoP51Zr3CaNA4ewX_TQHhc2gqK7rd34oqUZi7T82ySY5CpgFNF5pLSqSa3HqAGg1CT7hOBct-BAXerZ6TE6MI82K8mKexnXFfbtG8qdXQJW5QO5YlKp_M6Hc8MPmqyEeDza-Ia5cE0Z4H6DZNVjIAgeWrQTAGTE7vB6QnXFVRr6Adii10NxlKjBg3n55LK8Koq1dkZSRJVmXpbxlUed-k4RJsTsoMgQR2wInHHyigeS9T5jU5077xZLQzPuT269CQXAHBDqrfglsYSjDkD6wg6dCwGmvjqz8e_-WCF-yND4JYIrgV0aZuGPdaOFZb5L8SjbyhJ2QEbPEBq0PANRZHHvNIAf5_ZWaRvpUjwMohw-ssIIEo58NOz7bvPQZ7U_Fx0gPAz2ezyCXG91wjxht2E6p9-9reN-FbZvinZs-z4dO2o7YqIfBurEvhOIMS-TjIL1_srVZsbtdfTREvBw10TgqILDk9PX7JLUPScR1qpAZ4oTUazE18Pw_Fhb1Tpjhds2krCnQfaU2RWaGYVdhZ4-hzH_Q_W2KyTSdfltDRclj5x1OQ-kHUdmZI7dTFrV3uVCm5xWnfpzp5jwOVCmE3OU-6YY5mPXJVdq80uHEYSgw1yC-7uS6ptpx4Lpy0lQ0ulD5jY1wdPT5-GO_7Fx7m00\" \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 PlantUML 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\/#plantuml:ZLV1RkCs4BqRy3-mwM4Tm8vHDAUUrh7JJTeuLYm7QKy29Orb8XIfafIzRj5_xun4sRASDCbX8r6SUOypRnwpNwtZnfMvxFU-CFigLC4DpvaK2jo-0AQDs-X-xmUX4bccm3RE5VQNyTZmtLKctAQCImicqSg1SbU9piU5v8eIZgnBfOZ7q-jHG4lFyuTnpgq3WqlH52CuWfYheW8_GgUmvgLql-A6KFmDxAVhTxvEjTI6_VXpzTFUiorcWcVujA8JJAzpdO8y0Ffl_Lw_zp3vS_6yYbQB89ejNXu7buUbb_lLNVHm--tsSKQh_PuJJW9RA2eCk-4AmJA6vt9hRN8sOeVqh9K_06Er6YIbTJe7CsGNzGgNXnHJ_-q2FqutaBnQ5dCiLm9so0g-nrSX9JuxmvLTOpZBjOBza76Lifmhde5b2JUfPLl1sGvYx1dkmJ2uk6muHBVVtO2dkL28GzXiKO3XJcXbMUZuUaq4xZ2dn7GyINIf7DC5A2GvPDXNRAjGpjQuQyFBb0cr1Uj4LgUvgEeKxh73UNI3yIat-q6CM9ZvWR-25MbTkejBza-_nuur6o3hY1S5Rdn1_fEYa2AfiXAht_YMXuaHXMDZjWIUE5gTWHHRAeVR06igF5hpXAfgyHy9emABmp0lCgssnKRlKAt4j8rU5yiJc5Sln85Gn294q8bAZHOf6_okdQGIXZknTfUquH5fRi7Nky92GR3OTrVNk9dkGbQjY71ih9Q0QLhTcDQBb9pqUtxoUvmrGnggak3Py1NF3HMofLuofxqqK1cM6eezyqsrPrGAuJL1Z2V1FVl67UpulgazOeU5eOytMbSCRhyNcj8kRyCLHTG0e910GcYbsw1WDqOxAbTMQyReqk7B6JnkZkmsmRGJV4GNyQrd8PYjIE1z6erSfSweASZ8OfoV33G9GN9mM1IajK6brXNk4gW62_VX9yzZTLpvcCHKQvCAXIMpnnaTLbDByvl3OMWCOByJ8SMRD1e9UmwDBtnCODvuG1DH6BqMqdUzC824WFoaWpYB1uqaeZIcylitDkEEnwWRoXvewp83uTC3lOLOpJPKas3OCYr2RTMKRGHkDliE-bC99GnWI-M9_g8NqXMziflI4jQInx5myoTwdjYzIbYzkvAvqawilL1iov9IS90qvVstPKZaVmcIZ_neLfqpHokljrL3HqQ1grzGM93nP8-_qWmFwpOSBN57UDZRnYERWtVFNPMx1OxcXz9sUnfW_yW2exUuNfb_I_m-MTvjR6AWYkJIdckSdmnF1xmexIRAwh6cDix9rG9SP8-jGhO7FmI5DmhUD2CdSa0bMxlJTCbqsyib6EVDVmcoTTaTJVsPpABjYw8ozhlLAWWfyZJkn8xFGe-MscGOemCrMVmLrxNNmuoSkU5RL0x4QskSOhjjRNDumrQ362uUnoSXRSwVZ-hGR0VMtlv1EErl-USI7TRRBveD3fN5yxcgKDaoc9w4dRkUZsvB-BtWZbVvIEyx_mjz8DiQ1xp98UCDyzO5u0--k9-zaQ0hwKglYrLmgDUPDiwEV6f_UBzwUU-CEAj4INzIL6sOtKoxclrKkeCjVo9LnnU3CfR2RjfUuBsmBl5a_XIyUyftSxMd-FFfEYPAzuCzkTxeGguD4rCQ0OU6X8j9CFvZ_j2aFYNMwUVXpxlQNphC-hsls6_yZyD_\" 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 PlantUML<\/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\/#plantuml:ZLV1RkCs4BqRy3-mwM4Tm8vHDAUUrh7JJTeuLYm7QKy29Orb8XIfafIzRj5_xun4sRASDCbX8r6SUOypRnwpNwtZnfMvxFU-CFigLC4DpvaK2jo-0AQDs-X-xmUX4bccm3RE5VQNyTZmtLKctAQCImicqSg1SbU9piU5v8eIZgnBfOZ7q-jHG4lFyuTnpgq3WqlH52CuWfYheW8_GgUmvgLql-A6KFmDxAVhTxvEjTI6_VXpzTFUiorcWcVujA8JJAzpdO8y0Ffl_Lw_zp3vS_6yYbQB89ejNXu7buUbb_lLNVHm--tsSKQh_PuJJW9RA2eCk-4AmJA6vt9hRN8sOeVqh9K_06Er6YIbTJe7CsGNzGgNXnHJ_-q2FqutaBnQ5dCiLm9so0g-nrSX9JuxmvLTOpZBjOBza76Lifmhde5b2JUfPLl1sGvYx1dkmJ2uk6muHBVVtO2dkL28GzXiKO3XJcXbMUZuUaq4xZ2dn7GyINIf7DC5A2GvPDXNRAjGpjQuQyFBb0cr1Uj4LgUvgEeKxh73UNI3yIat-q6CM9ZvWR-25MbTkejBza-_nuur6o3hY1S5Rdn1_fEYa2AfiXAht_YMXuaHXMDZjWIUE5gTWHHRAeVR06igF5hpXAfgyHy9emABmp0lCgssnKRlKAt4j8rU5yiJc5Sln85Gn294q8bAZHOf6_okdQGIXZknTfUquH5fRi7Nky92GR3OTrVNk9dkGbQjY71ih9Q0QLhTcDQBb9pqUtxoUvmrGnggak3Py1NF3HMofLuofxqqK1cM6eezyqsrPrGAuJL1Z2V1FVl67UpulgazOeU5eOytMbSCRhyNcj8kRyCLHTG0e910GcYbsw1WDqOxAbTMQyReqk7B6JnkZkmsmRGJV4GNyQrd8PYjIE1z6erSfSweASZ8OfoV33G9GN9mM1IajK6brXNk4gW62_VX9yzZTLpvcCHKQvCAXIMpnnaTLbDByvl3OMWCOByJ8SMRD1e9UmwDBtnCODvuG1DH6BqMqdUzC824WFoaWpYB1uqaeZIcylitDkEEnwWRoXvewp83uTC3lOLOpJPKas3OCYr2RTMKRGHkDliE-bC99GnWI-M9_g8NqXMziflI4jQInx5myoTwdjYzIbYzkvAvqawilL1iov9IS90qvVstPKZaVmcIZ_neLfqpHokljrL3HqQ1grzGM93nP8-_qWmFwpOSBN57UDZRnYERWtVFNPMx1OxcXz9sUnfW_yW2exUuNfb_I_m-MTvjR6AWYkJIdckSdmnF1xmexIRAwh6cDix9rG9SP8-jGhO7FmI5DmhUD2CdSa0bMxlJTCbqsyib6EVDVmcoTTaTJVsPpABjYw8ozhlLAWWfyZJkn8xFGe-MscGOemCrMVmLrxNNmuoSkU5RL0x4QskSOhjjRNDumrQ362uUnoSXRSwVZ-hGR0VMtlv1EErl-USI7TRRBveD3fN5yxcgKDaoc9w4dRkUZsvB-BtWZbVvIEyx_mjz8DiQ1xp98UCDyzO5u0--k9-zaQ0hwKglYrLmgDUPDiwEV6f_UBzwUU-CEAj4INzIL6sOtKoxclrKkeCjVo9LnnU3CfR2RjfUuBsmBl5a_XIyUyftSxMd-FFfEYPAzuCzkTxeGguD4rCQ0OU6X8j9CFvZ_j2aFYNMwUVXpxlQNphC-hsls6_yZyD_\" 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 Plantuml<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<blockquote>\n<p><strong>\ud83d\udca1 \u521d\u5b78\u8005\u63d0\u793a\uff1a<\/strong>\u8acb Visual Paradigm AI \u6839\u64da\u6211\u7684\u60c5\u5883\u5716\u300c\u751f\u6210\u5bb9\u5668\u5716\u300d\u4ee5\u7dad\u6301\u5225\u540d\u4e00\u81f4\u6027\u3002\u5728\u63d0\u793a\u8a5e\u4e2d\u6307\u5b9a\u60a8\u7684\u6280\u8853\u5806\u758a\uff0c\u4ee5\u4fbf\u5728\u6bcf\u500b\u5de8\u96c6\u7684\u7b2c\u4e09\u53c3\u6578\u4e2d\u7372\u5f97\u6e96\u78ba\u7684\u6280\u8853\u8a3b\u89e3\u3002<code data-backticks=\"1\">Container()<\/code>\u5de8\u96c6\u3002<\/p>\n<\/blockquote>\n<hr\/>\n<h2>\u7b2c\u4e09\u5c64\uff1a\u5143\u4ef6\u5716 \u2013 \u9598\u9053\u5668\u5167\u90e8<\/h2>\n<p>\u7b2c\u4e09\u5c64\u662f\u8a31\u591a\u521d\u5b78\u8005\u611f\u5230\u56f0\u96e3\u7684\u5730\u65b9\uff0c\u56e0\u70ba\u5b83\u9700\u8981\u5c07<em>\u55ae\u4e00\u7279\u5b9a\u5bb9\u5668<\/em>\u9032\u884c\u5206\u89e3\uff0c\u540c\u6642\u5c07\u5176\u4ed6\u90e8\u5206\u8996\u70ba\u4e0d\u900f\u660e\u7684\u80cc\u666f\u3002AI \u804a\u5929\u6a5f\u5668\u4eba\u64c5\u9577\u5728\u6b64\u8655\u751f\u6210\u5c08\u6ce8\u7684\u5143\u4ef6\u8996\u5716\uff0c\u4e26\u6b63\u78ba\u4f7f\u7528<code data-backticks=\"1\">Container_Boundary<\/code>\u9032\u884c\u7bc4\u570d\u754c\u5b9a\u3002<\/p>\n<p><img alt=\"\u9280\u884c API \u9598\u9053\u5143\u4ef6\u5716\u8868\uff0c\u986f\u793a\u5ba2\u6236\u670d\u52d9\u3001\u4ea4\u6613\u670d\u52d9\u8207\u9a57\u8b49\u670d\u52d9\u7684\u4e92\u52d5\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f503614ba.png\"\/><br \/>\n<em>L3 \u2013 \u5143\u4ef6\u5716 \u2013 \u9280\u884c API \u9598\u9053\u5668\uff08\u5bb9\u5668\uff09<\/em><\/p>\n<p><img alt=\"Visual Paradigm AI \u5143\u4ef6\u5716\u8868\uff0c\u986f\u793a\u9280\u884c API \u9598\u9053\u7684\u5167\u90e8\u7d50\u69cb\uff0c\u5305\u542b API \u8def\u7531\u8207\u9a57\u8b49\u904e\u6ffe\u5668\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f5499ecf9.png\"\/><\/p>\n<h3>\u6b64\u7b2c\u4e09\u5c64\u5716\u8868\u986f\u793a\u4ec0\u9ebc<\/h3>\n<p>\u6b64\u5716\u7e2e\u653e\u81f3<strong>\u9280\u884c API \u9598\u9053\u5668<\/strong>\u5bb9\u5668\uff0c\u4e26\u5c07\u5176\u5206\u89e3\u70ba\u5167\u90e8\u8edf\u9ad4\u5143\u4ef6\u3002\u6839\u64da C4 \u6307\u5f15\uff0c\u5b83\u9078\u64c7<strong>\u4e00\u500b<\/strong>\u5bb9\u5668\u9032\u884c\u5206\u89e3\u2014\u2014\u524d\u7aef\u8207\u4e0b\u6e38\u670d\u52d9\u5247\u4fdd\u6301\u70ba\u5176\u5468\u570d\u7684\u5c01\u9589\u4e0a\u4e0b\u6587\u3002<\/p>\n<h3>\u9598\u9053\u7684\u5167\u90e8\u7d50\u69cb<\/h3>\n<ul>\n<li>\n<p><strong><code data-backticks=\"1\">API \u8def\u7531\u5668<\/code>\uff08Spring Cloud Gateway\uff09\uff1a<\/strong>\u5c07 incoming \u8acb\u6c42\u8def\u7531\u81f3\u4e0b\u6e38\u670d\u52d9\u3002<\/p>\n<\/li>\n<li>\n<p><strong><code data-backticks=\"1\">\u9a57\u8b49\u8207\u901f\u7387\u9650\u5236\u904e\u6ffe\u5668<\/code>:<\/strong>\u9a57\u8b49 JWT \u6b0a\u6756\u3001\u5be6\u65bd\u901f\u7387\u9650\u5236\uff08Resilience4j\uff09\uff0c\u4e26\u6aa2\u67e5\u6b0a\u9650\u3002<\/p>\n<\/li>\n<li>\n<p><strong><code data-backticks=\"1\">Session \u5feb\u53d6<\/code>\uff08Redis\uff09\uff1a<\/strong>\u512a\u5316\u9a57\u8b49\u6aa2\u67e5\u7684\u5ef6\u9072\u3002<\/p>\n<\/li>\n<li>\n<p><strong><code data-backticks=\"1\">\u5206\u6563\u5f0f\u8ffd\u8e64<\/code>\uff08OpenTelemetry\uff09\uff1a<\/strong>\u900f\u904e\u8def\u7531\u8def\u5f91\u5be6\u73fe\u53ef\u89c0\u6e2c\u6027\u3002<\/p>\n<\/li>\n<li>\n<p><strong><code data-backticks=\"1\">\u932f\u8aa4\u8655\u7406\u5668<\/code>:<\/strong>\u5c07\u5931\u6557\u7d71\u4e00\u8f49\u63db\u70ba\u4e00\u81f4\u7684 HTTP \u56de\u61c9\u3002<\/p>\n<\/li>\n<\/ul>\n<h3>L3 PlantUML \u539f\u59cb\u78bc<\/h3>\n<p>\u5728\u7b2c 3 \u5c64\uff0c\u6ce8\u610f\u4f7f\u7528<code data-backticks=\"1\">Component()<\/code>\u5de8\u96c6\uff0c\u4f4d\u65bc<code data-backticks=\"1\">Container_Boundary()<\/code>\u3002\u5916\u90e8\u5bb9\u5668\u50c5\u88ab\u5f15\u7528\uff0c\u7121\u9700\u91cd\u65b0\u5b9a\u7fa9\u5176\u5167\u90e8\u7d50\u69cb\uff0c\u4ee5\u7dad\u6301\u6b63\u78ba\u7684\u62bd\u8c61\u5c64\u7d1a\u3002<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLRVRo8t47v7ud-OKgcNIE5GrJprwSWckN0Y2GBIg4_8h0TmyTgkxOLoLV_tc_4kiE6IKrHUm6FFDzzyyoFv5ABmiInqk_K1mbeP9xmeG2k3SUSGh8yhssxzf4okIucmYj65ttizBxOVbogkodaPqEVMH3JnOswBdjF2C60tHAdLl9TTTaTiUheVzWeH8deopJ9RE6lOnwNWnz0I5wBKyPOW9-ehmg-NRzncLbiFF_-MFiqt6tUjn99-JJc3xBAm4lKXO7tNRhLRm_wVZq_JsVDWUZSRtdo-URW-EsTxL56Juzu3PEK22uet56iCYfIu4cODtVIbp1Bwem5y5X6tOiSG6H4K9A8_s-9y9foxWCuppg7ld5QvYCgQ3fd6AF88ar6V3nF2qTXrOeamztPBmW9v0YaiORw3l0pH5kX3vxmPeB1pfR6ESPyE78OHrUC4Uj0tqbibsV10aJS8bSjxm8Kib9bHVOFLI02F3drY7qYVP3oamJy6r0VU20t93vu61tpgiyMYS_v2czcLBOqKVdScd9ejjmJmYfoTS_YttO9ZFSwyBICzekVyR4mdz4b0vzatqxQK1s-cnoy2K0_RWXzu_Bl440D42t65a5llaUeWxTQ4w95AJTflL8vCk1bPb74rMoXD0JawdU0N65Eaxb0LAi9jkcfmcM1UUXLtL8OnzOrMQ7Ay_8jV_26qaeA9VNcU4fKrcd31DQ570KXbf34aK3OQ2VaAytK0qhzG8N05Jib5B_9Abcj5QQWvPIrXMbaxLV7C53KM67qI9kF4TU9mq4JateQm5o2afhTpFWfg6ahbD6mkY1fdZ8aMP7okkaAgaCAm9TGffcH2_PQwWjAaCWI7nBLqm0hNkPu6Gk-jdwt8NoVvR_WCTzMveVcLjQaP7wmlIEEl53gvKew1e2Xsub08HnV_vEYgVYOMTzFfA74g0pM5n4JXlvVpd5eWRFAw_aIidcUgTTKptpEfE0RGTgdCnJxxggxtjttQiYnGh2RhvG2IqGIQBhgeeqwFbX-4pAprKfbKsuIneDc-02gX1YTs1V6k6ujQtvgSIljAzFrMg4DdzV47SU-5eVqL3li4dBSqCBNcpYFnu1a8rIuOepvkoEDSJz38a9P0OrOP_ilayQ77PPgmFtitrz__0ZXPSQSOrIPx5zB1zUMQg9O2zTe6_MwFGek7dYzNZ7HWqdJRZnNjLbc9jwL5Wk5aTfHv4-6u3svuZT2C2RCd_ntbu-C1xy0oDSY1R2wq3h2bF_XDvvE1F2etnbXwYcNs4oWRixTHubK6ZS6g5tRQ1IUgByUZx3No9qDI8pGktWLqqkyrIjt2Ro6qMv-eK-ZVc6y0\" 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 PlantUML<\/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\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLRVRo8t47v7ud-OKgcNIE5GrJprwSWckN0Y2GBIg4_8h0TmyTgkxOLoLV_tc_4kiE6IKrHUm6FFDzzyyoFv5ABmiInqk_K1mbeP9xmeG2k3SUSGh8yhssxzf4okIucmYj65ttizBxOVbogkodaPqEVMH3JnOswBdjF2C60tHAdLl9TTTaTiUheVzWeH8deopJ9RE6lOnwNWnz0I5wBKyPOW9-ehmg-NRzncLbiFF_-MFiqt6tUjn99-JJc3xBAm4lKXO7tNRhLRm_wVZq_JsVDWUZSRtdo-URW-EsTxL56Juzu3PEK22uet56iCYfIu4cODtVIbp1Bwem5y5X6tOiSG6H4K9A8_s-9y9foxWCuppg7ld5QvYCgQ3fd6AF88ar6V3nF2qTXrOeamztPBmW9v0YaiORw3l0pH5kX3vxmPeB1pfR6ESPyE78OHrUC4Uj0tqbibsV10aJS8bSjxm8Kib9bHVOFLI02F3drY7qYVP3oamJy6r0VU20t93vu61tpgiyMYS_v2czcLBOqKVdScd9ejjmJmYfoTS_YttO9ZFSwyBICzekVyR4mdz4b0vzatqxQK1s-cnoy2K0_RWXzu_Bl440D42t65a5llaUeWxTQ4w95AJTflL8vCk1bPb74rMoXD0JawdU0N65Eaxb0LAi9jkcfmcM1UUXLtL8OnzOrMQ7Ay_8jV_26qaeA9VNcU4fKrcd31DQ570KXbf34aK3OQ2VaAytK0qhzG8N05Jib5B_9Abcj5QQWvPIrXMbaxLV7C53KM67qI9kF4TU9mq4JateQm5o2afhTpFWfg6ahbD6mkY1fdZ8aMP7okkaAgaCAm9TGffcH2_PQwWjAaCWI7nBLqm0hNkPu6Gk-jdwt8NoVvR_WCTzMveVcLjQaP7wmlIEEl53gvKew1e2Xsub08HnV_vEYgVYOMTzFfA74g0pM5n4JXlvVpd5eWRFAw_aIidcUgTTKptpEfE0RGTgdCnJxxggxtjttQiYnGh2RhvG2IqGIQBhgeeqwFbX-4pAprKfbKsuIneDc-02gX1YTs1V6k6ujQtvgSIljAzFrMg4DdzV47SU-5eVqL3li4dBSqCBNcpYFnu1a8rIuOepvkoEDSJz38a9P0OrOP_ilayQ77PPgmFtitrz__0ZXPSQSOrIPx5zB1zUMQg9O2zTe6_MwFGek7dYzNZ7HWqdJRZnNjLbc9jwL5Wk5aTfHv4-6u3svuZT2C2RCd_ntbu-C1xy0oDSY1R2wq3h2bF_XDvvE1F2etnbXwYcNs4oWRixTHubK6ZS6g5tRQ1IUgByUZx3No9qDI8pGktWLqqkyrIjt2Ro6qMv-eK-ZVc6y0\" 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 PlantUML<\/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\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLPRJnj757wtvFymfGy5gObLbQS-1Pmq5z60i2FK9slnJl2MlMbt7KIhIkian803JWKOJ4Yv18CB0Hkv1GSm_9ZkpEx-YvxPDRu1KbG_sJFdVDyvtpdVoFTqWzECf2G60zyWVLoGLKxZ92GACZOcLOmKpKWemS1NWXmNapn62SDGzHz28OsRk3ic68daQ5B7MboH3ImRT-EA5595JcQ0TtI35uNHKBZtpX0xUlRJG4ZYT0DhS1GBAvAgo2n7zSYRr3n-pYL5uqU0Z0Y_OlHTxostOKLKDFJrzzwdDUQ5Ub_Wnk1Rb7KGxfKK7eiDmlfTC10C3FJzFFWi6Xjv77qK6tZmyC7J-zqzxDmG316Z0MuSwmBqtC_9uyYTDPtDjwXlw35oSojkQe5ClRBEZibQZcM4eHuEDDEw9_1eZ5FLRr7N21v5D3rZBnRjOeQSPxlWR1XpSGD5XlhO3tAuHQUFhTeb2rbzJNA7xaRADhFEJetaYssfFQqKaZ8gYBZE0aMHp58dZp0OGI7K9_EQ8l0tSSslsulhD-Is4N6y9CWn6AwkY1X0hDeQBHpG-LqoVKoovKP37i729ZafD0ccTjrNHVjmqtxtnZhBk1-skdhQX8hrAqcPvxJ9RauLOcCJ075DuguUz5imW51ZTjsQaZG4UGo2MPHpKh8NZq0hLa14rU06XKKboQE7d84dk4cli78QmVOg4hjrzZFqwAMVvwGhzE2ZlNKAvLhL3ArMwTeSoUHPeQsSND98n9uB8cmkA_AlPUTWnfbEk-QwFPzsy-z033SrJoylsWk9u7XI4un9cCCmx94eO3cEUt_fQc2W9oDHH3_DqW-vVyqKAIo3SgsWLdM7xctHzGB4m4bdMOR6nNqfoFGRklGHfkTSrfpFsunXKCLo58jOmeRcgU0khpcfadDIz7k4bdqfhBC2AUtOsGkIBJcx9gr-ekPk9rMSYoVO_2DOrmL5HkHodsHp_lXvGVTKzexyRa0ST1LgPqmwbM4iinlGdD-vtrOd2zOqHOibE9aNVQNVbfozRIU_12lKBcs_edWxP_zpP5LDFuwy_nCM6JI3ULiN6RATOzIL55tP8ENNC6lqA1eTgjTZRvqpzj_RhUiDMdyHRqoelW_NYVsYxFmPcIh0xAwQXSR9zYfvls7_lU4ZaBb5P--otLKmE5a7rq16dSqwtQOh2xUo-I1EROPKAsnJgXLuAkXYoJfROOpbEJXffuWdTKEHm6G-lc_-M_5zb_f1JYLDSta6cygIGiqf7f33LT-wmrXilcvD8vAN5TTCUQwjkojTOQXF8eDFGqpp24jdoQtlrl_9xtYEEY7yDhu4g97PRctO75hA4ZFZf_kcTirL-C9m6cMq9brPmpaqOV-PRgLzM8gE_QUvyriHcZwsy-SaVOfq5VO3rOk_Ld8p74m53vjkQ4a9xCEnVK8qzvcz0zvw-bsGFyv9ThyLgiDdJHbTCrjl5GG5F_dsyerritJrzIgdwwzY--lAaCQ6Xy8tzT3X06PQpmHV2j6vuUKqpCqwFQtlx-qemS0zBFFmd-C_\" \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 PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n' skinparam linetype ortho\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\nskinparam defaultFontSize 14\r\nskinparam defaultFontColor #333333\r\nskinparam vpDiagramType C4modelComponentDiagram\r\n\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle Lakeside Bank \u9280\u884c API \u9598\u9053\u5143\u4ef6\u5716\r\n\r\nContainer(web_app, \"Web \u61c9\u7528\u7a0b\u5f0f\", \"React SPA\", \"\u5ba2\u6236\u4f7f\u7528\u7684\u55ae\u9801\u700f\u89bd\u5668\u61c9\u7528\u7a0b\u5f0f\")\r\nContainer(mobile_app, \"\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f\", \"iOS \/ Android\", \"\u5ba2\u6236\u4f7f\u7528\u7684\u539f\u751f\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f\")\r\nContainer(admin_console, \"\u4f5c\u696d\u63a7\u5236\u53f0\", \"React\", \"\u54e1\u5de5\u4f7f\u7528\u7684\u5167\u90e8\u7ba1\u7406\u4ecb\u9762\")\r\n\r\nContainer_Boundary(api_gw, \"\u9280\u884c API \u9598\u9053\") {\r\n  Component(routing, \"API \u8def\u7531\u5668\", \"Spring Cloud Gateway\", \"\u5c07 incoming \u8acb\u6c42\u8def\u7531\u81f3\u6b63\u78ba\u7684\u4e0b\u6e38\u670d\u52d9\")\r\n  Component(auth_filter, \"\u9a57\u8b49\u8207\u901f\u7387\u9650\u5236\u904e\u6ffe\u5668\", \"Spring Security \/ Resilience4j\", \"\u9a57\u8b49 JWT \u6b0a\u6756\u3001\u5957\u7528\u901f\u7387\u9650\u5236\u4e26\u6aa2\u67e5\u6b0a\u9650\")\r\n  Component(tracing, \"\u5206\u6563\u5f0f\u8ffd\u8e64\", \"OpenTelemetry\", \"\u95dc\u806f\u8de8\u670d\u52d9\u7684\u8acb\u6c42\u4ee5\u5be6\u73fe\u53ef\u89c0\u6e2c\u6027\")\r\n  Component(cache, \"Session \u5feb\u53d6\", \"Redis\", \"\u5feb\u53d6\u6b0a\u6756\u8207 Session \u72c0\u614b\u4ee5\u52a0\u901f\u9a57\u8b49\u6aa2\u67e5\")\r\n  Component(error_handler, \"\u932f\u8aa4\u8655\u7406\u5668\", \"Spring Boot\", \"\u7d71\u4e00\u932f\u8aa4\u56de\u61c9\u4e26\u5c07\u4f8b\u5916\u72c0\u6cc1\u6620\u5c04\u81f3 HTTP \u72c0\u614b\u78bc\")\r\n}\r\n\r\nContainer(auth_svc, \"\u9a57\u8b49\u670d\u52d9\", \"Spring Boot\", \"\u8655\u7406\u767b\u5165\u3001Session \u8207\u591a\u56e0\u7d20\u9a57\u8b49\u5354\u8abf\")\r\nContainer(transaction_svc, \"\u4ea4\u6613\u670d\u52d9\", \"Spring Boot\", \"\u5354\u8abf\u8f49\u5e33\u3001\u5e33\u55ae\u652f\u4ed8\u8207\u5c0d\u5e33\")\r\nContainer(customer_svc, \"\u5ba2\u6236\u670d\u52d9\", \"Spring Boot\", \"\u7ba1\u7406\u5ba2\u6236\u8cc7\u6599\u8207\u504f\u597d\u8a2d\u5b9a\")\r\n\r\nRel(web_app, routing, \"\u50b3\u9001 API \u8acb\u6c42\u81f3\", \"JSON\/HTTPS\")\r\nRel(mobile_app, routing, \"\u50b3\u9001 API \u8acb\u6c42\u81f3\", \"JSON\/HTTPS\")\r\nRel(admin_console, routing, \"\u50b3\u9001\u7ba1\u7406 API \u8acb\u6c42\u81f3\", \"JSON\/HTTPS\")\r\nRel(routing, auth_filter, \"\u5c07\u6bcf\u500b\u8acb\u6c42\u904e\u6ffe\u901a\u904e\", \"\")\r\nRel(auth_filter, cache, \"\u8b80\u53d6\u8207\u5beb\u5165 Session \u72c0\u614b\u65bc\", \"\")\r\nRel(auth_filter, tracing, \"\u767c\u51fa spans \u81f3\", \"\")\r\nRel(routing, tracing, \"\u4ee5 instrumentation \u65b9\u5f0f\u8655\u7406\u8acb\u6c42\u547c\u53eb\", \"\")\r\nRel(error_handler, routing, \"\u900f\u904e\", \"\u50b3\u56de\u7d71\u4e00\u56de\u61c9\")\r\nRel(routing, auth_svc, \"\u5c07\u9a57\u8b49\u8acb\u6c42\u8def\u7531\u81f3\", \"gRPC\")\r\nRel(routing, transaction_svc, \"\u5c07\u4ea4\u6613\u8acb\u6c42\u8def\u7531\u81f3\", \"gRPC\")\r\nRel(routing, customer_svc, \"\u5c07\u500b\u4eba\u8cc7\u6599\u8acb\u6c42\u8def\u7531\u81f3\", \"gRPC\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLPRJnj757wtvFymfGy5gObLbQS-1Pmq5z60i2FK9slnJl2MlMbt7KIhIkian803JWKOJ4Yv18CB0Hkv1GSm_9ZkpEx-YvxPDRu1KbG_sJFdVDyvtpdVoFTqWzECf2G60zyWVLoGLKxZ92GACZOcLOmKpKWemS1NWXmNapn62SDGzHz28OsRk3ic68daQ5B7MboH3ImRT-EA5595JcQ0TtI35uNHKBZtpX0xUlRJG4ZYT0DhS1GBAvAgo2n7zSYRr3n-pYL5uqU0Z0Y_OlHTxostOKLKDFJrzzwdDUQ5Ub_Wnk1Rb7KGxfKK7eiDmlfTC10C3FJzFFWi6Xjv77qK6tZmyC7J-zqzxDmG316Z0MuSwmBqtC_9uyYTDPtDjwXlw35oSojkQe5ClRBEZibQZcM4eHuEDDEw9_1eZ5FLRr7N21v5D3rZBnRjOeQSPxlWR1XpSGD5XlhO3tAuHQUFhTeb2rbzJNA7xaRADhFEJetaYssfFQqKaZ8gYBZE0aMHp58dZp0OGI7K9_EQ8l0tSSslsulhD-Is4N6y9CWn6AwkY1X0hDeQBHpG-LqoVKoovKP37i729ZafD0ccTjrNHVjmqtxtnZhBk1-skdhQX8hrAqcPvxJ9RauLOcCJ075DuguUz5imW51ZTjsQaZG4UGo2MPHpKh8NZq0hLa14rU06XKKboQE7d84dk4cli78QmVOg4hjrzZFqwAMVvwGhzE2ZlNKAvLhL3ArMwTeSoUHPeQsSND98n9uB8cmkA_AlPUTWnfbEk-QwFPzsy-z033SrJoylsWk9u7XI4un9cCCmx94eO3cEUt_fQc2W9oDHH3_DqW-vVyqKAIo3SgsWLdM7xctHzGB4m4bdMOR6nNqfoFGRklGHfkTSrfpFsunXKCLo58jOmeRcgU0khpcfadDIz7k4bdqfhBC2AUtOsGkIBJcx9gr-ekPk9rMSYoVO_2DOrmL5HkHodsHp_lXvGVTKzexyRa0ST1LgPqmwbM4iinlGdD-vtrOd2zOqHOibE9aNVQNVbfozRIU_12lKBcs_edWxP_zpP5LDFuwy_nCM6JI3ULiN6RATOzIL55tP8ENNC6lqA1eTgjTZRvqpzj_RhUiDMdyHRqoelW_NYVsYxFmPcIh0xAwQXSR9zYfvls7_lU4ZaBb5P--otLKmE5a7rq16dSqwtQOh2xUo-I1EROPKAsnJgXLuAkXYoJfROOpbEJXffuWdTKEHm6G-lc_-M_5zb_f1JYLDSta6cygIGiqf7f33LT-wmrXilcvD8vAN5TTCUQwjkojTOQXF8eDFGqpp24jdoQtlrl_9xtYEEY7yDhu4g97PRctO75hA4ZFZf_kcTirL-C9m6cMq9brPmpaqOV-PRgLzM8gE_QUvyriHcZwsy-SaVOfq5VO3rOk_Ld8p74m53vjkQ4a9xCEnVK8qzvcz0zvw-bsGFyv9ThyLgiDdJHbTCrjl5GG5F_dsyerritJrzIgdwwzY--lAaCQ6Xy8tzT3X06PQpmHV2j6vuUKqpCqwFQtlx-qemS0zBFFmd-C_\" \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 PlantUML 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\/#plantuml:dLRVRo8t47v7ud-OKgcNIE5GrJprwSWckN0Y2GBIg4_8h0TmyTgkxOLoLV_tc_4kiE6IKrHUm6FFDzzyyoFv5ABmiInqk_K1mbeP9xmeG2k3SUSGh8yhssxzf4okIucmYj65ttizBxOVbogkodaPqEVMH3JnOswBdjF2C60tHAdLl9TTTaTiUheVzWeH8deopJ9RE6lOnwNWnz0I5wBKyPOW9-ehmg-NRzncLbiFF_-MFiqt6tUjn99-JJc3xBAm4lKXO7tNRhLRm_wVZq_JsVDWUZSRtdo-URW-EsTxL56Juzu3PEK22uet56iCYfIu4cODtVIbp1Bwem5y5X6tOiSG6H4K9A8_s-9y9foxWCuppg7ld5QvYCgQ3fd6AF88ar6V3nF2qTXrOeamztPBmW9v0YaiORw3l0pH5kX3vxmPeB1pfR6ESPyE78OHrUC4Uj0tqbibsV10aJS8bSjxm8Kib9bHVOFLI02F3drY7qYVP3oamJy6r0VU20t93vu61tpgiyMYS_v2czcLBOqKVdScd9ejjmJmYfoTS_YttO9ZFSwyBICzekVyR4mdz4b0vzatqxQK1s-cnoy2K0_RWXzu_Bl440D42t65a5llaUeWxTQ4w95AJTflL8vCk1bPb74rMoXD0JawdU0N65Eaxb0LAi9jkcfmcM1UUXLtL8OnzOrMQ7Ay_8jV_26qaeA9VNcU4fKrcd31DQ570KXbf34aK3OQ2VaAytK0qhzG8N05Jib5B_9Abcj5QQWvPIrXMbaxLV7C53KM67qI9kF4TU9mq4JateQm5o2afhTpFWfg6ahbD6mkY1fdZ8aMP7okkaAgaCAm9TGffcH2_PQwWjAaCWI7nBLqm0hNkPu6Gk-jdwt8NoVvR_WCTzMveVcLjQaP7wmlIEEl53gvKew1e2Xsub08HnV_vEYgVYOMTzFfA74g0pM5n4JXlvVpd5eWRFAw_aIidcUgTTKptpEfE0RGTgdCnJxxggxtjttQiYnGh2RhvG2IqGIQBhgeeqwFbX-4pAprKfbKsuIneDc-02gX1YTs1V6k6ujQtvgSIljAzFrMg4DdzV47SU-5eVqL3li4dBSqCBNcpYFnu1a8rIuOepvkoEDSJz38a9P0OrOP_ilayQ77PPgmFtitrz__0ZXPSQSOrIPx5zB1zUMQg9O2zTe6_MwFGek7dYzNZ7HWqdJRZnNjLbc9jwL5Wk5aTfHv4-6u3svuZT2C2RCd_ntbu-C1xy0oDSY1R2wq3h2bF_XDvvE1F2etnbXwYcNs4oWRixTHubK6ZS6g5tRQ1IUgByUZx3No9qDI8pGktWLqqkyrIjt2Ro6qMv-eK-ZVc6y0\" 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 PlantUML<\/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\/#plantuml:dLRVRo8t47v7ud-OKgcNIE5GrJprwSWckN0Y2GBIg4_8h0TmyTgkxOLoLV_tc_4kiE6IKrHUm6FFDzzyyoFv5ABmiInqk_K1mbeP9xmeG2k3SUSGh8yhssxzf4okIucmYj65ttizBxOVbogkodaPqEVMH3JnOswBdjF2C60tHAdLl9TTTaTiUheVzWeH8deopJ9RE6lOnwNWnz0I5wBKyPOW9-ehmg-NRzncLbiFF_-MFiqt6tUjn99-JJc3xBAm4lKXO7tNRhLRm_wVZq_JsVDWUZSRtdo-URW-EsTxL56Juzu3PEK22uet56iCYfIu4cODtVIbp1Bwem5y5X6tOiSG6H4K9A8_s-9y9foxWCuppg7ld5QvYCgQ3fd6AF88ar6V3nF2qTXrOeamztPBmW9v0YaiORw3l0pH5kX3vxmPeB1pfR6ESPyE78OHrUC4Uj0tqbibsV10aJS8bSjxm8Kib9bHVOFLI02F3drY7qYVP3oamJy6r0VU20t93vu61tpgiyMYS_v2czcLBOqKVdScd9ejjmJmYfoTS_YttO9ZFSwyBICzekVyR4mdz4b0vzatqxQK1s-cnoy2K0_RWXzu_Bl440D42t65a5llaUeWxTQ4w95AJTflL8vCk1bPb74rMoXD0JawdU0N65Eaxb0LAi9jkcfmcM1UUXLtL8OnzOrMQ7Ay_8jV_26qaeA9VNcU4fKrcd31DQ570KXbf34aK3OQ2VaAytK0qhzG8N05Jib5B_9Abcj5QQWvPIrXMbaxLV7C53KM67qI9kF4TU9mq4JateQm5o2afhTpFWfg6ahbD6mkY1fdZ8aMP7okkaAgaCAm9TGffcH2_PQwWjAaCWI7nBLqm0hNkPu6Gk-jdwt8NoVvR_WCTzMveVcLjQaP7wmlIEEl53gvKew1e2Xsub08HnV_vEYgVYOMTzFfA74g0pM5n4JXlvVpd5eWRFAw_aIidcUgTTKptpEfE0RGTgdCnJxxggxtjttQiYnGh2RhvG2IqGIQBhgeeqwFbX-4pAprKfbKsuIneDc-02gX1YTs1V6k6ujQtvgSIljAzFrMg4DdzV47SU-5eVqL3li4dBSqCBNcpYFnu1a8rIuOepvkoEDSJz38a9P0OrOP_ilayQ77PPgmFtitrz__0ZXPSQSOrIPx5zB1zUMQg9O2zTe6_MwFGek7dYzNZ7HWqdJRZnNjLbc9jwL5Wk5aTfHv4-6u3svuZT2C2RCd_ntbu-C1xy0oDSY1R2wq3h2bF_XDvvE1F2etnbXwYcNs4oWRixTHubK6ZS6g5tRQ1IUgByUZx3No9qDI8pGktWLqqkyrIjt2Ro6qMv-eK-ZVc6y0\" 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 PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<blockquote>\n<p><strong>\ud83d\udca1 \u521d\u5b78\u8005\u63d0\u793a\uff1a<\/strong>\u5728\u7b2c\u4e09\u5c64\u7d1a\u6642\uff0c\u8acb\u660e\u78ba\u6307\u5b9a\u8981\u5206\u89e3\u7684\u5bb9\u5668\u3002\u5411 AI \u63d0\u793a\u300c\u50c5\u986f\u793a\u9280\u884c API \u9598\u9053\u5bb9\u5668\u5167\u7684\u5143\u4ef6\u300d\uff0c\u4ee5\u907f\u514d\u904e\u5ea6\u5206\u89e3\u3002\u8acb\u6ce8\u610f\uff0c\u5167\u90e8\u5143\u4ef6\u95dc\u4fc2\uff08\u4f8b\u5982<code data-backticks=\"1\">\u8def\u7531<\/code>\u00a0\u2192\u00a0<code data-backticks=\"1\">\u9a57\u8b49\u904e\u6ffe\u5668<\/code>) \u5728\u70ba\u9032\u7a0b\u5167\u547c\u53eb\u6642\uff0c\u8acb\u7701\u7565\u6280\u8853\u6a19\u7c64\uff0c\u4ee5\u4fdd\u6301\u5716\u8868\u7c21\u6f54\u3002<\/p>\n<\/blockquote>\n<hr\/>\n<h2>\u4e86\u89e3\u804a\u5929\u6a5f\u5668\u4eba\u4ecb\u9762<\/h2>\n<p>\u77e5\u9053<em>\u4ec0\u9ebc<\/em>\u8981\u5efa\u6a21\u7684\u5167\u5bb9\u53ea\u662f\u6210\u529f\u7684\u4e00\u534a\uff1b\u77e5\u9053<em>\u5982\u4f55<\/em>\u5982\u4f55\u8207\u5de5\u5177\u4e92\u52d5\u540c\u6a23\u91cd\u8981\u3002Visual Paradigm \u7684 AI \u804a\u5929\u6a5f\u5668\u4eba\u4ecb\u9762\u65e8\u5728\u8b93 C4 \u5efa\u6a21\u904e\u7a0b\u66f4\u5177\u5c0d\u8a71\u6027\uff0c\u540c\u6642\u63ed\u793a\u5e95\u5c64\u7684 PlantUML \u7a0b\u5f0f\u78bc\u3002<\/p>\n<p><img alt=\"\u6e56\u7554\u9280\u884c\u9280\u884c API \u9598\u9053\u7684 C4 \u5143\u4ef6\u5716\u8868\uff0c\u986f\u793a\u7db2\u9801\u61c9\u7528\u7a0b\u5f0f\u3001\u884c\u52d5\u61c9\u7528\u7a0b\u5f0f\u8207\u5f8c\u7aef\u670d\u52d9\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f5e58449c.png\"\/><\/p>\n<p><img alt=\"Visual Paradigm AI \u804a\u5929\u6a5f\u5668\u4eba\u4ecb\u9762\uff0c\u986f\u793a\u70ba\u9280\u884c API \u9598\u9053\u751f\u6210\u7684 C4 \u5143\u4ef6\u5716\u8868\u3002\" decoding=\"async\" src=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f6460aa97.png\"\/><\/p>\n<h3>\u521d\u5b78\u8005\u95dc\u9375\u4ecb\u9762\u5143\u7d20<\/h3>\n<ul>\n<li>\n<p><strong>\u5c0d\u8a71\u5f0f\u756b\u5e03\uff1a<\/strong>\u804a\u5929\u9762\u677f\u5141\u8a31\u60a8\u9010\u6b65\u5b8c\u5584\u5716\u8868\u3002\u5982\u679c AI \u751f\u6210\u7684\u5bb9\u5668\u5716\u8868\u7f3a\u5c11\u8a0a\u606f\u4f47\u5217\uff0c\u53ea\u9700\u8f38\u5165\u300c\u5728\u4ea4\u6613\u670d\u52d9\u8207\u901a\u77e5\u9598\u9053\u4e4b\u9593\u65b0\u589e RabbitMQ\u300d\uff0c\u5373\u53ef\u7acb\u5373\u7372\u5f97\u66f4\u65b0\u7684 PlantUML \u7a0b\u5f0f\u78bc\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u7a0b\u5f0f\u78bc\u8207\u8996\u89ba\u540c\u6b65\uff1a<\/strong>\u751f\u6210\u7684 PlantUML \u7a0b\u5f0f\u78bc\u6703\u8207\u6e32\u67d3\u5f8c\u7684\u5716\u8868\u4e26\u5217\u986f\u793a\u3002\u60a8\u53ef\u4ee5\u76f4\u63a5\u7de8\u8f2f\u7a0b\u5f0f\u78bc\uff0c\u6216\u7e7c\u7e8c\u5c0d\u8a71\u2014\u2014\u5169\u7a2e\u65b9\u5f0f\u5747\u4fdd\u6301\u540c\u6b65\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u5716\u8868\u9810\u89bd\u8207\u532f\u51fa\uff1a<\/strong>\u6e32\u67d3\u5f8c\u7684\u5716\u8868\u53ef\u532f\u51fa\u70ba PNG\u3001SVG \u6216 PDF \u683c\u5f0f\u7528\u65bc\u6587\u4ef6\u8a18\u9304\uff0c\u800c PlantUML \u539f\u59cb\u78bc\u5247\u4fdd\u7559\u5728\u60a8\u7684\u5132\u5b58\u5eab\u4e2d\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u63d0\u793a\u8a5e\u6b77\u53f2\u8a18\u9304\u8207\u7bc4\u672c\uff1a<\/strong>\u5148\u524d\u7684\u63d0\u793a\u8a5e\u6703\u81ea\u52d5\u5132\u5b58\uff0c\u8b93\u60a8\u80fd\u91cd\u8907\u4f7f\u7528\u6210\u529f\u7684\u6a21\u5f0f\u3002\u5167\u5efa\u7684 C4 \u63d0\u793a\u8a5e\u7bc4\u672c\u53ef\u5354\u52a9\u521d\u5b78\u8005\u6709\u6548\u7d44\u7e54\u8acb\u6c42\u3002<\/p>\n<\/li>\n<li>\n<p><strong>\u9a57\u8b49\u56de\u994b\uff1a<\/strong>\u804a\u5929\u6a5f\u5668\u4eba\u53ef\u6839\u64da C4 \u6700\u4f73\u5be6\u8e10\u5be9\u67e5\u60a8\u751f\u6210\u7684\u7a0b\u5f0f\u78bc\uff0c\u4e26\u63d0\u51fa\u6539\u9032\u5efa\u8b70\uff0c\u626e\u6f14\u81ea\u52d5\u5316\u67b6\u69cb\u5c0e\u5e2b\u7684\u89d2\u8272\u3002<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>\u7d50\u8ad6<\/h2>\n<p>C4 \u6a21\u578b<a href=\"https:\/\/online.visual-paradigm.com\/diagrams\/features\/c4-model-tool\/\">\u63d0\u4f9b\u7d50\u69cb\uff1b<\/a>Visual Paradigm \u7684 AI \u804a\u5929\u6a5f\u5668\u4eba<a href=\"https:\/\/www.visual-paradigm.com\/features\/ai-chatbot\/\">Visual Paradigm \u7684 AI \u804a\u5929\u6a5f\u5668\u4eba<\/a>\u63d0\u4f9b\u4e86\u52a0\u901f\u3002\u5c0d\u65bc\u521d\u5b78\u8005\u800c\u8a00\uff0c\u9019\u7a2e\u7d44\u5408\u6d88\u9664\u4e86\u901a\u5e38\u4f34\u96a8\u7a7a\u767d\u756b\u5e03\u67b6\u69cb\u5efa\u6a21\u7684\u7671\u7613\u611f\u3002\u900f\u904e\u5f9e\u81ea\u7136\u8a9e\u8a00\u63cf\u8ff0\u958b\u59cb\uff0c\u4e26\u63db\u53d6\u53ef\u76f4\u63a5\u6295\u5165\u751f\u7522\u7684 PlantUML \u7a0b\u5f0f\u78bc\uff0c\u65b0\u9032\u67b6\u69cb\u5e2b\u80fd\u4ee5\u50b3\u7d71\u6642\u9593\u7684\u4e00\u5c0f\u90e8\u5206\uff0c\u7522\u51fa\u5c08\u696d\u7d1a\u7684\u7cfb\u7d71\u60c5\u5883\u3001\u5bb9\u5668\u8207\u5143\u4ef6\u5716\u8868\u3002<\/p>\n<p>\u6e56\u7554\u9280\u884c\u7684\u7bc4\u4f8b\u8aaa\u660e\u4e86\u300c<a href=\"https:\/\/www.visual-paradigm.com\/solution\/c4-diagram-tool\/\">AI \u751f\u6210\u7684 C4 \u5716\u8868<\/a>\u4e26\u975e\u7c21\u5316\u7684\u73a9\u5177\u2014\u2014\u5b83\u5011\u9ad4\u73fe\u4e86\u771f\u5be6\u7684\u67b6\u69cb\u6c7a\u7b56\uff1a\u4f01\u696d\u908a\u754c\u3001\u975e\u540c\u6b65\u89e3\u8026\u3001\u9598\u9053\u6a21\u5f0f\u4ee5\u53ca\u6280\u8853\u7279\u5b9a\u7684\u8a3b\u89e3\u3002\u6bcf\u4e00\u5c64\u7d1a\u90fd\u5305\u542b\u5b8c\u6574\u7684 PlantUML \u539f\u59cb\u7a0b\u5f0f\u78bc\uff0c\u610f\u5473\u8457\u9019\u4e9b\u5716\u8868\u662f\u6d3b\u751f\u751f\u7684\u7522\u51fa\u7269\uff0c\u800c\u975e\u975c\u614b\u7684\u4ea4\u4ed8\u6210\u679c\u3002\u5b83\u5011\u53ef\u4ee5\u9032\u884c\u7248\u672c\u63a7\u5236\u3001\u5728\u62c9\u53d6\u8acb\u6c42\u4e2d\u9032\u884c\u5be9\u67e5\uff0c\u4e26\u96a8\u8457\u7cfb\u7d71\u7684\u6f14\u9032\u800c\u91cd\u65b0\u751f\u6210\u3002<\/p>\n<p class=\"\"><strong>\u60a8\u7684\u4e0b\u4e00\u6b65\uff1a<\/strong>\u958b\u555f Visual Paradigm\uff0c\u555f\u52d5\u300c<a href=\"https:\/\/www.archimetric.com\/%F0%9F%9A%80-unlock-your-teams-potential-the-complete-guide-to-visual-paradigm-ai-chatbot\/\">AI \u804a\u5929\u6a5f\u5668\u4eba<\/a>\uff0c\u4e26\u63cf\u8ff0\u60a8\u81ea\u5df1\u7684\u7cfb\u7d71\u3002\u5f9e\u7b2c\u4e00\u5c64\u7d1a\u958b\u59cb\uff0c\u8b93 AI \u751f\u6210 PlantUML\u3001\u6e32\u67d3\u5716\u8868\uff0c\u4e26\u9010\u5c64\u7d1a\u7e2e\u653e\u3002\u5730\u5716\u5c07\u5f9e\u5c0d\u8a71\u4e2d\u6d6e\u73fe\u2014\u2014\u800c\u7a0b\u5f0f\u78bc\u5c07\u4f7f\u5176\u4fdd\u6301\u6d3b\u529b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7c21\u4ecb \u8edf\u9ad4\u67b6\u69cb\u5e38\u88ab\u63cf\u8ff0\u70ba\u7cfb\u7d71\u7684\u300c\u85cd\u5716\u300d\uff0c\u4f46\u5c0d\u8a31\u591a\u521d\u5b78\u8005\u800c\u8a00\uff0c&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","inline_featured_image":false,"source_url":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[3,32],"tags":[],"asset-category":[],"class_list":["post-370","post","type-post","status-publish","format-standard","hentry","category-ai","category-c4-model"],"source_url":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357 - We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub<\/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.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357 - We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub\" \/>\n<meta property=\"og:description\" content=\"\u7c21\u4ecb \u8edf\u9ad4\u67b6\u69cb\u5e38\u88ab\u63cf\u8ff0\u70ba\u7cfb\u7d71\u7684\u300c\u85cd\u5716\u300d\uff0c\u4f46\u5c0d\u8a31\u591a\u521d\u5b78\u8005\u800c\u8a00\uff0c&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-21T07:04:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T10:48:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/#\/schema\/person\/1edf4cfef8a4119891eded121a4ddf16\"},\"headline\":\"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357\",\"datePublished\":\"2026-08-21T07:04:19+00:00\",\"dateModified\":\"2026-09-04T10:48:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\"},\"wordCount\":155,\"publisher\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png\",\"articleSection\":[\"AI\",\"C4 Model\"],\"inLanguage\":\"zh-TW\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\",\"url\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\",\"name\":\"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357 - We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub\",\"isPartOf\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png\",\"datePublished\":\"2026-08-21T07:04:19+00:00\",\"dateModified\":\"2026-09-04T10:48:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage\",\"url\":\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png\",\"contentUrl\":\"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.we-notes.com\/tw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/#website\",\"url\":\"https:\/\/www.we-notes.com\/tw\/\",\"name\":\"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.we-notes.com\/tw\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/#organization\",\"name\":\"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub\",\"url\":\"https:\/\/www.we-notes.com\/tw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.we-notes.com\/tw\/wp-content\/uploads\/sites\/14\/2026\/03\/we-notes-logo.png\",\"contentUrl\":\"https:\/\/www.we-notes.com\/tw\/wp-content\/uploads\/sites\/14\/2026\/03\/we-notes-logo.png\",\"width\":1042,\"height\":322,\"caption\":\"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub\"},\"image\":{\"@id\":\"https:\/\/www.we-notes.com\/tw\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.we-notes.com\/tw\/#\/schema\/person\/1edf4cfef8a4119891eded121a4ddf16\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/www.we-notes.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.we-notes.com\/tw\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357 - We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub","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.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/","og_locale":"zh_TW","og_type":"article","og_title":"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357 - We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub","og_description":"\u7c21\u4ecb \u8edf\u9ad4\u67b6\u69cb\u5e38\u88ab\u63cf\u8ff0\u70ba\u7cfb\u7d71\u7684\u300c\u85cd\u5716\u300d\uff0c\u4f46\u5c0d\u8a31\u591a\u521d\u5b78\u8005\u800c\u8a00\uff0c&hellip;","og_url":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/","og_site_name":"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub","article_published_time":"2026-08-21T07:04:19+00:00","article_modified_time":"2026-09-04T10:48:35+00:00","og_image":[{"url":"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005:":false,"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"8 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#article","isPartOf":{"@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/"},"author":{"name":"curtis","@id":"https:\/\/www.we-notes.com\/tw\/#\/schema\/person\/1edf4cfef8a4119891eded121a4ddf16"},"headline":"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357","datePublished":"2026-08-21T07:04:19+00:00","dateModified":"2026-09-04T10:48:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/"},"wordCount":155,"publisher":{"@id":"https:\/\/www.we-notes.com\/tw\/#organization"},"image":{"@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png","articleSection":["AI","C4 Model"],"inLanguage":"zh-TW"},{"@type":"WebPage","@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/","url":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/","name":"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357 - We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub","isPartOf":{"@id":"https:\/\/www.we-notes.com\/tw\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png","datePublished":"2026-08-21T07:04:19+00:00","dateModified":"2026-09-04T10:48:35+00:00","breadcrumb":{"@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#primaryimage","url":"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png","contentUrl":"https:\/\/www.we-notes.com\/wp-content\/uploads\/2026\/08\/img_6a87f9363ddaa.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.we-notes.com\/tw\/mastering-c4-architecture-with-visual-paradigm-ai-a-beginners-comprehensive-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.we-notes.com\/tw\/"},{"@type":"ListItem","position":2,"name":"\u638c\u63e1 Visual Paradigm AI \u7684 C4 \u67b6\u69cb\uff1a\u521d\u5b78\u8005\u7684\u5168\u9762\u6307\u5357"}]},{"@type":"WebSite","@id":"https:\/\/www.we-notes.com\/tw\/#website","url":"https:\/\/www.we-notes.com\/tw\/","name":"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub","description":"","publisher":{"@id":"https:\/\/www.we-notes.com\/tw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.we-notes.com\/tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/www.we-notes.com\/tw\/#organization","name":"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub","url":"https:\/\/www.we-notes.com\/tw\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.we-notes.com\/tw\/#\/schema\/logo\/image\/","url":"https:\/\/www.we-notes.com\/tw\/wp-content\/uploads\/sites\/14\/2026\/03\/we-notes-logo.png","contentUrl":"https:\/\/www.we-notes.com\/tw\/wp-content\/uploads\/sites\/14\/2026\/03\/we-notes-logo.png","width":1042,"height":322,"caption":"We Notes \u7e41\u9ad4\u4e2d\u6587 \u2013 Collaborative AI Insights &amp; Intelligence Hub"},"image":{"@id":"https:\/\/www.we-notes.com\/tw\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.we-notes.com\/tw\/#\/schema\/person\/1edf4cfef8a4119891eded121a4ddf16","name":"curtis","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.we-notes.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.we-notes.com\/tw\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/posts\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":0,"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/tags?post=370"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.we-notes.com\/tw\/wp-json\/wp\/v2\/asset-category?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}