{"id":9971,"date":"2026-05-21T15:55:49","date_gmt":"2026-05-21T07:55:49","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/"},"modified":"2026-05-30T16:13:37","modified_gmt":"2026-05-30T08:13:37","slug":"mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","title":{"rendered":"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76"},"content":{"rendered":"<h2 data-nodeid=\"111\"><strong data-nodeid=\"293\">\u5f15\u8a00<\/strong><\/h2>\n<p data-nodeid=\"112\">\u5728\u5f53\u4eca\u590d\u6742\u7684\u8f6f\u4ef6\u5f00\u53d1\u73af\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6c9f\u901a\u548c\u7cbe\u786e\u7684\u7cfb\u7edf\u5efa\u6a21\u5bf9\u4e8e\u9879\u76ee\u6210\u529f\u81f3\u5173\u91cd\u8981\u3002\u5728\u8f6f\u4ef6\u67b6\u6784\u5e08\u7684\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f3a\u5927\u7684\u5de5\u5177\u4e4b\u4e00\u662f<strong data-nodeid=\"303\">UML\u7c7b\u56fe<\/strong>\u2014\u2014\u4e00\u79cd\u53ef\u89c6\u5316\u8bed\u8a00\uff0c\u80fd\u591f\u5f25\u5408\u62bd\u8c61\u9700\u6c42\u4e0e\u5177\u4f53\u5b9e\u73b0\u4e4b\u95f4\u7684\u9e3f\u6c9f\u3002<\/p>\n<p data-nodeid=\"113\">\u672c\u6848\u4f8b\u7814\u7a76\u63a2\u8ba8\u4e86\u7c7b\u56fe\u5982\u4f55\u4f5c\u4e3a\u9762\u5411\u5bf9\u8c61\u8bbe\u8ba1\u7684\u6838\u5fc3\uff0c\u4f7f\u56e2\u961f\u80fd\u591f\u5efa\u6a21\u7cfb\u7edf\u7684\u9759\u6001\u7ed3\u6784\uff0c\u5b9a\u4e49\u5b9e\u4f53\u4e4b\u95f4\u7684\u5173\u7cfb\uff0c\u5e76\u4e3a\u5f00\u53d1\u5efa\u7acb\u660e\u786e\u7684\u5951\u7ea6\u3002\u901a\u8fc7\u4e00\u4e2a\u5b9e\u9645\u7684\u7535\u5b50\u5546\u52a1\u8ba2\u5355\u7ba1\u7406\u7cfb\u7edf\u793a\u4f8b\uff0c\u6211\u4eec\u5c06\u5c55\u793a\u5982\u4f55\u5728\u6982\u5ff5\u3001\u89c4\u8303\u548c\u5b9e\u73b0\u4e09\u4e2a\u5f00\u53d1\u89c6\u89d2\u4e0b\u9010\u6b65\u4f18\u5316\u7c7b\u56fe\uff0c\u540c\u65f6\u5229\u7528<strong data-nodeid=\"311\">PlantUML<\/strong>\u6765\u751f\u6210\u53ef\u6267\u884c\u4e14\u7248\u672c\u53ef\u63a7\u7684\u6587\u6863\u3002<\/p>\n<p data-nodeid=\"114\">\u65e0\u8bba\u4f60\u662f\u4e1a\u52a1\u5206\u6790\u5e08\u5728\u5efa\u6a21\u9886\u57df\u6982\u5ff5\uff0c\u5f00\u53d1\u8005\u5728\u8bbe\u8ba1API\uff0c\u8fd8\u662f\u56e2\u961f\u8d1f\u8d23\u4eba\u786e\u4fdd\u67b6\u6784\u4e00\u81f4\u6027\uff0c\u672c\u6307\u5357\u90fd\u63d0\u4f9b\u4e86\u5207\u5b9e\u53ef\u884c\u7684\u89c1\u89e3\uff0c\u5e2e\u52a9\u4f60\u521b\u5efa\u80fd\u591f\u63d0\u5347\u6e05\u6670\u5ea6\u3001\u51cf\u5c11\u6b67\u4e49\u5e76\u52a0\u901f\u4ea4\u4ed8\u7684\u7c7b\u56fe\u3002<\/p>\n<hr data-nodeid=\"115\"\/>\n<h2 data-nodeid=\"116\"><strong data-nodeid=\"318\">\u7406\u89e3\u7c7b\u56fe\uff1a\u6838\u5fc3\u6982\u5ff5\u56de\u987e<\/strong><\/h2>\n<p data-nodeid=\"117\"><em data-nodeid=\"322\">\uff08\u6e90\u81ea\u57fa\u7840\u77e5\u8bc6\u7684\u7cbe\u70bc\uff09<\/em><\/p>\n<p data-nodeid=\"118\">\u4e00\u4e2a<strong data-nodeid=\"328\">\u7c7b\u56fe<\/strong>\u5728UML\u4e2d\u662f\u4e00\u79cd\u9759\u6001\u7ed3\u6784\u56fe\uff0c\u7528\u4e8e\u53ef\u89c6\u5316\uff1a<\/p>\n<ul data-nodeid=\"119\">\n<li data-nodeid=\"120\">\n<p data-nodeid=\"121\"><strong data-nodeid=\"333\">\u7c7b<\/strong>\uff1a\u5b9a\u4e49\u5bf9\u8c61\u7684\u84dd\u56fe\uff0c\u5305\u542b\u5c5e\u6027\uff08\u72b6\u6001\uff09\u548c\u64cd\u4f5c\uff08\u884c\u4e3a\uff09<\/p>\n<\/li>\n<li data-nodeid=\"122\">\n<p data-nodeid=\"123\"><strong data-nodeid=\"338\">\u5173\u7cfb<\/strong>\uff1a\u7ee7\u627f\u3001\u5173\u8054\u3001\u805a\u5408\u3001\u7ec4\u5408\u548c\u4f9d\u8d56<\/p>\n<\/li>\n<li data-nodeid=\"124\">\n<p data-nodeid=\"125\"><strong data-nodeid=\"357\">\u7ea6\u675f<\/strong>\uff1a\u53ef\u89c1\u6027\uff08<code data-backticks=\"1\" data-nodeid=\"343\">+<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"345\">-<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"347\">#<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"349\">~<\/code>\uff09\uff0c\u591a\u91cd\u6027\uff08<code data-backticks=\"1\" data-nodeid=\"351\">1<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"353\">0..*<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"355\">1..5<\/code>\uff09\uff0c\u4ee5\u53ca\u53ef\u5bfc\u822a\u6027<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"126\"><strong data-nodeid=\"361\">\u5173\u952e\u7b26\u53f7\u5143\u7d20<\/p>\n<p><\/strong><\/h3>\n<p id=\"UHnOxfB\"><img alt=\"\" class=\"alignnone size-full wp-image-24654\" decoding=\"async\" height=\"184\" loading=\"lazy\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png 424w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8-300x130.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8-150x65.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8-400x174.png 400w\" width=\"424\"\/><\/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#plantuml:HOwn2W8n44JxGFvXonFr1r9TONELWlx0cWqIsCjYiZaGyT_TO64ppBoPOkQcMBMlx5raR0tEbLA5jtS0Hnb-eG1NhRay_ko4cW8C7MmVaMDdIpTHv6bdbVGx_qeaMZIjKpO9SAb2FUe1dleAa8lQU9DCtdsycrCXk_85\" 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>\u5728VPasCode\u4e2d\u7f16\u8f91PlantUML<\/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#plantuml:HOwn2W8n44JxGFvXonFr1r9TONELWlx0cWqIsCjYiZaGyT_TO64ppBoPOkQcMBMlx5raR0tEbLA5jtS0Hnb-eG1NhRay_ko4cW8C7MmVaMDdIpTHv6bdbVGx_qeaMZIjKpO9SAb2FUe1dleAa8lQU9DCtdsycrCXk_85\" \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\" data-nodeid=\"127\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Order {\r\n  -orderId: String\r\n  -orderDate: Date\r\n  +calculateTotal(): Double\r\n  +addItem(item: Product, qty: int): void\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:HOwn2W8n44JxGFvXonFr1r9TONELWlx0cWqIsCjYiZaGyT_TO64ppBoPOkQcMBMlx5raR0tEbLA5jtS0Hnb-eG1NhRay_ko4cW8C7MmVaMDdIpTHv6bdbVGx_qeaMZIjKpO9SAb2FUe1dleAa8lQU9DCtdsycrCXk_85\" \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#plantuml:HOwn2W8n44JxGFvXonFr1r9TONELWlx0cWqIsCjYiZaGyT_TO64ppBoPOkQcMBMlx5raR0tEbLA5jtS0Hnb-eG1NhRay_ko4cW8C7MmVaMDdIpTHv6bdbVGx_qeaMZIjKpO9SAb2FUe1dleAa8lQU9DCtdsycrCXk_85\" 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>\u5728VPasCode\u4e2d\u7f16\u8f91PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"128\"><strong data-nodeid=\"365\">\u5173\u7cfb\u7c7b\u578b\u5feb\u901f\u53c2\u8003<\/strong><\/h3>\n<table data-nodeid=\"130\">\n<thead data-nodeid=\"131\">\n<tr data-nodeid=\"132\">\n<th data-nodeid=\"134\">\u7c7b\u578b<\/th>\n<th data-nodeid=\"135\">\u7b26\u53f7<\/th>\n<th data-nodeid=\"136\">\u542b\u4e49<\/th>\n<th data-nodeid=\"137\">\u793a\u4f8b<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"142\">\n<tr data-nodeid=\"143\">\n<td data-nodeid=\"144\"><strong data-nodeid=\"373\">\u7ee7\u627f<\/strong><\/td>\n<td data-nodeid=\"145\">`\u2013<\/td>\n<td data-nodeid=\"146\">&gt;`<\/td>\n<td data-nodeid=\"147\">\u201c\u662f-a\u201d<\/td>\n<\/tr>\n<tr data-nodeid=\"150\">\n<td data-nodeid=\"151\"><strong data-nodeid=\"384\">\u5173\u8054<\/strong><\/td>\n<td data-nodeid=\"152\"><code data-backticks=\"1\" data-nodeid=\"385\">--<\/code><\/td>\n<td data-nodeid=\"153\">\u7ed3\u6784\u94fe\u63a5<\/td>\n<td data-nodeid=\"154\"><code data-backticks=\"1\" data-nodeid=\"387\">Order -- Customer<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"155\">\n<td data-nodeid=\"156\"><strong data-nodeid=\"391\">\u805a\u5408<\/strong><\/td>\n<td data-nodeid=\"157\"><code data-backticks=\"1\" data-nodeid=\"392\">o--<\/code><\/td>\n<td data-nodeid=\"158\">\u201c\u6709-a\u201d\uff08\u5f31\uff09<\/td>\n<td data-nodeid=\"159\"><code data-backticks=\"1\" data-nodeid=\"397\">Warehouse o-- Product<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"160\">\n<td data-nodeid=\"161\"><strong data-nodeid=\"401\">\u7ec4\u5408<\/strong><\/td>\n<td data-nodeid=\"162\"><code data-backticks=\"1\" data-nodeid=\"402\">*--<\/code><\/td>\n<td data-nodeid=\"163\">\u201c\u62e5\u6709-a\u201d\uff08\u5f3a\uff09<\/td>\n<td data-nodeid=\"164\"><code data-backticks=\"1\" data-nodeid=\"407\">Order *-- OrderItem<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"165\">\n<td data-nodeid=\"166\"><strong data-nodeid=\"411\">\u4f9d\u8d56<\/strong><\/td>\n<td data-nodeid=\"167\"><code data-backticks=\"1\" data-nodeid=\"412\">..&gt;<\/code><\/td>\n<td data-nodeid=\"168\">\u201c\u4f7f\u7528\u201d\uff08\u4e34\u65f6\uff09<\/td>\n<td data-nodeid=\"169\"><code data-backticks=\"1\" data-nodeid=\"417\">PaymentService ..&gt; Logger<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"170\"\/>\n<h2 data-nodeid=\"171\"><strong data-nodeid=\"421\">\u6848\u4f8b\u7814\u7a76\uff1a\u7535\u5b50\u5546\u52a1\u8ba2\u5355\u7ba1\u7406\u7cfb\u7edf<\/strong><\/h2>\n<h3 data-nodeid=\"172\"><strong data-nodeid=\"425\">\u4e1a\u52a1\u9700\u6c42<\/strong><\/h3>\n<p data-nodeid=\"173\">\u4e00\u5bb6\u5728\u7ebf\u96f6\u552e\u5546\u9700\u8981\u4e00\u4e2a\u7cfb\u7edf\u6765\uff1a<\/p>\n<ol data-nodeid=\"174\">\n<li data-nodeid=\"175\">\n<p data-nodeid=\"176\">\u7ba1\u7406\u5ba2\u6237\u3001\u4ea7\u54c1\u548c\u8ba2\u5355<\/p>\n<\/li>\n<li data-nodeid=\"177\">\n<p data-nodeid=\"178\">\u652f\u6301\u5e26\u6709\u6570\u91cf\u548c\u4ef7\u683c\u7684\u8ba2\u5355\u9879<\/p>\n<\/li>\n<li data-nodeid=\"179\">\n<p data-nodeid=\"180\">\u5904\u7406\u591a\u79cd\u652f\u4ed8\u65b9\u5f0f<\/p>\n<\/li>\n<li data-nodeid=\"181\">\n<p data-nodeid=\"182\">\u901a\u8fc7\u751f\u547d\u5468\u671f\u8ddf\u8e2a\u8ba2\u5355\u72b6\u6001<\/p>\n<\/li>\n<li data-nodeid=\"183\">\n<p data-nodeid=\"184\">\u5141\u8bb8\u4ea7\u54c1\u5c5e\u4e8e\u7c7b\u522b<\/p>\n<\/li>\n<li data-nodeid=\"185\">\n<p data-nodeid=\"186\">\u652f\u6301\u6e38\u5ba2\u7ed3\u8d26\uff08\u53ef\u9009\u7684\u5ba2\u6237\u5173\u8054\uff09<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"187\"><strong data-nodeid=\"436\">\u7b2c\u4e00\u9636\u6bb5\uff1a\u6982\u5ff5\u6a21\u578b\uff08\u9886\u57df\u89c6\u89d2\uff09<\/strong><\/h3>\n<p data-nodeid=\"188\"><em data-nodeid=\"440\">\u4e0e\u8bed\u8a00\u65e0\u5173\uff0c\u4e13\u6ce8\u4e8e\u73b0\u5b9e\u4e16\u754c\u7684\u6982\u5ff5<\/em><\/p>\n<\/p>\n<p id=\"AjOBHwj\"><img alt=\"\" class=\"alignnone size-full wp-image-24655\" decoding=\"async\" height=\"688\" loading=\"lazy\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb958147eb.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb958147eb.png 865w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb958147eb-300x239.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb958147eb-768x611.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb958147eb-150x119.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb958147eb-400x318.png 400w\" width=\"865\"\/><\/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#plantuml:VLDDJyCm3BrNwd-mUa526cBN7X3Jne730F4FtCHiaV95uXmcn7_7QJj61U9KEtb-VdvExpDZuk9isx1XIx0DNb7aWXRsGPFjuM6r3SvHKWIxuD3ujcaRPJ5ds9RCGQxWesq0F3ggNnAGhK4-cXYDFsoqJfHpstnUIbzIq4Nnib9JLib4Di7NTC1CByaeMbHkaUaGqkcVqX_evwJF-a8DdueRA7sdEo4RfJ9ooJNYm6WtBXJFluaUcTn4zbxGYsEd6XTlUDOfJ6KOAPRJuicHdwUDKx8dFWOzjapeCwgg_N4ymBczN1b7eit5cUuANibYHLPpHV3t2hfr1wiLTBStDzVTF7OFqQAY37TjCvrKr7M5hI-mSQWULF0isnt1v-tyGJgZCKR2bC7u1Nu2ZWswowPw6CW6VyZYxbBBHShPeXuoiRn43SEfOjl61oP8vd1a26-JY6hDnizJ9eholAGs0uAQ_RWQbnbBKaTvHIAJApbw_TFjjY4vgForpxqayYTy0G00\" 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\u7f16\u8f91 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#plantuml:VPBFQnGn5CVl0_aVmbo4GWTxtOEqr4iFQl-5x4pS3KoIQV9oMAINqX-YjLriYrAbPLUHXTAbfHPnL-m_ivbfJ_uBJcPckmwAfxoNVDutt_UIHGr4WU4nye11J77wPSFUNAU3dZrv_Ul7SNPuRS-xzcZRlkhTzRVjwIdoa1V6H6kyR3H8JXL-WJoC1U7KhPGJ5hj0jrcICD5QYY95jKRU-gnqLSd8X52lZAWE5Kk0IU7I9j5qLR6GrYgN2T2ML9t_bFv1FrFHr9zquLF3crJTfuzpiS8g433QHI21n4jS6W5_2wq0vQNOcY4YdrV7nKOmg7pcIgPPIDIx9HrEHTLjKYPFABHbL5ofYD0aTDvNYWrINPyVCKvpRpofv1vWktMLNOsHTpzxVy77y_FOVnW4StxLRmEd-rsxCyAFa5VkE6hEOGiphEYcWUtkbksUENJwAF-GdB8xesplmduSrF2IAzJzsVlazEN9PBHNDp7pC1rA0sU7bq4GPEE3RFZEqSWJ4YXMhDK6B9-N3jmuReTz--PeClvqsnlOOJzz-IqxtYmElfvFlb-ac_lsmq_xTdSo-fo-Fq0U5H5sKavoCK_oR_uR\" \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\" data-nodeid=\"189\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle \u6982\u5ff5\u6a21\u578b\uff1a\u7535\u5b50\u5546\u52a1\u9886\u57df\r\n\r\nclass Customer {\r\n  name\r\n  email\r\n  shippingAddress\r\n}\r\n\r\nclass Product {\r\n  name\r\n  description\r\n  basePrice\r\n}\r\n\r\nclass Category {\r\n  name\r\n  description\r\n}\r\n\r\nclass Order {\r\n  orderNumber\r\n  orderDate\r\n  status\r\n  totalAmount\r\n}\r\n\r\nclass OrderItem {\r\n  quantity\r\n  unitPrice\r\n  subtotal\r\n}\r\n\r\nclass Payment {\r\n  paymentMethod\r\n  transactionId\r\n  amount\r\n  timestamp\r\n}\r\n\r\n' \u5173\u7cfb\r\nCustomer \"1\" -- \"0..*\" Order : \u63d0\u51fa &gt;\r\nOrder \"1\" *-- \"1..*\" OrderItem : \u5305\u542b &gt;\r\nProduct \"1\" -- \"0..*\" OrderItem : \u51fa\u73b0\u5728 &gt;\r\nProduct \"0..*\" -- \"1\" Category : \u5c5e\u4e8e &gt;\r\nOrder \"1\" -- \"1..*\" Payment : \u7531...\u7ed3\u7b97 &gt;\r\n\r\nnote right of Order\r\n  \u8ba2\u5355\u4ee3\u8868\u5ba2\u6237\u7684\r\n  \u8d2d\u4e70\u610f\u56fe\u548c\u4ea4\u6613\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:VPBFQnGn5CVl0_aVmbo4GWTxtOEqr4iFQl-5x4pS3KoIQV9oMAINqX-YjLriYrAbPLUHXTAbfHPnL-m_ivbfJ_uBJcPckmwAfxoNVDutt_UIHGr4WU4nye11J77wPSFUNAU3dZrv_Ul7SNPuRS-xzcZRlkhTzRVjwIdoa1V6H6kyR3H8JXL-WJoC1U7KhPGJ5hj0jrcICD5QYY95jKRU-gnqLSd8X52lZAWE5Kk0IU7I9j5qLR6GrYgN2T2ML9t_bFv1FrFHr9zquLF3crJTfuzpiS8g433QHI21n4jS6W5_2wq0vQNOcY4YdrV7nKOmg7pcIgPPIDIx9HrEHTLjKYPFABHbL5ofYD0aTDvNYWrINPyVCKvpRpofv1vWktMLNOsHTpzxVy77y_FOVnW4StxLRmEd-rsxCyAFa5VkE6hEOGiphEYcWUtkbksUENJwAF-GdB8xesplmduSrF2IAzJzsVlazEN9PBHNDp7pC1rA0sU7bq4GPEE3RFZEqSWJ4YXMhDK6B9-N3jmuReTz--PeClvqsnlOOJzz-IqxtYmElfvFlb-ac_lsmq_xTdSo-fo-Fq0U5H5sKavoCK_oR_uR\" \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#plantuml:VLDDJyCm3BrNwd-mUa526cBN7X3Jne730F4FtCHiaV95uXmcn7_7QJj61U9KEtb-VdvExpDZuk9isx1XIx0DNb7aWXRsGPFjuM6r3SvHKWIxuD3ujcaRPJ5ds9RCGQxWesq0F3ggNnAGhK4-cXYDFsoqJfHpstnUIbzIq4Nnib9JLib4Di7NTC1CByaeMbHkaUaGqkcVqX_evwJF-a8DdueRA7sdEo4RfJ9ooJNYm6WtBXJFluaUcTn4zbxGYsEd6XTlUDOfJ6KOAPRJuicHdwUDKx8dFWOzjapeCwgg_N4ymBczN1b7eit5cUuANibYHLPpHV3t2hfr1wiLTBStDzVTF7OFqQAY37TjCvrKr7M5hI-mSQWULF0isnt1v-tyGJgZCKR2bC7u1Nu2ZWswowPw6CW6VyZYxbBBHShPeXuoiRn43SEfOjl61oP8vd1a26-JY6hDnizJ9eholAGs0uAQ_RWQbnbBKaTvHIAJApbw_TFjjY4vgForpxqayYTy0G00\" 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\u7f16\u8f91 PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"190\"><strong data-nodeid=\"444\">\u5173\u952e\u8bbe\u8ba1\u51b3\u7b56\uff1a<\/strong><\/p>\n<ul data-nodeid=\"191\">\n<li data-nodeid=\"192\">\n<p data-nodeid=\"193\">\u7ec4\u5408\uff08<code data-backticks=\"1\" data-nodeid=\"446\">*--<\/code>\uff09\u4e4b\u95f4<code data-backticks=\"1\" data-nodeid=\"448\">\u8ba2\u5355<\/code>\u548c<code data-backticks=\"1\" data-nodeid=\"450\">\u8ba2\u5355\u9879<\/code>\uff1a\u8ba2\u5355\u9879\u4e0d\u80fd\u8131\u79bb\u8ba2\u5355\u800c\u5b58\u5728<\/p>\n<\/li>\n<li data-nodeid=\"194\">\n<p data-nodeid=\"195\">\u4e4b\u95f4\u5173\u8054<code data-backticks=\"1\" data-nodeid=\"453\">\u4ea7\u54c1<\/code>\u548c<code data-backticks=\"1\" data-nodeid=\"455\">\u7c7b\u522b<\/code>: \u4ea7\u54c1\u53ef\u4ee5\u91cd\u65b0\u5206\u7c7b<\/p>\n<\/li>\n<li data-nodeid=\"196\">\n<p data-nodeid=\"197\">\u591a\u91cd\u6027\u00a0<code data-backticks=\"1\" data-nodeid=\"458\">0..*<\/code>\u00a0\u7528\u4e8e\u5ba2\u6237\u8ba2\u5355\uff1a\u652f\u6301\u8bbf\u5ba2\u7ed3\u8d26<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"198\"\/>\n<h3 data-nodeid=\"199\"><strong data-nodeid=\"463\">\u9636\u6bb52\uff1a\u89c4\u8303\u6a21\u578b\uff08\u63a5\u53e3\u89c6\u89d2\uff09<\/strong><\/h3>\n<p data-nodeid=\"200\"><em data-nodeid=\"467\">\u5173\u6ce8\u8f6f\u4ef6\u5951\u7ea6\uff0c\u9690\u85cf\u5b9e\u73b0\u7ec6\u8282<\/em><\/p>\n<\/p>\n<p id=\"fNvtqQK\"><img alt=\"\" class=\"alignnone size-full wp-image-24656\" decoding=\"async\" height=\"436\" loading=\"lazy\" sizes=\"auto, (max-width: 1632px) 100vw, 1632px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04.png 1632w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04-300x80.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04-1030x275.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04-768x205.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04-1536x410.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04-150x40.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9a2b0b04-400x107.png 400w\" width=\"1632\"\/><\/p>\n<p data-nodeid=\"200\"><em data-nodeid=\"467\">\u00a0<\/em><\/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#plantuml:TLHBRkCm3DqRy1suQu89SW1Z47I0R0nCqIBf1LIPJeJAb4UY0XZ5t7resSuaZhipoSV7tvEV0olFiR5vneOjmh55RMgZ5Hj7yE8gj0KSqL-CHYY9qTTAOyYpF3EJ1UMhhz1FgAyy0_YXFIh655Zf6DWrwCjAkDWREct0C3QXWDycyC-4AiMnVt_ThGj8jdmdeXFomE8IwaennyMscWeUMN4CyuGDXEGVymQGi7muPr7HqBMoEjg9vzsniWjrNnnXbsT_PrjuKrs3n6_UoOQ2y-Ccsi4UeuzTjKDWZwoCbUv6eCorlXe73D5oelDOHwecDlQAWjBzjMuvLUCYyTYfq1nIqiGoRxoaYt0vtyrEU4Rz-UiYNQaFOmrtAncbYfflA_s9YaGwNG52EDkcno24s5zsuHgt2ZWaP19TZzuz4Cbdm1lKmbKkpbJZRDgg4Axo6CUPPGmZFYWpkRyLPufoBukh2iIneAl7HaQA_wAutsJotYrpK3KP4PJSv5vrJx375gb2qgP_ZVSlSBlTBHorW1Wmm6uH_Q3T0hIJZHcIn_1DqdM_1NZaw2dXyemSevoFPRFWwlk_Gp_K7cj3Gifdb28a4jOCjTHC5u96aJfXtyssHvTDQvELxXuatC55-GvMZT7UXO5t0uqZ9o8zRm1PRzTv9kk1lfM-fMSnv2_t3m00\" 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>\u5728VPasCode\u4e2d\u7f16\u8f91PlantUML<\/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#plantuml:TLJTQXD15BvVs7UOEriiVO15GeNU19IMf2ymtPtMmSrCd3aR229KKyLeqxHOUn4r4ANQ6sEX25QJzc6QoUvTNi79x2Occ_LkppdV-SxVjxCc0Gi8Ihvj0GMVeEZRVdHG6vvtLFljgDSQVcoeDvtXuPbgVh4jsw8CYDZ1Ba7v3U4HKIIYGhNrrBOGkkiAWe6Om98RIE0b8lAUWueWADjTGHH8IJhe0PLmpw3osh6-jP5RTf2nzRSXsYKGit23cbAaSK7PcnGi0eP0fXDMa3J-92y6QPPjpds2MTmrzjt0d_1iSS1-Hjs7d96gRJrBRM4JLqk4mQRWBf6IYsGJvTXEeejTbUF0EW5CVTrT0jHpBK-D0f613uPEa9s0UHCs49X9x0BbR9OJbtZ08EbKqnHCqeGbtNYULJGN5zNK2HyHz_7zYkuARrEVGdL9Z-85BinMUX9WfkLITP0cJ6rJ4Aa9oVYo6TUOLK318B4PGxjp2qJwKv8PLCPLAfnwoMokZwMSoYCP9vKHZxYWJEF-hpXD5CQocAf0Ep9qjTX8Gl5F5FERDDwvPSQgPbGBIjzaNdLtqE3wK_JpLBsy32__sDRy7xYwciiugeC6_Plmv1pbCl4BwdMGQZIZYresVhfS1qKt9-f3UmopBSQ1wDE1tYhYE_ClmtWWrMqDhkfHzxDgl0-xdV3eLTZQLsV7uU-ljtilOaGxFBmOdbwfNbCrVqIr_k1NGnqTZ7glrNKtVeHkzvxh_47_NVYzFkhLROim3urBZrjOquP-nVu2\" \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\" data-nodeid=\"201\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle \u89c4\u8303\u6a21\u578b\uff1a\u670d\u52a1\u63a5\u53e3\r\n\r\ninterface IOrderService {\r\n  +createOrder(customerId: String, items: List&lt;OrderItemDTO&gt;): OrderDTO\r\n  +getOrder(orderId: String): OrderDTO\r\n  +updateOrderStatus(orderId: String, status: OrderStatus): boolean\r\n  +calculateOrderTotal(orderId: String): Money\r\n}\r\n\r\ninterface IPaymentProcessor {\r\n  +processPayment(orderId: String, paymentDetails: PaymentDTO): PaymentResult\r\n  +refundPayment(transactionId: String, amount: Money): RefundResult\r\n}\r\n\r\ninterface IInventoryService {\r\n  +checkAvailability(productId: String, quantity: int): boolean\r\n  +reserveItems(orderId: String, items: List&lt;ReservationItem&gt;): boolean\r\n  +releaseReservation(orderId: String): void\r\n}\r\n\r\nclass OrderDTO {\r\n  +orderId: String\r\n  +customerId: String\r\n  +items: List&lt;OrderItemDTO&gt;\r\n  +total: Money\r\n  +status: OrderStatus\r\n}\r\n\r\nclass OrderItemDTO {\r\n  +productId: String\r\n  +quantity: int\r\n  +unitPrice: Money\r\n}\r\n\r\n' \u4f9d\u8d56\u5173\u7cfb\r\nIOrderService ..&gt; IInventoryService : \u4f7f\u7528 &gt;\r\nIOrderService ..&gt; IPaymentProcessor : \u534f\u8c03 &gt;\r\nIOrderService ..&gt; OrderDTO : \u8fd4\u56de &gt;\r\n\r\nnote bottom of IOrderService\r\n  \u5b9a\u4e49\u8ba2\u5355\u7ba1\u7406\u7684\u5951\u7ea6\u3002\r\n  \u5b9e\u73b0\u65b9\u5f0f\u53ef\u80fd\u4e0d\u540c\uff08\u5fae\u670d\u52a1\u3001\u5355\u4f53\u7b49\uff09\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:TLJTQXD15BvVs7UOEriiVO15GeNU19IMf2ymtPtMmSrCd3aR229KKyLeqxHOUn4r4ANQ6sEX25QJzc6QoUvTNi79x2Occ_LkppdV-SxVjxCc0Gi8Ihvj0GMVeEZRVdHG6vvtLFljgDSQVcoeDvtXuPbgVh4jsw8CYDZ1Ba7v3U4HKIIYGhNrrBOGkkiAWe6Om98RIE0b8lAUWueWADjTGHH8IJhe0PLmpw3osh6-jP5RTf2nzRSXsYKGit23cbAaSK7PcnGi0eP0fXDMa3J-92y6QPPjpds2MTmrzjt0d_1iSS1-Hjs7d96gRJrBRM4JLqk4mQRWBf6IYsGJvTXEeejTbUF0EW5CVTrT0jHpBK-D0f613uPEa9s0UHCs49X9x0BbR9OJbtZ08EbKqnHCqeGbtNYULJGN5zNK2HyHz_7zYkuARrEVGdL9Z-85BinMUX9WfkLITP0cJ6rJ4Aa9oVYo6TUOLK318B4PGxjp2qJwKv8PLCPLAfnwoMokZwMSoYCP9vKHZxYWJEF-hpXD5CQocAf0Ep9qjTX8Gl5F5FERDDwvPSQgPbGBIjzaNdLtqE3wK_JpLBsy32__sDRy7xYwciiugeC6_Plmv1pbCl4BwdMGQZIZYresVhfS1qKt9-f3UmopBSQ1wDE1tYhYE_ClmtWWrMqDhkfHzxDgl0-xdV3eLTZQLsV7uU-ljtilOaGxFBmOdbwfNbCrVqIr_k1NGnqTZ7glrNKtVeHkzvxh_47_NVYzFkhLROim3urBZrjOquP-nVu2\" \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#plantuml:TLHBRkCm3DqRy1suQu89SW1Z47I0R0nCqIBf1LIPJeJAb4UY0XZ5t7resSuaZhipoSV7tvEV0olFiR5vneOjmh55RMgZ5Hj7yE8gj0KSqL-CHYY9qTTAOyYpF3EJ1UMhhz1FgAyy0_YXFIh655Zf6DWrwCjAkDWREct0C3QXWDycyC-4AiMnVt_ThGj8jdmdeXFomE8IwaennyMscWeUMN4CyuGDXEGVymQGi7muPr7HqBMoEjg9vzsniWjrNnnXbsT_PrjuKrs3n6_UoOQ2y-Ccsi4UeuzTjKDWZwoCbUv6eCorlXe73D5oelDOHwecDlQAWjBzjMuvLUCYyTYfq1nIqiGoRxoaYt0vtyrEU4Rz-UiYNQaFOmrtAncbYfflA_s9YaGwNG52EDkcno24s5zsuHgt2ZWaP19TZzuz4Cbdm1lKmbKkpbJZRDgg4Axo6CUPPGmZFYWpkRyLPufoBukh2iIneAl7HaQA_wAutsJotYrpK3KP4PJSv5vrJx375gb2qgP_ZVSlSBlTBHorW1Wmm6uH_Q3T0hIJZHcIn_1DqdM_1NZaw2dXyemSevoFPRFWwlk_Gp_K7cj3Gifdb28a4jOCjTHC5u96aJfXtyssHvTDQvELxXuatC55-GvMZT7UXO5t0uqZ9o8zRm1PRzTv9kk1lfM-fMSnv2_t3m00\" 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>\u5728VPasCode\u4e2d\u7f16\u8f91PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"202\"><strong data-nodeid=\"471\">\u67b6\u6784\u4f18\u52bf\uff1a<\/strong><\/p>\n<ul data-nodeid=\"203\">\n<li data-nodeid=\"204\">\n<p data-nodeid=\"205\">\u63a5\u53e3\u9694\u79bb\u652f\u6301\u72ec\u7acb\u90e8\u7f72<\/p>\n<\/li>\n<li data-nodeid=\"206\">\n<p data-nodeid=\"207\">DTOs \u5c06\u5185\u90e8\u6a21\u578b\u4e0eAPI\u5951\u7ea6\u89e3\u8026<\/p>\n<\/li>\n<li data-nodeid=\"208\">\n<p data-nodeid=\"209\">\u4f9d\u8d56\u5173\u7cfb\u6e05\u6670\u5730\u5c55\u793a\u4e86\u5fae\u670d\u52a1\u7684\u670d\u52a1\u8fb9\u754c<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"210\"\/>\n<h3 data-nodeid=\"211\"><strong data-nodeid=\"478\">\u9636\u6bb53\uff1a\u5b9e\u73b0\u6a21\u578b\uff08\u4ee3\u7801\u89c6\u89d2\uff09<\/strong><\/h3>\n<p data-nodeid=\"212\"><em data-nodeid=\"482\">Java\/Spring Boot\u5b9e\u73b0\u7684\u6280\u672f\u7279\u5b9a\u7ec6\u8282<\/em><\/p>\n<p id=\"ZSqOdQO\"><img alt=\"\" class=\"alignnone size-full wp-image-24657\" decoding=\"async\" height=\"959\" loading=\"lazy\" sizes=\"auto, (max-width: 1738px) 100vw, 1738px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a.png 1738w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a-300x166.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a-1030x568.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a-768x424.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a-1536x848.png 1536w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a-150x83.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9e55e69a-400x221.png 400w\" width=\"1738\"\/><\/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#plantuml:TLLBRzf04BuZyHz6kTG9uAfNgur2WBQk2450Ufzu9x2AxNNsGOIg_FVEsklmIYwBvptppOCROr5RL-JTZfKs9qYBAgU2IejMgXBkbA0yWJ-unQ_BIijo3RTAMHZbQ0oPRgVRgJ1xnZL1fegO-2b8PnGhBKZ7x4VQ7VphTW0oRmBtdjym00OtgO1QCnK9F3oauvP_X-LkfUvBTkkCLUmpWL7uQdLOkb9UCShGP2Zent0wlGHfgJ09JAMnt-jeAJEkWr4TR8oMM45bcFlFbImeY1aDwzYujblMH91OPJ4V5igLDe5RkHvJ9WlC6sdpzb087okgj18kOxrvyz675xjBG9RsCe6jaYBeS_pCvJu3xpowF7VSAr0_3yro8wkAH7HW_kQV4rXzy2DeFHIV8rjZ4MezbvuM4JHU7DOzhSi9F5TAEzSoeq-HMPDTkaVxSPdlfL3fYaFesrhcazaudVrgYD7zx6Uwk9k4WfQ_q_cy9SQJQVfticZ9qN0scaod3SbHtZuVrmftVkXZGthBXHnExBmHBGyb7ggXi-fLQX8GZ7zn9r-HaPaVqUVwDV0BgfIHLkbTQC6USGGTzo4ZOuBFw6XR-Y2iUe-te1T7ni_OEyDKgZJjS6ynbu9p2j8nMPIvYJvsiH_JWQkyLPrZYqNTdjDSskKvKlfeP7boI3yXWtcCL8jjBzkWNbE4P-lMXmmr1npn6_Bd02kDfS7C7omksULXBdkQdbmf8hiN-sINrf-nFfnxPrUBscJlfPsQBop9wvDeU1VvA3HtxEBR1LmD1lmRnrSN1rkO-Fcg--clw7Mh7yVNf_EKWA2AIc6WKJmH7rYqAF7gjKVQm5QYj-fsIcK9j5nlBAYdVIQ-Y9j9SuQnPANchXTO6R0AkBFuY8Q0VtAAlVPeVqnv8utJP9gR2XLfmrSLNgNTD4FC1fmw-DW-Xnic-B_aFm00\" 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>\u5728VPasCode\u4e2d\u7f16\u8f91PlantUML<\/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#plantuml:TLLRJnD157vlqlymuSL2spM-RfIqj1LhIcdQulkuEvG9kplBp6n9OqZGG2GHqCH030PYzK6UcXf2533oO-osvSc_uCnUw0rUfdlE-SxjcpEdASOXvOvfH2CSSmC1jtNIssztJvlkoRj_lu-UmpfyMB4fjcfWZX3U-t4LZKGZDjHMOGq1ZPWA4eU9g8OKGdL45MI9I0tmAXe1G3CWOs1Hwdq50CbKNWSUCg-hO6afdmtr2z1gLCcY9S8wZ1CHKmMPu2l426kLI61CWqo3EdgIBXIc0UR8P2eeOCOVUzdoGZ4RE7d9if0Z0I0QDEHd5PieC0i6k2ESFR-A9mGMJZWqqYPnBAw2ELpB8WsRqF2j_Xc7kYvpnMnAT4SJk9B_aG1hlA42RF5f5TG9rWEyoAyvXgn01ezDJmQEcv2kfbbb1TisqcD3xXlo6ADL9X-XLb9nFxCU5q6lazRn9WB4cWEzE_NQ2NIEXNc9OWtToqmDyOhpaj_Tvcqho7BCOUh3NagvOZPVdFU5p6BnQRwya0iQgZpBbqgXaCqLyYzovL3Cf8kPNA7WYoBBnltZQiE6AOPLOOZMHIF34rloJPLXYwGgxN2oZYdIGU0yBsvo7GfcIYFo9DuZlenimZ0dj15SmK0nGfsu1mqn5iICZRoM1D0vkSrNHciEOdB6RXNC9XOBXxiE3QoBcW9h5d683HQxEyHWJ9EEBRsy6aCklEiPhoLyF2EWkqPMJ0wYor2GESfKo6rSMu6qXc9muhabW0QfI9WHPr2_I52bq69GuvXOecN72EOoJj6oO-anFZ3BOYjSRh04c8mkGfKzbq6KS6eU07Vxh7Sc5fw_mAOUJO6PP5ByAihCrD3pKq7lQilzi0DcGwYYp8xFa0ewVuxxvuUTots96xCEEOJ4gE1cywX__TRVoD8d6h48Hu3YsWe7P7bGWQmwbVFtRlVijF_zM_VJ5xUzvUwqkmVjxbxBlVpORvx-tNmZaPd1vWIzPgjpVNpJlEXzRjqSlU-tlhfx1vrVc_tpdztTrvsBRNVtq7D3bWvaTbb5IWZYB-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\" data-nodeid=\"213\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle \u5b9e\u73b0\u6a21\u578b\uff1aJava\/Spring Boot\u7c7b\r\n\r\npackage com.ecommerce.order.entity {\r\n  class Order {\r\n    -@Id orderId: UUID\r\n    -@ManyToOne customer: Customer\r\n    -@OneToMany(cascade=ALL) items: List&lt;OrderItem&gt;\r\n    -orderDate: LocalDateTime\r\n    -status: OrderStatus\r\n    -totalAmount: BigDecimal\r\n    \r\n    +addItem(product: Product, qty: int): void\r\n    +calculateTotal(): BigDecimal\r\n    +markAsShipped(): void\r\n  }\r\n  \r\n  class OrderItem {\r\n    -@Id itemId: UUID\r\n    -@ManyToOne order: Order\r\n    -@ManyToOne product: Product\r\n    -quantity: int\r\n    -unitPrice: BigDecimal\r\n    \r\n    +getSubtotal(): BigDecimal\r\n  }\r\n  \r\n  enum OrderStatus {\r\n    PENDING\r\n    CONFIRMED\r\n    SHIPPED\r\n    DELIVERED\r\n    CANCELLED\r\n  }\r\n}\r\n\r\npackage com.ecommerce.payment.service {\r\n  class PaymentService {\r\n    -@Autowired paymentGateway: PaymentGateway\r\n    -@Autowired orderRepository: OrderRepository\r\n    \r\n    +processPayment(orderId: UUID, dto: PaymentRequest): PaymentResponse\r\n    -validatePaymentDetails(dto: PaymentRequest): void\r\n    -updateOrderPaymentStatus(orderId: UUID, status: PaymentStatus): void\r\n  }\r\n  \r\n  interface PaymentGateway {\r\n    +charge(amount: BigDecimal, card: CardDetails): TransactionResult\r\n    +refund(transactionId: String, amount: BigDecimal): RefundResult\r\n  }\r\n}\r\n\r\n' \u5173\u7cfb\r\nOrder \"1\" *-- \"1..*\" OrderItem : \u7ec4\u5408 &gt;\r\nOrder ..&gt; PaymentService : \u4f9d\u8d56\u4e8e &gt;\r\nPaymentService ..&gt; PaymentGateway : \u901a\u8fc7\u5b9e\u73b0 &gt;\r\n\r\nnote right of OrderItem\r\n  @Entity \u6ce8\u89e3\u6620\u5c04\u5230\u6570\u636e\u5e93\u8868\u3002\r\n  Cascade=ALL \u786e\u4fdd\u9879\u76ee\u968f\u8ba2\u5355\u4e00\u8d77\u6301\u4e45\u5316\u3002\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:TLLRJnD157vlqlymuSL2spM-RfIqj1LhIcdQulkuEvG9kplBp6n9OqZGG2GHqCH030PYzK6UcXf2533oO-osvSc_uCnUw0rUfdlE-SxjcpEdASOXvOvfH2CSSmC1jtNIssztJvlkoRj_lu-UmpfyMB4fjcfWZX3U-t4LZKGZDjHMOGq1ZPWA4eU9g8OKGdL45MI9I0tmAXe1G3CWOs1Hwdq50CbKNWSUCg-hO6afdmtr2z1gLCcY9S8wZ1CHKmMPu2l426kLI61CWqo3EdgIBXIc0UR8P2eeOCOVUzdoGZ4RE7d9if0Z0I0QDEHd5PieC0i6k2ESFR-A9mGMJZWqqYPnBAw2ELpB8WsRqF2j_Xc7kYvpnMnAT4SJk9B_aG1hlA42RF5f5TG9rWEyoAyvXgn01ezDJmQEcv2kfbbb1TisqcD3xXlo6ADL9X-XLb9nFxCU5q6lazRn9WB4cWEzE_NQ2NIEXNc9OWtToqmDyOhpaj_Tvcqho7BCOUh3NagvOZPVdFU5p6BnQRwya0iQgZpBbqgXaCqLyYzovL3Cf8kPNA7WYoBBnltZQiE6AOPLOOZMHIF34rloJPLXYwGgxN2oZYdIGU0yBsvo7GfcIYFo9DuZlenimZ0dj15SmK0nGfsu1mqn5iICZRoM1D0vkSrNHciEOdB6RXNC9XOBXxiE3QoBcW9h5d683HQxEyHWJ9EEBRsy6aCklEiPhoLyF2EWkqPMJ0wYor2GESfKo6rSMu6qXc9muhabW0QfI9WHPr2_I52bq69GuvXOecN72EOoJj6oO-anFZ3BOYjSRh04c8mkGfKzbq6KS6eU07Vxh7Sc5fw_mAOUJO6PP5ByAihCrD3pKq7lQilzi0DcGwYYp8xFa0ewVuxxvuUTots96xCEEOJ4gE1cywX__TRVoD8d6h48Hu3YsWe7P7bGWQmwbVFtRlVijF_zM_VJ5xUzvUwqkmVjxbxBlVpORvx-tNmZaPd1vWIzPgjpVNpJlEXzRjqSlU-tlhfx1vrVc_tpdztTrvsBRNVtq7D3bWvaTbb5IWZYB-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#plantuml:TLLBRzf04BuZyHz6kTG9uAfNgur2WBQk2450Ufzu9x2AxNNsGOIg_FVEsklmIYwBvptppOCROr5RL-JTZfKs9qYBAgU2IejMgXBkbA0yWJ-unQ_BIijo3RTAMHZbQ0oPRgVRgJ1xnZL1fegO-2b8PnGhBKZ7x4VQ7VphTW0oRmBtdjym00OtgO1QCnK9F3oauvP_X-LkfUvBTkkCLUmpWL7uQdLOkb9UCShGP2Zent0wlGHfgJ09JAMnt-jeAJEkWr4TR8oMM45bcFlFbImeY1aDwzYujblMH91OPJ4V5igLDe5RkHvJ9WlC6sdpzb087okgj18kOxrvyz675xjBG9RsCe6jaYBeS_pCvJu3xpowF7VSAr0_3yro8wkAH7HW_kQV4rXzy2DeFHIV8rjZ4MezbvuM4JHU7DOzhSi9F5TAEzSoeq-HMPDTkaVxSPdlfL3fYaFesrhcazaudVrgYD7zx6Uwk9k4WfQ_q_cy9SQJQVfticZ9qN0scaod3SbHtZuVrmftVkXZGthBXHnExBmHBGyb7ggXi-fLQX8GZ7zn9r-HaPaVqUVwDV0BgfIHLkbTQC6USGGTzo4ZOuBFw6XR-Y2iUe-te1T7ni_OEyDKgZJjS6ynbu9p2j8nMPIvYJvsiH_JWQkyLPrZYqNTdjDSskKvKlfeP7boI3yXWtcCL8jjBzkWNbE4P-lMXmmr1npn6_Bd02kDfS7C7omksULXBdkQdbmf8hiN-sINrf-nFfnxPrUBscJlfPsQBop9wvDeU1VvA3HtxEBR1LmD1lmRnrSN1rkO-Fcg--clw7Mh7yVNf_EKWA2AIc6WKJmH7rYqAF7gjKVQm5QYj-fsIcK9j5nlBAYdVIQ-Y9j9SuQnPANchXTO6R0AkBFuY8Q0VtAAlVPeVqnv8utJP9gR2XLfmrSLNgNTD4FC1fmw-DW-Xnic-B_aFm00\" 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>\u5728VPasCode\u4e2d\u7f16\u8f91PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"214\"><strong data-nodeid=\"486\">\u5b9e\u73b0\u4eae\u70b9\uff1a<\/strong><\/p>\n<ul data-nodeid=\"215\">\n<li data-nodeid=\"216\">\n<p data-nodeid=\"217\">JPA\u6ce8\u89e3\uff08<code data-backticks=\"1\" data-nodeid=\"488\">@Entity<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"490\">@ManyToOne<\/code>\uff09\u7528\u4e8eORM\u6620\u5c04<\/p>\n<\/li>\n<li data-nodeid=\"218\">\n<p data-nodeid=\"219\">\u4f9d\u8d56\u6ce8\u5165\uff08<code data-backticks=\"1\" data-nodeid=\"493\">@Autowired<\/code>\uff09\u7528\u4e8e\u677e\u8026\u5408<\/p>\n<\/li>\n<li data-nodeid=\"220\">\n<p data-nodeid=\"221\">\u7528\u4e8e\u7c7b\u578b\u5b89\u5168\u8ba2\u5355\u72b6\u6001\u7ba1\u7406\u7684\u679a\u4e3e<\/p>\n<\/li>\n<li data-nodeid=\"222\">\n<p data-nodeid=\"223\">\u79c1\u6709\u8f85\u52a9\u65b9\u6cd5\uff08<code data-backticks=\"1\" data-nodeid=\"497\">-\u9a8c\u8bc1\u652f\u4ed8\u8be6\u60c5<\/code>\uff09\u5c01\u88c5\u903b\u8f91<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"224\"\/>\n<h2 data-nodeid=\"225\"><strong data-nodeid=\"504\">\u9ad8\u7ea7\u6a21\u5f0f\u4e0e\u6700\u4f73\u5b9e\u8df5<\/strong><\/h2>\n<h3 data-nodeid=\"226\"><strong data-nodeid=\"508\">1. \u5904\u7406\u53ef\u89c1\u6027\u4e0e\u5c01\u88c5<\/strong><\/h3>\n<p id=\"CXceEyL\"><img alt=\"\" class=\"alignnone size-full wp-image-24658\" decoding=\"async\" height=\"229\" loading=\"lazy\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba223951b.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba223951b.png 975w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba223951b-300x70.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba223951b-768x180.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba223951b-150x35.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba223951b-400x94.png 400w\" width=\"975\"\/><\/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#plantuml:PL7DIiH03BuN-Wu1Bolg2nIHxRA81P62uZsTPhjXfncOoQmkeizkseeAUqlcIxwVp3efHisZBmldCINOe1ngvq8MXO-o0BZ2fNlAOqUnWcUDBCEC3AGRz2YELfSLR7ZOakCH_GJUT0jozguH9Q5J3lB0IKCyLV1enUtB7t0tJLuuz2vxL6f4ALBILRIcWZxapjEPuXTFOuA-pZthvEWOk2-Bpx8e2mbA47dOAuJT_v1p46YDaLq5TTl0BaIWzuKAd6SIJRDpQ2CVPmVDZnBOzPIkmTZ1paGfiJdxtVQdEOVjcRfJwYkuD_AKk-NMqvmaoplRXnRT0GUZV-M5vurrpm89Hu8nzDbJMP3qavnLQoljuxu1\" 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\u7f16\u8f91 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#plantuml:PP71IiD048RlWRp3W9UA-091f2qUB8W8-WBRP8sBsmriDeA8qg8HMwhjGIsKzg0K6b5RUj6YXRvCDh6dleBPzA3Gsyp-__pp3Pjr1UB2Ar5TCoboNSWZTfmpJSTZ0ivq3M0DBRfThrJ4t81zmGcpKyN68eyeOYREh1gG9_OMDaa9KIMk5nVAqhlWYBd85CHXsyGL3ZyrO2SfDWx-X4tbN34HDJsA12umWJbsHOOdZG6MunKfNjfuGPID8PhpB28KqOb3B5qxrpLTOux0m8bz9C0v_7zaUWX8_qtwe_caBNkFiyj03fwZcy_uTHYtho2tLqZ18UvNeavLcQxzn1JNFg9oPJwfBsR2yQri37y6qrbhaEA3RBJ2QJUgzPAH-3u8l-xaUpCUVKVL5pbwI951rdqLs0bainwEor7m9Bkj95z5zIkwXfa5YbtNiacP_DCl\" \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\" data-nodeid=\"227\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass BankAccount {\r\n  +accountNumber: String\r\n  +getBalance(): BigDecimal\r\n  -balance: BigDecimal\r\n  -transactionHistory: List&lt;Transaction&gt;\r\n  #calculateInterest(rate: double): BigDecimal\r\n  ~internalAudit(): void\r\n}\r\n\r\nnote right of BankAccount\r\n  + \u516c\u5171\uff1a\u5916\u90e8\u5ba2\u6237\u7aef\u7684 API\r\n  - \u79c1\u6709\uff1a\u5185\u90e8\u72b6\u6001\uff0c\u5916\u90e8\u4e0d\u53ef\u8bbf\u95ee\r\n  # \u53d7\u4fdd\u62a4\uff1a\u7528\u4e8e\u5b50\u7c7b\u6269\u5c55\r\n  ~ \u5305\uff1a\u5728\u540c\u4e00\u6a21\u5757\u5185\u53ef\u89c1\r\nend note\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PP71IiD048RlWRp3W9UA-091f2qUB8W8-WBRP8sBsmriDeA8qg8HMwhjGIsKzg0K6b5RUj6YXRvCDh6dleBPzA3Gsyp-__pp3Pjr1UB2Ar5TCoboNSWZTfmpJSTZ0ivq3M0DBRfThrJ4t81zmGcpKyN68eyeOYREh1gG9_OMDaa9KIMk5nVAqhlWYBd85CHXsyGL3ZyrO2SfDWx-X4tbN34HDJsA12umWJbsHOOdZG6MunKfNjfuGPID8PhpB28KqOb3B5qxrpLTOux0m8bz9C0v_7zaUWX8_qtwe_caBNkFiyj03fwZcy_uTHYtho2tLqZ18UvNeavLcQxzn1JNFg9oPJwfBsR2yQri37y6qrbhaEA3RBJ2QJUgzPAH-3u8l-xaUpCUVKVL5pbwI951rdqLs0bainwEor7m9Bkj95z5zIkwXfa5YbtNiacP_DCl\" \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#plantuml:PL7DIiH03BuN-Wu1Bolg2nIHxRA81P62uZsTPhjXfncOoQmkeizkseeAUqlcIxwVp3efHisZBmldCINOe1ngvq8MXO-o0BZ2fNlAOqUnWcUDBCEC3AGRz2YELfSLR7ZOakCH_GJUT0jozguH9Q5J3lB0IKCyLV1enUtB7t0tJLuuz2vxL6f4ALBILRIcWZxapjEPuXTFOuA-pZthvEWOk2-Bpx8e2mbA47dOAuJT_v1p46YDaLq5TTl0BaIWzuKAd6SIJRDpQ2CVPmVDZnBOzPIkmTZ1paGfiJdxtVQdEOVjcRfJwYkuD_AKk-NMqvmaoplRXnRT0GUZV-M5vurrpm89Hu8nzDbJMP3qavnLQoljuxu1\" 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\u7f16\u8f91 PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"228\"><strong data-nodeid=\"512\">2. \u73b0\u5b9e\u573a\u666f\u4e2d\u7684\u591a\u91cd\u6027<\/p>\n<p><\/strong><\/h3>\n<p id=\"TInrWNg\"><img alt=\"\" class=\"alignnone size-full wp-image-24659\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 441px) 100vw, 441px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba3fdcfe0.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba3fdcfe0.png 441w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba3fdcfe0-231x300.png 231w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba3fdcfe0-116x150.png 116w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba3fdcfe0-400x519.png 400w\" width=\"441\"\/><\/p>\n<h3 data-nodeid=\"228\"><strong data-nodeid=\"512\">\u00a0<\/strong><\/h3>\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#plantuml:NPB1JiCm38RlbVeELYziOwlMQoNG1kom0m9fJn1IiqKaSKdSYGeXyImy6a-2sswmSOj__VxzsSeYiWhSE9icsgeOOREZkZP-UoiolAS9mAMggZMZ6zM1gaPp2O_3Omglt9PWF8zBs9EfUdT0HtiyRLXN9MmuIAZudeWiAfyc7sbod7d8Euppok6neHVgOBGeDsPxXzeuPNlL-0sJVlcVU05Bq1sxLXvsQeym1oPmohTW12fsbfNIkxw2WCyOq6kCW6zAissXW0DtcfmT8oiocCncaCtpV9BzGfUWoRCoFi9r1-29KPYOoNMSzurbKrkZ3RSG6eknxEJlpo_eSk0A7cesv9MT3f0ZHr7eoJdouwEr4D_gm4SUnQHyfPX2Epv9AyxIee1RiMA-pQVTJiz6ojfeRWB-9GyGImOveWpkquSM2XM6uMXYHrz1jrkQBEGfF-O7\" 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\u7f16\u8f91 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#plantuml:NP9TIy9G7CRl1_iEVxpfrT3RGH7LJNU1ds1jeqPkn-PHY0XcPIef5cMWULEKza8fL60rxRl4pjok_0gTRJgqktEUy_oVvtSEPpc9UGsdb3ZB274-cOJODaeaP7LhbSgmpp80SxmehcD9cKveI4m9c8CDVp4FktYF0rd5CnoaaInwRarIK5eQ7rWNEOXXZOPItoP2SObNMUQ0PKQTmxnXdSehqcZ04nAQB51bHTvQamHPuUEUAginZ8IT_ubJOB-_z0kFThT1oYtp-vuKi-Ji6I90ycroLpCxJwHoGYuohjLgbOEzSzIrCcrotoL6fN_vO7PqUcH-DJthnAk4eY6O3OSX55bOc0q5z1mCgvPS3XLXYQ9XZ1GNbpOxkPAbD-tcCSbN1qRDLN_rMt13O14ehACN1aRHPnmOUQkkaqx7RcO6Hc5aZbAdJ-dpKHlvoJfrVSn30wCJWQMAxpHxfwHnI1NlOb_snx5rLINNlNuXDrxXyzYvDz8-3rg2MVlrbWOwDv_UYAIAuDwKPPRfadwZFm00\" \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\" data-nodeid=\"229\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass ShoppingCart {\r\n  +addItem(product: Product, qty: int): void\r\n  +removeItem(productId: String): boolean\r\n}\r\n\r\nclass Product {\r\n  +name: String\r\n  +price: BigDecimal\r\n  +inStock: boolean\r\n}\r\n\r\n' \u8d2d\u7269\u8f66\u53ef\u4ee5\u5305\u542b 0 \u5230\u591a\u4e2a\u5546\u54c1\r\n' \u6bcf\u4e2a\u5546\u54c1\u90fd\u6070\u597d\u5f15\u7528\u4e00\u4e2a\u4ea7\u54c1\r\nShoppingCart \"1\" *-- \"0..*\" Product : \u5305\u542b &gt;\r\n\r\nnote bottom\r\n  \u591a\u91cd\u6027\u89c4\u5219\uff1a\r\n  \u2022 0..* = \u53ef\u9009\uff0c\u591a\u4e2a\uff08\u6700\u5e38\u89c1\uff09\r\n  \u2022 1 = \u6070\u597d\u4e00\u4e2a\uff08\u5fc5\u9700\uff09\r\n  \u2022 0..1 = \u53ef\u9009\uff0c\u5355\u4e2a\uff08\u4f8b\u5982\uff0c\u4e2a\u4eba\u8d44\u6599\u56fe\u7247\uff09\r\n  \u2022 1..* = \u81f3\u5c11\u4e00\u4e2a\uff08\u4f8b\u5982\uff0c\u8ba2\u5355\u9879\uff09\r\nend note\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:NP9TIy9G7CRl1_iEVxpfrT3RGH7LJNU1ds1jeqPkn-PHY0XcPIef5cMWULEKza8fL60rxRl4pjok_0gTRJgqktEUy_oVvtSEPpc9UGsdb3ZB274-cOJODaeaP7LhbSgmpp80SxmehcD9cKveI4m9c8CDVp4FktYF0rd5CnoaaInwRarIK5eQ7rWNEOXXZOPItoP2SObNMUQ0PKQTmxnXdSehqcZ04nAQB51bHTvQamHPuUEUAginZ8IT_ubJOB-_z0kFThT1oYtp-vuKi-Ji6I90ycroLpCxJwHoGYuohjLgbOEzSzIrCcrotoL6fN_vO7PqUcH-DJthnAk4eY6O3OSX55bOc0q5z1mCgvPS3XLXYQ9XZ1GNbpOxkPAbD-tcCSbN1qRDLN_rMt13O14ehACN1aRHPnmOUQkkaqx7RcO6Hc5aZbAdJ-dpKHlvoJfrVSn30wCJWQMAxpHxfwHnI1NlOb_snx5rLINNlNuXDrxXyzYvDz8-3rg2MVlrbWOwDv_UYAIAuDwKPPRfadwZFm00\" \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#plantuml:NPB1JiCm38RlbVeELYziOwlMQoNG1kom0m9fJn1IiqKaSKdSYGeXyImy6a-2sswmSOj__VxzsSeYiWhSE9icsgeOOREZkZP-UoiolAS9mAMggZMZ6zM1gaPp2O_3Omglt9PWF8zBs9EfUdT0HtiyRLXN9MmuIAZudeWiAfyc7sbod7d8Euppok6neHVgOBGeDsPxXzeuPNlL-0sJVlcVU05Bq1sxLXvsQeym1oPmohTW12fsbfNIkxw2WCyOq6kCW6zAissXW0DtcfmT8oiocCncaCtpV9BzGfUWoRCoFi9r1-29KPYOoNMSzurbKrkZ3RSG6eknxEJlpo_eSk0A7cesv9MT3f0ZHr7eoJdouwEr4D_gm4SUnQHyfPX2Epv9AyxIee1RiMA-pQVTJiz6ojfeRWB-9GyGImOveWpkquSM2XM6uMXYHrz1jrkQBEGfF-O7\" 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\u7f16\u8f91 PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"230\"><strong data-nodeid=\"516\">3. \u62bd\u8c61\u7c7b\u4e0e\u63a5\u53e3<\/strong><\/h3>\n<p id=\"qaBNIMo\"><img alt=\"\" class=\"alignnone size-full wp-image-24660\" decoding=\"async\" height=\"374\" loading=\"lazy\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba595e5e4.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba595e5e4.png 916w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba595e5e4-300x122.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba595e5e4-768x314.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba595e5e4-150x61.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eba595e5e4-400x163.png 400w\" width=\"916\"\/><\/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#plantuml:ZPBDIiGm4CVlWRp3W1UbxWiK3olemOEBq2UOfjDs95yaamLHtzsqu69tz-0jpCTl_ZF_xBDWakAiLjXdIMW4ZCMSuH24HpOe73nyQWLmayXmPFBIGYU9_RH67UMC4_sDDITM9Z_SthNGXs09_PgqONeYoqTA7qlg67ZGwbihhTWBfH4DmRD3jfSIcbpwTp8R0St5Z3DMzzfT8SKvU3eKrrFw1sq3UFZQxIuLNYiw6xsGV122nDCi44ROPW4UDoPKOJCc6g2wLBiQYDKiHWlieYLNdJWrlloksy9RIGGc-1Lq3wvOuLeEx6TABEZhJNA9CIJHgcuBYoIjzlLPFy8F\" 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\u7f16\u8f91 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#plantuml:ZP6zIWD158NxWNc72pRAaXS85YcqDCq-mUpcPZEoEnDc9W5HmI3-XHWHh588eb51CCP2C8duCkwEgV8AxgOGyrFONUuvVETSRa4Rfamj2YbXdZQA-GRya6aDHMbucVlCS2bWbnA05OK-ht8K9W-kKLm4qss4MhC0_-wSNvP6KLfTouCdPOXCJCLG1XiOyZggdKogIrwYP9yIIhWmgChCHzYC60yNApYwvcsZFrF0MSYOOxbRxX9IjI855ckHX-eVj1d0-bukjzXmcMakEYC9QH0K3oe6P1bcLO2a-V7Tlx7zuMJKYO_wNuCdstnB3XhWmFZmCJuzZf-lRVjbQcrtuulRr6S7FVlw7dSlxU1-CcebLxsarOZlEkEJSpjyICu-AKblWYoOaa8wfk_-0G00\" \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\" data-nodeid=\"231\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nabstract class Notification {\r\n  #recipient: String\r\n  #message: String\r\n  +abstract send(): boolean\r\n  +logDelivery(): void\r\n}\r\n\r\ninterface EmailNotification {\r\n  +subject: String\r\n  +send(): boolean\r\n}\r\n\r\ninterface SMSNotification {\r\n  +phoneNumber: String\r\n  +send(): boolean\r\n}\r\n\r\nNotification &lt;|-- EmailNotification\r\nNotification &lt;|-- SMSNotification\r\n\r\nnote right of Notification\r\n  \u62bd\u8c61\u7c7b\uff1a\u5171\u4eab\u72b6\u6001 + \u90e8\u5206\u5b9e\u73b0\r\n  \u63a5\u53e3\uff1a\u7eaf\u7cb9\u5951\u7ea6\uff0c\u652f\u6301\u591a\u91cd\u7ee7\u627f\r\nend note\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:ZP6zIWD158NxWNc72pRAaXS85YcqDCq-mUpcPZEoEnDc9W5HmI3-XHWHh588eb51CCP2C8duCkwEgV8AxgOGyrFONUuvVETSRa4Rfamj2YbXdZQA-GRya6aDHMbucVlCS2bWbnA05OK-ht8K9W-kKLm4qss4MhC0_-wSNvP6KLfTouCdPOXCJCLG1XiOyZggdKogIrwYP9yIIhWmgChCHzYC60yNApYwvcsZFrF0MSYOOxbRxX9IjI855ckHX-eVj1d0-bukjzXmcMakEYC9QH0K3oe6P1bcLO2a-V7Tlx7zuMJKYO_wNuCdstnB3XhWmFZmCJuzZf-lRVjbQcrtuulRr6S7FVlw7dSlxU1-CcebLxsarOZlEkEJSpjyICu-AKblWYoOaa8wfk_-0G00\" \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#plantuml:ZPBDIiGm4CVlWRp3W1UbxWiK3olemOEBq2UOfjDs95yaamLHtzsqu69tz-0jpCTl_ZF_xBDWakAiLjXdIMW4ZCMSuH24HpOe73nyQWLmayXmPFBIGYU9_RH67UMC4_sDDITM9Z_SthNGXs09_PgqONeYoqTA7qlg67ZGwbihhTWBfH4DmRD3jfSIcbpwTp8R0St5Z3DMzzfT8SKvU3eKrrFw1sq3UFZQxIuLNYiw6xsGV122nDCi44ROPW4UDoPKOJCc6g2wLBiQYDKiHWlieYLNdJWrlloksy9RIGGc-1Lq3wvOuLeEx6TABEZhJNA9CIJHgcuBYoIjzlLPFy8F\" 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\u7f16\u8f91 PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr data-nodeid=\"232\"\/>\n<h2 data-nodeid=\"233\"><strong data-nodeid=\"522\">\u5e38\u89c1\u9677\u9631\u53ca\u907f\u514d\u65b9\u6cd5<\/strong><\/h2>\n<table data-nodeid=\"235\">\n<thead data-nodeid=\"236\">\n<tr data-nodeid=\"237\">\n<th data-nodeid=\"239\">\u9677\u9631<\/th>\n<th data-nodeid=\"240\">\u75c7\u72b6<\/th>\n<th data-nodeid=\"241\">\u89e3\u51b3\u65b9\u6848<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"245\">\n<tr data-nodeid=\"246\">\n<td data-nodeid=\"247\"><strong data-nodeid=\"529\">\u8fc7\u5ea6\u8bbe\u8ba1<\/strong><\/td>\n<td data-nodeid=\"248\">\u5305\u542b 50 \u4e2a\u4ee5\u4e0a\u7c7b\u7684\u56fe\u8868\uff0c\u96be\u4ee5\u9605\u8bfb<\/td>\n<td data-nodeid=\"249\">\u4ece\u6982\u5ff5\u6a21\u578b\u5f00\u59cb\uff1b\u6309\u6709\u754c\u4e0a\u4e0b\u6587\u62c6\u5206\u4e3a\u591a\u4e2a\u56fe\u8868<\/td>\n<\/tr>\n<tr data-nodeid=\"250\">\n<td data-nodeid=\"251\"><strong data-nodeid=\"535\">\u6df7\u6dc6\u805a\u5408\/\u7ec4\u5408<\/strong><\/td>\n<td data-nodeid=\"252\">\u5bf9\u8c61\u751f\u547d\u5468\u671f\u7ba1\u7406\u4e0d\u6e05\u6670<\/td>\n<td data-nodeid=\"253\">\u63d0\u95ee\uff1a\u201c\u5982\u679c\u6574\u4f53\u88ab\u9500\u6bc1\uff0c\u90e8\u5206\u662f\u5426\u4ecd\u7136\u5b58\u5728\uff1f\u201d\u5982\u679c\u5426 \u2192 \u4f7f\u7528\u7ec4\u5408\uff08<code data-backticks=\"1\" data-nodeid=\"542\">*--<\/code>)<\/td>\n<\/tr>\n<tr data-nodeid=\"254\">\n<td data-nodeid=\"255\"><strong data-nodeid=\"547\">\u5ffd\u7565\u53ef\u5bfc\u822a\u6027<\/strong><\/td>\n<td data-nodeid=\"256\">\u5230\u5904\u90fd\u662f\u53cc\u5411\u7bad\u5934<\/td>\n<td data-nodeid=\"257\">\u4ec5\u5728\u4ee3\u7801\u4e2d\u9700\u8981\u904d\u5386\u65f6\u624d\u6dfb\u52a0\u53ef\u5bfc\u822a\u6027\u7bad\u5934<\/td>\n<\/tr>\n<tr data-nodeid=\"258\">\n<td data-nodeid=\"259\"><strong data-nodeid=\"553\">\u62bd\u8c61\u5c42\u6b21\u6df7\u6742<\/strong><\/td>\n<td data-nodeid=\"260\">DTO\u4e0e\u5b9e\u4f53\u7c7b\u6df7\u5408\u5728\u540c\u4e00\u5f20\u56fe\u4e2d<\/td>\n<td data-nodeid=\"261\">\u6309\u89c6\u89d2\uff08\u6982\u5ff5\/\u89c4\u8303\/\u5b9e\u73b0\uff09\u5206\u79bb\u56fe\u8868<\/td>\n<\/tr>\n<tr data-nodeid=\"262\">\n<td data-nodeid=\"263\"><strong data-nodeid=\"559\">\u5ffd\u89c6\u7248\u672c\u63a7\u5236<\/strong><\/td>\n<td data-nodeid=\"264\">\u56fe\u8868\u53d8\u5f97\u8fc7\u65f6<\/td>\n<td data-nodeid=\"265\">\u5728Git\u4e2d\u4f7f\u7528PlantUML\u6587\u672c\u6587\u4ef6\uff1b\u5728CI\/CD\u6d41\u6c34\u7ebf\u4e2d\u751f\u6210\u56fe\u50cf<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"266\"\/>\n<h2 data-nodeid=\"267\"><strong data-nodeid=\"565\">\u5de5\u5177\u63a8\u8350\uff1a\u4e3a\u4ec0\u4e48\u9009\u62e9PlantUML\uff1f<\/strong><\/h2>\n<p data-nodeid=\"268\">\u5bf9\u4e8e\u4e0a\u8ff0\u6848\u4f8b\uff0c<strong data-nodeid=\"595\">PlantUML<\/strong>\u88ab\u9009\u4e2d\u662f\u56e0\u4e3a\u5b83\uff1a<br \/>\n\u2705\u00a0<strong data-nodeid=\"596\">\u57fa\u4e8e\u6587\u672c<\/strong>\uff1a\u56fe\u8868\u5373\u4ee3\u7801\u2014\u2014\u53ef\u7248\u672c\u5316\u3001\u53ef\u5bf9\u6bd4\u3001\u53ef\u5ba1\u67e5<br \/>\n\u2705\u00a0<strong data-nodeid=\"597\">\u53ef\u79fb\u690d<\/strong>\uff1a\u53ef\u5728\u672c\u5730\u6216\u901a\u8fc7\u4e91\u670d\u52a1\u6e32\u67d3\uff1b\u4e0eConfluence\u3001GitHub\u3001VS Code\u96c6\u6210<br \/>\n\u2705\u00a0<strong data-nodeid=\"598\">\u53ef\u7ef4\u62a4<\/strong>\uff1a\u66f4\u65b0\u56fe\u8868\u903b\u8f91\u800c\u65e0\u9700\u91cd\u65b0\u7ed8\u5236\u6846\u4f53<br \/>\n\u2705\u00a0<strong data-nodeid=\"599\">\u534f\u4f5c\u6027<\/strong>\uff1a\u975e\u8bbe\u8ba1\u5e08\u53ef\u901a\u8fc7\u7b80\u5355\u8bed\u6cd5\u53c2\u4e0e<\/p>\n<p data-nodeid=\"269\"><strong data-nodeid=\"603\">\u793a\u4f8b\u5de5\u4f5c\u6d41\u7a0b\uff1a<\/strong><\/p>\n<pre class=\"lang-bash\" data-nodeid=\"270\"><code data-language=\"bash\"># 1. \u5c06\u56fe\u8868\u4ee5\u6587\u672c\u5f62\u5f0f\u7f16\u5199\r\necho '@startumlnclass User { +name: String }n@enduml' &gt; UserDiagram.puml\r\n\r\n# 2. \u751f\u6210PNG\/SVG\r\nplantuml -tpng UserDiagram.puml\r\n\r\n# 3. \u5c06.puml\u6587\u4ef6\u548c\u751f\u6210\u7684\u56fe\u50cf\u90fd\u63d0\u4ea4\u5230Git\r\ngit add UserDiagram.puml UserDiagram.png\r\n<\/code><\/pre>\n<hr data-nodeid=\"271\"\/>\n<h2 data-nodeid=\"272\"><strong data-nodeid=\"607\">\u7ed3\u8bba<\/strong><\/h2>\n<p data-nodeid=\"273\">\u7c7b\u56fe\u8fdc\u4e0d\u6b62\u662f\u5b66\u672f\u7ec3\u4e60\u2014\u2014\u5b83\u4eec\u662f\u52a8\u6001\u7684\u4ea7\u7269\uff0c\u80fd\u591f\u4fc3\u8fdb\u5404\u65b9\u5bf9\u9f50\u3001\u51cf\u5c11\u6280\u672f\u503a\u52a1\uff0c\u5e76\u5728\u6574\u4e2a\u8f6f\u4ef6\u5f00\u53d1\u751f\u547d\u5468\u671f\u4e2d\u52a0\u901f\u65b0\u6210\u5458\u7684\u5165\u804c\u3002\u6b63\u5982\u6211\u4eec\u5728\u7535\u5b50\u5546\u52a1\u6848\u4f8b\u7814\u7a76\u4e2d\u6240\u5c55\u793a\u7684\uff0c\u7c7b\u56fe\u7684\u771f\u6b63\u529b\u91cf\u5728\u4e8e\u5b83\u4eec\u901a\u8fc7\u4e09\u4e2a\u5173\u952e\u89c6\u89d2\u4e0d\u65ad\u6f14\u8fdb\uff1a<\/p>\n<p data-nodeid=\"274\">\ud83d\udd39\u00a0<strong data-nodeid=\"626\">\u6982\u5ff5\u5c42\u9762<\/strong>\uff1a\u8ba9\u5229\u76ca\u76f8\u5173\u8005\u5efa\u7acb\u5bf9\u5171\u540c\u9886\u57df\u77e5\u8bc6\u7684\u5171\u8bc6<br \/>\n\ud83d\udd39\u00a0<strong data-nodeid=\"627\">\u89c4\u8303\u5c42\u9762<\/strong>\uff1a\u4e3a\u6a21\u5757\u5316\u67b6\u6784\u5b9a\u4e49\u6e05\u6670\u7684\u63a5\u53e3<br \/>\n\ud83d\udd39\u00a0<strong data-nodeid=\"628\">\u5b9e\u73b0\u5c42\u9762<\/strong>\uff1a\u901a\u8fc7\u7cbe\u786e\u4e14\u5177\u5907\u6280\u672f\u610f\u8bc6\u7684\u84dd\u56fe\u6307\u5bfc\u5f00\u53d1\u8005<\/p>\n<p data-nodeid=\"275\">\u901a\u8fc7\u91c7\u7528<strong data-nodeid=\"638\">PlantUML<\/strong>\u901a\u8fc7\u91c7\u7528PlantUML\u5b9e\u73b0\u56fe\u793a\u5373\u4ee3\u7801\u7684\u5b9e\u8df5\uff0c\u56e2\u961f\u80fd\u591f\u83b7\u5f97\u654f\u6377\u6027\uff0c\u4f7f\u8bbe\u8ba1\u4e0e\u4ee3\u7801\u540c\u6b65\u8fed\u4ee3\uff0c\u786e\u4fdd\u6587\u6863\u4e0d\u4f1a\u843d\u540e\u4e8e\u5b9e\u73b0\u3002\u8bf7\u8bb0\u4f4f\uff1a\u6700\u597d\u7684\u7c7b\u56fe\u5e76\u975e\u6700\u8be6\u5c3d\u7684\uff0c\u800c\u662f\u80fd\u5728\u6070\u5f53\u65f6\u95f4\u5411\u5176\u53d7\u4f17\u56de\u7b54\u6070\u5f53\u95ee\u9898\u7684\u90a3\u4e00\u4e2a\u3002<\/p>\n<p data-nodeid=\"276\"><strong data-nodeid=\"643\">\u6700\u7ec8\u542f\u793a<\/strong>\uff1a\u4ece\u7b80\u5355\u5f00\u59cb\uff0c\u4e0e\u5229\u76ca\u76f8\u5173\u8005\u9a8c\u8bc1\uff0c\u9010\u6b65\u4f18\u5316\uff0c\u5e76\u59cb\u7ec8\u5c06\u56fe\u793a\u5143\u7d20\u4e0e\u5b9e\u9645\u4e1a\u52a1\u4ef7\u503c\u8054\u7cfb\u8d77\u6765\u3002\u5f53\u7c7b\u56fe\u4ece\u4ea4\u4ed8\u6210\u679c\u8f6c\u53d8\u4e3a\u534f\u4f5c\u5de5\u5177\u65f6\uff0c\u5b83\u4eec\u4fbf\u4ece\u8d1f\u62c5\u8f6c\u53d8\u4e3a\u63a8\u52a8\u8f6f\u4ef6\u8d28\u91cf\u63d0\u5347\u7684\u50ac\u5316\u5242\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5f15\u8a00 \u5728\u5f53\u4eca\u590d\u6742\u7684\u8f6f\u4ef6\u5f00\u53d1\u73af\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6c9f\u901a\u548c\u7cbe\u786e\u7684\u7cfb\u7edf\u5efa\u6a21\u5bf9\u4e8e\u9879\u76ee\u6210\u529f\u81f3\u5173\u91cd\u8981\u3002\u5728\u8f6f\u4ef6\u67b6\u6784\u5e08\u7684\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f3a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[63,36],"tags":[],"class_list":["post-9971","post","type-post","status-publish","format-standard","hentry","category-ai","category-uml","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2\" \/>\n<meta property=\"og:description\" content=\"\u5f15\u8a00 \u5728\u5f53\u4eca\u590d\u6742\u7684\u8f6f\u4ef6\u5f00\u53d1\u73af\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6c9f\u901a\u548c\u7cbe\u786e\u7684\u7cfb\u7edf\u5efa\u6a21\u5bf9\u4e8e\u9879\u76ee\u6210\u529f\u81f3\u5173\u91cd\u8981\u3002\u5728\u8f6f\u4ef6\u67b6\u6784\u5e08\u7684\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f3a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm \u535a\u5ba2\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-21T07:55:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-30T08:13:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png\" \/>\n<meta name=\"author\" content=\"Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\",\"name\":\"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png\",\"datePublished\":\"2026-05-21T07:55:49+00:00\",\"dateModified\":\"2026-05-30T08:13:37+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/cn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/cn\/\",\"name\":\"Visual Paradigm \u535a\u5ba2\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/cn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/cn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/cn\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","og_locale":"zh_CN","og_type":"article","og_title":"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2","og_description":"\u5f15\u8a00 \u5728\u5f53\u4eca\u590d\u6742\u7684\u8f6f\u4ef6\u5f00\u53d1\u73af\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6c9f\u901a\u548c\u7cbe\u786e\u7684\u7cfb\u7edf\u5efa\u6a21\u5bf9\u4e8e\u9879\u76ee\u6210\u529f\u81f3\u5173\u91cd\u8981\u3002\u5728\u8f6f\u4ef6\u67b6\u6784\u5e08\u7684\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f3a [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","og_site_name":"Visual Paradigm \u535a\u5ba2","article_published_time":"2026-05-21T07:55:49+00:00","article_modified_time":"2026-05-30T08:13:37+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png","type":"","width":"","height":""}],"author":"Admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"Admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"5 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","url":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","name":"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/cn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png","datePublished":"2026-05-21T07:55:49+00:00","dateModified":"2026-05-30T08:13:37+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/cn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/05\/img_6a0eb9275d5e8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/cn\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/cn\/"},{"@type":"ListItem","position":2,"name":"\u638c\u63e1UML\u7c7b\u56fe\uff1a\u4f7f\u7528PlantUML\u8fdb\u884c\u7cfb\u7edf\u8bbe\u8ba1\u7684\u5b9e\u6218\u6848\u4f8b\u7814\u7a76"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/cn\/#website","url":"https:\/\/blog.visual-paradigm.com\/cn\/","name":"Visual Paradigm \u535a\u5ba2","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/cn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/cn\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/blog.visual-paradigm.com\/cn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b756c36f5e9132f6067fb4d22bef2e3?s=96&d=mm&r=g","caption":"Admin"},"url":"https:\/\/blog.visual-paradigm.com\/cn\/author\/vpadminuser\/"}]}},"modified_by":"Admin","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/posts\/9971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/comments?post=9971"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/posts\/9971\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/media?parent=9971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/categories?post=9971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/cn\/wp-json\/wp\/v2\/tags?post=9971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}