{"id":10491,"date":"2026-05-21T15:55:49","date_gmt":"2026-05-21T07:55:49","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/"},"modified":"2026-05-30T16:14:20","modified_gmt":"2026-05-30T08:14:20","slug":"mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","title":{"rendered":"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76"},"content":{"rendered":"<h2 data-nodeid=\"111\"><strong data-nodeid=\"293\">\u5f15\u8a00<\/strong><\/h2>\n<p data-nodeid=\"112\">\u5728\u4eca\u65e5\u8907\u96dc\u7684\u8edf\u9ad4\u958b\u767c\u74b0\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6e9d\u901a\u8207\u7cbe\u78ba\u7684\u7cfb\u7d71\u5efa\u6a21\u5c0d\u65bc\u5c08\u6848\u6210\u529f\u81f3\u95dc\u91cd\u8981\u3002\u5728\u8edf\u9ad4\u67b6\u69cb\u5e2b\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f37\u5927\u7684\u5de5\u5177\u4e4b\u4e00\u662f<strong data-nodeid=\"303\">UML\u985e\u5716<\/strong>\u2014\u2014\u4e00\u7a2e\u8996\u89ba\u5316\u8a9e\u8a00\uff0c\u80fd\u5920\u5f4c\u88dc\u62bd\u8c61\u9700\u6c42\u8207\u5177\u9ad4\u5be6\u4f5c\u4e4b\u9593\u7684\u5dee\u8ddd\u3002<\/p>\n<p data-nodeid=\"113\">\u672c\u6848\u4f8b\u7814\u7a76\u63a2\u8a0e\u985e\u5716\u5982\u4f55\u4f5c\u70ba\u7269\u4ef6\u5c0e\u5411\u8a2d\u8a08\u7684\u9aa8\u5e79\uff0c\u4f7f\u5718\u968a\u80fd\u5920\u5efa\u6a21\u7cfb\u7d71\u7684\u975c\u614b\u7d50\u69cb\uff0c\u5b9a\u7fa9\u5be6\u9ad4\u4e4b\u9593\u7684\u95dc\u4fc2\uff0c\u4e26\u5efa\u7acb\u660e\u78ba\u7684\u958b\u767c\u5408\u7d04\u3002\u900f\u904e\u4e00\u500b\u5be6\u969b\u7684\u96fb\u5b50\u5546\u52d9\u8a02\u55ae\u7ba1\u7406\u7cfb\u7d71\u7bc4\u4f8b\uff0c\u6211\u5011\u5c07\u793a\u7bc4\u5982\u4f55\u5728\u4e09\u500b\u958b\u767c\u8996\u89d2\u2014\u2014\u6982\u5ff5\u6027\u3001\u898f\u683c\u6027\u8207\u5be6\u4f5c\u6027\u2014\u2014\u4e2d\u9010\u6b65\u512a\u5316\u985e\u5716\uff0c\u540c\u6642\u5229\u7528<strong data-nodeid=\"311\">PlantUML<\/strong>\u4f86\u5efa\u7acb\u53ef\u57f7\u884c\u4e14\u7248\u672c\u63a7\u5236\u7684\u6587\u4ef6\u3002<\/p>\n<p data-nodeid=\"114\">\u7121\u8ad6\u60a8\u662f\u696d\u52d9\u5206\u6790\u5e2b\u5728\u5efa\u6a21\u9818\u57df\u6982\u5ff5\u3001\u958b\u767c\u4eba\u54e1\u8a2d\u8a08API\uff0c\u9084\u662f\u5718\u968a\u4e3b\u7ba1\u78ba\u4fdd\u67b6\u69cb\u4e00\u81f4\u6027\uff0c\u672c\u6307\u5357\u90fd\u63d0\u4f9b\u5177\u9ad4\u5be6\u7528\u7684\u6d1e\u5bdf\uff0c\u5354\u52a9\u60a8\u5efa\u7acb\u80fd\u63d0\u5347\u6e05\u6670\u5ea6\u3001\u6e1b\u5c11\u6b67\u7fa9\u4e26\u52a0\u901f\u4ea4\u4ed8\u7684\u985e\u5716\u3002<\/p>\n<hr data-nodeid=\"115\"\/>\n<h2 data-nodeid=\"116\"><strong data-nodeid=\"318\">\u7406\u89e3\u985e\u5716\uff1a\u6838\u5fc3\u6982\u5ff5\u56de\u9867<\/strong><\/h2>\n<p data-nodeid=\"117\"><em data-nodeid=\"322\">\uff08\u7cbe\u7c21\u81ea\u57fa\u790e\u77e5\u8b58\uff09<\/em><\/p>\n<p data-nodeid=\"118\">\u4e00\u500b<strong data-nodeid=\"328\">\u985e\u5716<\/strong>\u5728UML\u4e2d\u662f\u4e00\u7a2e\u975c\u614b\u7d50\u69cb\u5716\uff0c\u7528\u4ee5\u5448\u73fe\uff1a<\/p>\n<ul data-nodeid=\"119\">\n<li data-nodeid=\"120\">\n<p data-nodeid=\"121\"><strong data-nodeid=\"333\">\u985e\u5225<\/strong>\uff1a\u5b9a\u7fa9\u7269\u4ef6\u7684\u85cd\u5716\uff0c\u5305\u542b\u5c6c\u6027\uff08\u72c0\u614b\uff09\u8207\u64cd\u4f5c\uff08\u884c\u70ba\uff09<\/p>\n<\/li>\n<li data-nodeid=\"122\">\n<p data-nodeid=\"123\"><strong data-nodeid=\"338\">\u95dc\u4fc2<\/strong>\uff1a\u7e7c\u627f\u3001\u95dc\u806f\u3001\u805a\u5408\u3001\u7d44\u5408\u8207\u4f9d\u8cf4<\/p>\n<\/li>\n<li data-nodeid=\"124\">\n<p data-nodeid=\"125\"><strong data-nodeid=\"357\">\u7d04\u675f<\/strong>\uff1a\u53ef\u898b\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\u5c0e\u822a\u6027<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"126\"><strong data-nodeid=\"361\">\u95dc\u9375\u7b26\u865f\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>\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#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>\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"128\"><strong data-nodeid=\"365\">\u95dc\u4fc2\u985e\u578b\u5feb\u901f\u53c3\u8003<\/strong><\/h3>\n<table data-nodeid=\"130\">\n<thead data-nodeid=\"131\">\n<tr data-nodeid=\"132\">\n<th data-nodeid=\"134\">\u985e\u578b<\/th>\n<th data-nodeid=\"135\">\u7b26\u865f<\/th>\n<th data-nodeid=\"136\">\u542b\u7fa9<\/th>\n<th data-nodeid=\"137\">\u7bc4\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\">\u7e7c\u627f<\/strong><\/td>\n<td data-nodeid=\"145\">`\u2013<\/td>\n<td data-nodeid=\"146\">&gt;`<\/td>\n<td data-nodeid=\"147\">\u300c\u662f-a\u300d<\/td>\n<\/tr>\n<tr data-nodeid=\"150\">\n<td data-nodeid=\"151\"><strong data-nodeid=\"384\">\u95dc\u806f<\/strong><\/td>\n<td data-nodeid=\"152\"><code data-backticks=\"1\" data-nodeid=\"385\">--<\/code><\/td>\n<td data-nodeid=\"153\">\u7d50\u69cb\u9023\u7d50<\/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\">\u300c\u6709-a\u300d\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\">\u7d44\u6210<\/strong><\/td>\n<td data-nodeid=\"162\"><code data-backticks=\"1\" data-nodeid=\"402\">*--<\/code><\/td>\n<td data-nodeid=\"163\">\u300c\u64c1\u6709-a\u300d\uff08\u5f37\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\u8cf4<\/strong><\/td>\n<td data-nodeid=\"167\"><code data-backticks=\"1\" data-nodeid=\"412\">..&gt;<\/code><\/td>\n<td data-nodeid=\"168\">\u300c\u4f7f\u7528\u300d\uff08\u66ab\u6642\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\u96fb\u5b50\u5546\u52d9\u8a02\u55ae\u7ba1\u7406\u7cfb\u7d71<\/strong><\/h2>\n<h3 data-nodeid=\"172\"><strong data-nodeid=\"425\">\u696d\u52d9\u9700\u6c42<\/strong><\/h3>\n<p data-nodeid=\"173\">\u4e00\u5bb6\u7dda\u4e0a\u96f6\u552e\u5546\u9700\u8981\u4e00\u500b\u7cfb\u7d71\u4f86\uff1a<\/p>\n<ol data-nodeid=\"174\">\n<li data-nodeid=\"175\">\n<p data-nodeid=\"176\">\u7ba1\u7406\u5ba2\u6236\u3001\u7522\u54c1\u548c\u8a02\u55ae<\/p>\n<\/li>\n<li data-nodeid=\"177\">\n<p data-nodeid=\"178\">\u652f\u63f4\u8a02\u55ae\u9805\u76ee\uff0c\u5305\u542b\u6578\u91cf\u8207\u5b9a\u50f9<\/p>\n<\/li>\n<li data-nodeid=\"179\">\n<p data-nodeid=\"180\">\u8655\u7406\u591a\u7a2e\u4ed8\u6b3e\u65b9\u5f0f<\/p>\n<\/li>\n<li data-nodeid=\"181\">\n<p data-nodeid=\"182\">\u8ffd\u8e64\u8a02\u55ae\u72c0\u614b\u7684\u6574\u500b\u751f\u547d\u9031\u671f<\/p>\n<\/li>\n<li data-nodeid=\"183\">\n<p data-nodeid=\"184\">\u5141\u8a31\u7522\u54c1\u5c6c\u65bc\u5206\u985e<\/p>\n<\/li>\n<li data-nodeid=\"185\">\n<p data-nodeid=\"186\">\u652f\u63f4\u8a2a\u5ba2\u7d50\u5e33\uff08\u53ef\u9078\u7684\u5ba2\u6236\u95dc\u806f\uff09<\/p>\n<\/li>\n<\/ol>\n<h3 data-nodeid=\"187\"><strong data-nodeid=\"436\">\u7b2c\u4e00\u968e\u6bb5\uff1a\u6982\u5ff5\u6a21\u578b\uff08\u9818\u57df\u89c0\u9ede\uff09<\/strong><\/h3>\n<p data-nodeid=\"188\"><em data-nodeid=\"440\">\u8a9e\u8a00\u7121\u95dc\uff0c\u5c08\u6ce8\u65bc\u73fe\u5be6\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\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#plantuml:TPB1Jjj048RlA-qxh7ofX8HLhZaW94uzbLU8Y4kHabXoDWU4aD90caXkwY309DGbfAN8KccK50L2ufANyQntJts5skiO4zhUPbRV__kV6Q-LQDQWvK8U8xfDynfXLrMOZPZRWtFpjtScFatXHmjEteFP4HTjw7OnmcWpdosLo7gvHFM2Pf1TZ0Y1LZDmXr4LQyJ-o9_UohxM59Ltu0pWSmMZlTHWmz1pvKtwNCyiYyy6ygqx2Iu_mluzk_0MbEjPgctfnix_f4_GrqOkYSZTAjZzuCxbdMxQizDlp95zO5POpPJL-9Ue7ufUys-hLrGhn7RiP2pgbWnWzyEGiXfOt6qiJfdTAMZ5-PJ-jCsk7vXz3vvK-fDBrZvA8oLV3TqxLM4ViSODTzjplnT4d3h-h8hHu-gL5OKiBnFbfQekAVDPCyGVcs4aiefH_19HIn6sac9oZWo13pLeVO_Gv1h_i4pO-YIm7i1n5_2Oa-vAUfYG7bupsriCaMP8jf8XmV5GLTLWr6BZMaHZLDIfHepjhRUKw6_Y1Ecv_EbNtdEX_uKrReEp0txZyPztxC02n-QDUhnFZBHYZaGsaTrQs8H_-1y0\" \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\u96fb\u5b50\u5546\u52d9\u9818\u57df\r\n\r\nclass Customer {\r\n  \u540d\u7a31\r\n  \u96fb\u5b50\u90f5\u4ef6\r\n  \u914d\u9001\u5730\u5740\r\n}\r\n\r\nclass Product {\r\n  \u540d\u7a31\r\n  \u63cf\u8ff0\r\n  \u57fa\u790e\u50f9\u683c\r\n}\r\n\r\nclass Category {\r\n  \u540d\u7a31\r\n  \u63cf\u8ff0\r\n}\r\n\r\nclass Order {\r\n  \u8a02\u55ae\u7de8\u865f\r\n  \u8a02\u55ae\u65e5\u671f\r\n  \u72c0\u614b\r\n  \u7e3d\u91d1\u984d\r\n}\r\n\r\nclass OrderItem {\r\n  \u6578\u91cf\r\n  \u55ae\u50f9\r\n  \u5c0f\u8a08\r\n}\r\n\r\nclass Payment {\r\n  \u4ed8\u6b3e\u65b9\u5f0f\r\n  \u4ea4\u6613\u7de8\u865f\r\n  \u91d1\u984d\r\n  \u6642\u9593\u6233\u8a18\r\n}\r\n\r\n' \u95dc\u4fc2\r\nCustomer \"1\" -- \"0..*\" Order : \u4e0b\u55ae &gt;\r\nOrder \"1\" *-- \"1..*\" OrderItem : \u5305\u542b &gt;\r\nProduct \"1\" -- \"0..*\" OrderItem : \u51fa\u73fe\u5728 &gt;\r\nProduct \"0..*\" -- \"1\" Category : \u5c6c\u65bc &gt;\r\nOrder \"1\" -- \"1..*\" Payment : \u7531...\u7d50\u6e05 &gt;\r\n\r\nnote right of Order\r\n  \u8a02\u55ae\u4ee3\u8868\u5ba2\u6236\u7684\u8cfc\u8cb7\u610f\u5716\u8207\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:TPB1Jjj048RlA-qxh7ofX8HLhZaW94uzbLU8Y4kHabXoDWU4aD90caXkwY309DGbfAN8KccK50L2ufANyQntJts5skiO4zhUPbRV__kV6Q-LQDQWvK8U8xfDynfXLrMOZPZRWtFpjtScFatXHmjEteFP4HTjw7OnmcWpdosLo7gvHFM2Pf1TZ0Y1LZDmXr4LQyJ-o9_UohxM59Ltu0pWSmMZlTHWmz1pvKtwNCyiYyy6ygqx2Iu_mluzk_0MbEjPgctfnix_f4_GrqOkYSZTAjZzuCxbdMxQizDlp95zO5POpPJL-9Ue7ufUys-hLrGhn7RiP2pgbWnWzyEGiXfOt6qiJfdTAMZ5-PJ-jCsk7vXz3vvK-fDBrZvA8oLV3TqxLM4ViSODTzjplnT4d3h-h8hHu-gL5OKiBnFbfQekAVDPCyGVcs4aiefH_19HIn6sac9oZWo13pLeVO_Gv1h_i4pO-YIm7i1n5_2Oa-vAUfYG7bupsriCaMP8jf8XmV5GLTLWr6BZMaHZLDIfHepjhRUKw6_Y1Ecv_EbNtdEX_uKrReEp0txZyPztxC02n-QDUhnFZBHYZaGsaTrQs8H_-1y0\" \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\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"190\"><strong data-nodeid=\"444\">\u95dc\u9375\u8a2d\u8a08\u6c7a\u7b56\uff1a<\/strong><\/p>\n<ul data-nodeid=\"191\">\n<li data-nodeid=\"192\">\n<p data-nodeid=\"193\">\u7d44\u5408\uff08<code data-backticks=\"1\" data-nodeid=\"446\">*--<\/code>\uff09\u4e4b\u9593\u7684<code data-backticks=\"1\" data-nodeid=\"448\">\u8a02\u55ae<\/code>\u8207<code data-backticks=\"1\" data-nodeid=\"450\">\u8a02\u55ae\u9805\u76ee<\/code>\uff1a\u9805\u76ee\u7121\u6cd5\u5728\u6c92\u6709\u8a02\u55ae\u7684\u60c5\u6cc1\u4e0b\u5b58\u5728<\/p>\n<\/li>\n<li data-nodeid=\"194\">\n<p data-nodeid=\"195\">\u4e4b\u9593\u7684\u95dc\u806f<code data-backticks=\"1\" data-nodeid=\"453\">\u7522\u54c1<\/code>\u8207<code data-backticks=\"1\" data-nodeid=\"455\">\u985e\u5225<\/code>: \u7522\u54c1\u53ef\u4ee5\u91cd\u65b0\u5206\u985e<\/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\u9069\u7528\u65bc\u5ba2\u6236-\u8a02\u55ae\uff1a\u652f\u63f4\u8a2a\u5ba2\u7d50\u5e33<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"198\"\/>\n<h3 data-nodeid=\"199\"><strong data-nodeid=\"463\">\u7b2c\u4e8c\u968e\u6bb5\uff1a\u898f\u683c\u6a21\u578b\uff08\u4ecb\u9762\u89c0\u9ede\uff09<\/strong><\/h3>\n<p data-nodeid=\"200\"><em data-nodeid=\"467\">\u5c08\u6ce8\u65bc\u8edf\u9ad4\u5408\u7d04\uff0c\u96b1\u85cf\u5be6\u4f5c\u7d30\u7bc0<\/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>\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#plantuml:TLJDQjj04BuBz0vxQq937a0Kaq8kXfO4Eo-maTRfKddNtHqPJ2caRYW9heaFfgMk4veUWjjIvv0S2lNFmqIox5DUeQkLxDgoUjFCVFFDtwVTaO05U6NND822Iz3q-dpoTJ3fNGMNZOT1Pz9j1etF_f_6xEARQPW6PK142Ti4vVU4GqIHY2fLrclJGEYnBGW6eWCRjYU1bud8EnOgWg3iQ0jH86LfeMTKmXEDoYl7xi5URjD2sbRVckY8GCp2DMf1aSPv5MTUi0WOF9bEs49I-vEy6AHO3Zbt2MPnrzYrFNVESy01knbrdtD6QgRn9hM5VLmh4mRxWjj4IYwIJLHYEuckTrM90xi4C7LLTmbGpRMvC0f4UYveEa5A7dFcR20mazW6ojao9ovpZq7IgQ8fwAGvIxhnFAigBYvggHE-8FRBfrNL5JwaBeNQXXh5yMnOhlJAmqp9fMOXHPZQfY1I4PBeiXdNM5P0GIEn7aEvSsj4wbEI9LJ6LQgSEibijekbNCWZ6IUL4O-ufapj_gyuTHGYMInKe1mPkbfl9A7u9uhLJMhloZ9ZLJEg1ALkiggwHyWVNKnlxsQVklwuRXghV-3sTYxZg1RoX-EmtKEvJFoQUYqKDDlJ7-Di_6Av2lRbCgZVHZ3JO1o8EXsehI9UMdqPee62VYSSVP_swi77VjY_2bllmyv9q3eDxqxkZ-iQSNFj3xl1-StqtT3_tGnQ7nu6fy6e7py_zyTlLURiPplyTVOmE3CDmXmK5OsAxoX3lLz_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=\"201\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ntitle \u898f\u683c\u6a21\u578b\uff1a\u670d\u52d9\u4ecb\u9762\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\u8cf4\u95dc\u4fc2\r\nIOrderService ..&gt; IInventoryService : \u4f7f\u7528 &gt;\r\nIOrderService ..&gt; IPaymentProcessor : \u5354\u8abf &gt;\r\nIOrderService ..&gt; OrderDTO : \u56de\u50b3 &gt;\r\n\r\nnote bottom of IOrderService\r\n  \u5b9a\u7fa9\u8a02\u55ae\u7ba1\u7406\u7684\u5408\u7d04\u3002\r\n  \u5be6\u4f5c\u53ef\u80fd\u4e0d\u540c\uff08\u5fae\u670d\u52d9\u3001\u55ae\u9ad4\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:TLJDQjj04BuBz0vxQq937a0Kaq8kXfO4Eo-maTRfKddNtHqPJ2caRYW9heaFfgMk4veUWjjIvv0S2lNFmqIox5DUeQkLxDgoUjFCVFFDtwVTaO05U6NND822Iz3q-dpoTJ3fNGMNZOT1Pz9j1etF_f_6xEARQPW6PK142Ti4vVU4GqIHY2fLrclJGEYnBGW6eWCRjYU1bud8EnOgWg3iQ0jH86LfeMTKmXEDoYl7xi5URjD2sbRVckY8GCp2DMf1aSPv5MTUi0WOF9bEs49I-vEy6AHO3Zbt2MPnrzYrFNVESy01knbrdtD6QgRn9hM5VLmh4mRxWjj4IYwIJLHYEuckTrM90xi4C7LLTmbGpRMvC0f4UYveEa5A7dFcR20mazW6ojao9ovpZq7IgQ8fwAGvIxhnFAigBYvggHE-8FRBfrNL5JwaBeNQXXh5yMnOhlJAmqp9fMOXHPZQfY1I4PBeiXdNM5P0GIEn7aEvSsj4wbEI9LJ6LQgSEibijekbNCWZ6IUL4O-ufapj_gyuTHGYMInKe1mPkbfl9A7u9uhLJMhloZ9ZLJEg1ALkiggwHyWVNKnlxsQVklwuRXghV-3sTYxZg1RoX-EmtKEvJFoQUYqKDDlJ7-Di_6Av2lRbCgZVHZ3JO1o8EXsehI9UMdqPee62VYSSVP_swi77VjY_2bllmyv9q3eDxqxkZ-iQSNFj3xl1-StqtT3_tGnQ7nu6fy6e7py_zyTlLURiPplyTVOmE3CDmXmK5OsAxoX3lLz_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: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>\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"202\"><strong data-nodeid=\"471\">\u67b6\u69cb\u512a\u52e2\uff1a<\/strong><\/p>\n<ul data-nodeid=\"203\">\n<li data-nodeid=\"204\">\n<p data-nodeid=\"205\">\u4ecb\u9762\u5206\u96e2\u652f\u63f4\u7368\u7acb\u90e8\u7f72<\/p>\n<\/li>\n<li data-nodeid=\"206\">\n<p data-nodeid=\"207\">DTO \u53ef\u5c07\u5167\u90e8\u6a21\u578b\u8207 API \u5408\u7d04\u5206\u96e2<\/p>\n<\/li>\n<li data-nodeid=\"208\">\n<p data-nodeid=\"209\">\u4f9d\u8cf4\u95dc\u4fc2\u6e05\u695a\u986f\u793a\u5fae\u670d\u52d9\u7684\u670d\u52d9\u908a\u754c<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"210\"\/>\n<h3 data-nodeid=\"211\"><strong data-nodeid=\"478\">\u7b2c\u4e09\u968e\u6bb5\uff1a\u5be6\u4f5c\u6a21\u578b\uff08\u7a0b\u5f0f\u78bc\u89c0\u9ede\uff09<\/strong><\/h3>\n<p data-nodeid=\"212\"><em data-nodeid=\"482\">\u91dd\u5c0d Java\/Spring Boot \u5be6\u4f5c\u7684\u6280\u8853\u7279\u5b9a\u7d30\u7bc0<\/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>\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#plantuml:TLLRJnD157vlqlzmmei5Iesl6oMKjc9DBKqBle-xGvcmkxFCp48QGm940aPKdcfG863Ka9YW1asKeFmOkwLzyYyuinTwWvVPEUTyv_RDcTa9BX0JhcN6Ou884uFtvLFZzrxp-CWxUF7l_Er3j8HkLnn6x2fCKYgWVNJWRNsCn-8n1-aBg8f1frOAoyN2JCSfoWpCKjYMqMhmD1u3q4t4EKmhVQ0069l86-0ZyuO6ixFvRAH_XEpQ39ssPLYN2ofZQf09Tn56McUe0YPqn7Lau7lfGc4OYC0Mrw10kBZhPyjBnNZev2VB8e4bWEh8LDiPOk7GB5aGhdJs_Ig-45e45SXCMzIrXGQJf9h5Eh6G6LY3THGPXigLS1WrN5tYIi4c2OkYfW6nnR06IvGO8LxcrrrJLQ229uO70uzQY2saUMMUE0us4btkAshferKbxw5MKN4pipuNOQ-3rlucGiIYY_mpzTi9TQvDH8aH7T_8J1MBYlj4ND_cLIlOTgrkwgDUIhbYDb-S2eJCTF5-llme5pPKUP0lbI8Xcola7-VAaPX95pEvGY4GPPQLcyVLGJLB3ckAOxOa6-cUs59WgdHR55LfLz1bmh01eVEKFCbb99afzSY3U9_uCdOe9uAoMdW47KKFTV8STCnv63FHSrkIO0XwbQ-C5rtCrOnTARX3RHuDzn8oYI5h2grPB10nUUBw49qn7NCTvUNN677X7qz_BT7bwG5TDx9oSZ2RGvBCNgOYRaVrUSIgE846hbiITCHamenSm_fbWXc6R8vqGQWjMtRDS2v76PvpRICXEcPLR4MeLom9Wz5bgBBlqeaIJSqjQB_PQroinsF10pPqPmX6niRaDvKQ6UgwVXfS_dZcxMp1U0HDfSRxPqY3nf_zrkdtPlrSuVgiNGuHCHgqLr-trru5hxBoYSTiAZ0mKfqNGESw5QYg9tB1kziythtyzi7x-hAv-RorUTewtMpMTxsppwsZu-RX-T_LTGNET1vFk7n_rhZORnzkNBuxQMrjjexNlVf9u-UgjxFTt5vh_Dhmjkk-6xODK0MeGYQa8FyS_m40\" \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 \u5be6\u4f5c\u6a21\u578b\uff1aJava\/Spring Boot \u985e\u5225\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' \u95dc\u4fc2\r\nOrder \"1\" *-- \"1..*\" OrderItem : \u7d44\u5408 &gt;\r\nOrder ..&gt; PaymentService : \u4f9d\u8cf4\u65bc &gt;\r\nPaymentService ..&gt; PaymentGateway : \u900f\u904e\u5be6\u4f5c &gt;\r\n\r\nnote right of OrderItem\r\n  @Entity \u6a19\u7c64\u5c0d\u61c9\u81f3\u8cc7\u6599\u5eab\u8868\u683c\u3002\r\n  Cascade=ALL \u78ba\u4fdd\u9805\u76ee\u8207\u8a02\u55ae\u4e00\u540c\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:TLLRJnD157vlqlzmmei5Iesl6oMKjc9DBKqBle-xGvcmkxFCp48QGm940aPKdcfG863Ka9YW1asKeFmOkwLzyYyuinTwWvVPEUTyv_RDcTa9BX0JhcN6Ou884uFtvLFZzrxp-CWxUF7l_Er3j8HkLnn6x2fCKYgWVNJWRNsCn-8n1-aBg8f1frOAoyN2JCSfoWpCKjYMqMhmD1u3q4t4EKmhVQ0069l86-0ZyuO6ixFvRAH_XEpQ39ssPLYN2ofZQf09Tn56McUe0YPqn7Lau7lfGc4OYC0Mrw10kBZhPyjBnNZev2VB8e4bWEh8LDiPOk7GB5aGhdJs_Ig-45e45SXCMzIrXGQJf9h5Eh6G6LY3THGPXigLS1WrN5tYIi4c2OkYfW6nnR06IvGO8LxcrrrJLQ229uO70uzQY2saUMMUE0us4btkAshferKbxw5MKN4pipuNOQ-3rlucGiIYY_mpzTi9TQvDH8aH7T_8J1MBYlj4ND_cLIlOTgrkwgDUIhbYDb-S2eJCTF5-llme5pPKUP0lbI8Xcola7-VAaPX95pEvGY4GPPQLcyVLGJLB3ckAOxOa6-cUs59WgdHR55LfLz1bmh01eVEKFCbb99afzSY3U9_uCdOe9uAoMdW47KKFTV8STCnv63FHSrkIO0XwbQ-C5rtCrOnTARX3RHuDzn8oYI5h2grPB10nUUBw49qn7NCTvUNN677X7qz_BT7bwG5TDx9oSZ2RGvBCNgOYRaVrUSIgE846hbiITCHamenSm_fbWXc6R8vqGQWjMtRDS2v76PvpRICXEcPLR4MeLom9Wz5bgBBlqeaIJSqjQB_PQroinsF10pPqPmX6niRaDvKQ6UgwVXfS_dZcxMp1U0HDfSRxPqY3nf_zrkdtPlrSuVgiNGuHCHgqLr-trru5hxBoYSTiAZ0mKfqNGESw5QYg9tB1kziythtyzi7x-hAv-RorUTewtMpMTxsppwsZu-RX-T_LTGNET1vFk7n_rhZORnzkNBuxQMrjjexNlVf9u-UgjxFTt5vh_Dhmjkk-6xODK0MeGYQa8FyS_m40\" \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>\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p data-nodeid=\"214\"><strong data-nodeid=\"486\">\u5be6\u4f5c\u91cd\u9ede\uff1a<\/strong><\/p>\n<ul data-nodeid=\"215\">\n<li data-nodeid=\"216\">\n<p data-nodeid=\"217\">JPA \u6a19\u7c64\uff08<code data-backticks=\"1\" data-nodeid=\"488\">@Entity<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"490\">@ManyToOne<\/code>\uff09\u7528\u65bc ORM \u6620\u5c04<\/p>\n<\/li>\n<li data-nodeid=\"218\">\n<p data-nodeid=\"219\">\u76f8\u4f9d\u6027\u6ce8\u5165\uff08<code data-backticks=\"1\" data-nodeid=\"493\">@Autowired<\/code>\uff09\u7528\u65bc\u9b06\u6563\u8026\u5408<\/p>\n<\/li>\n<li data-nodeid=\"220\">\n<p data-nodeid=\"221\">\u7528\u65bc\u985e\u578b\u5b89\u5168\u8a02\u55ae\u72c0\u614b\u7ba1\u7406\u7684\u5217\u8209<\/p>\n<\/li>\n<li data-nodeid=\"222\">\n<p data-nodeid=\"223\">\u79c1\u6709\u8f14\u52a9\u65b9\u6cd5\uff08<code data-backticks=\"1\" data-nodeid=\"497\">-\u9a57\u8b49\u4ed8\u6b3e\u8a73\u60c5<\/code>\uff09\u5c01\u88dd\u908f\u8f2f<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"224\"\/>\n<h2 data-nodeid=\"225\"><strong data-nodeid=\"504\">\u9032\u968e\u6a21\u5f0f\u8207\u6700\u4f73\u5be6\u52d9<\/strong><\/h2>\n<h3 data-nodeid=\"226\"><strong data-nodeid=\"508\">1. \u8655\u7406\u53ef\u898b\u6027\u8207\u5c01\u88dd<\/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\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#plantuml:PL5TIm9157rVsFzmeHSZ-WDBX4eF2H51_O5nTzg6nbcOdGqY2YC5Gq4XFq8iC3Bt8GkfB4ZeppYx-jHVQ7OD2doxzvvpxZs7ctG5uiBBKLqpAN9TI2Dsc39DnsC2JdGDO0NDksqlbyNSW5t12RDZnCOYZIXY9aui6v0czWOsIGxH25pDpf65kU28kSWKn66Rn1KEFpPWInLhUt_0UiHSCX4rFOe4pZ21ENP5Wgl60ClniXGlN3mZ4OqXcl8i8Y97HmwnTErKrtIDEG839_Q106V_VyWu2CZYuwnP_XwtvNrpTk7BfxkWD0hR1KZjP6BN4FRFWyvbn2Zs5ICivuEY4bJ2GZTuQOJruQzoS2shpTW-o6fhydKp7RmhLLZtW-PO3cgpxgqizOAhLpbinAv1zbgJpr6qkUFBMcNoaG_yRlXMK8TazNdwKDOrp2o84kXQKfNgMpy0\" \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\u958b\uff1a\u5916\u90e8\u5ba2\u6236\u7684 API\r\n  - \u79c1\u6709\uff1a\u5167\u90e8\u72c0\u614b\uff0c\u7121\u6cd5\u7531\u5916\u90e8\u5b58\u53d6\r\n  # \u53d7\u4fdd\u8b77\uff1a\u7528\u65bc\u5b50\u985e\u5225\u64f4\u5c55\r\n  ~ \u5957\u4ef6\uff1a\u5728\u540c\u4e00\u6a21\u7d44\u5167\u53ef\u898b\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:PL5TIm9157rVsFzmeHSZ-WDBX4eF2H51_O5nTzg6nbcOdGqY2YC5Gq4XFq8iC3Bt8GkfB4ZeppYx-jHVQ7OD2doxzvvpxZs7ctG5uiBBKLqpAN9TI2Dsc39DnsC2JdGDO0NDksqlbyNSW5t12RDZnCOYZIXY9aui6v0czWOsIGxH25pDpf65kU28kSWKn66Rn1KEFpPWInLhUt_0UiHSCX4rFOe4pZ21ENP5Wgl60ClniXGlN3mZ4OqXcl8i8Y97HmwnTErKrtIDEG839_Q106V_VyWu2CZYuwnP_XwtvNrpTk7BfxkWD0hR1KZjP6BN4FRFWyvbn2Zs5ICivuEY4bJ2GZTuQOJruQzoS2shpTW-o6fhydKp7RmhLLZtW-PO3cgpxgqizOAhLpbinAv1zbgJpr6qkUFBMcNoaG_yRlXMK8TazNdwKDOrp2o84kXQKfNgMpy0\" \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\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"228\"><strong data-nodeid=\"512\">2. \u5be6\u969b\u60c5\u5883\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\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#plantuml:NPB1IW9H58Rt0_CE1pULfUXse91guoxm2QQPmOQSkJPUXOXWL4HDOugYXRKGAIiY5MmXEjIxX5V7bQ_G6KT5svtxy_t_-U_bHb9KD6XQI_2Sb11JAOYTa6HIrUC7ACC5pm5iYx8SfOgscJI8d9Qe04VUi0Ddz5m0LQTR0cI8AizeGz58HbarH6K1OjJ0KEIE2Kaeeivpbpots3dFcw_JHKrP66P2qb0bLFRL-A4YgPgOcAcg7gD4ElsVk05ErnwNtvt15RFQmy4BgnROpGU4W9KwxBd6pCgaNXW_jbnqrBQMPvOlC2llcFbXpqHnVDzWTrcUMtiFNzW7_a00VA5WqEzRzXPWlcJFRQ0Jgc0fIedc5iMTa-Bro7nrcXOh5wTspLL_pGQu8R0BM7EIxKtjgjTkQfT6JoRhzPmcpkK577R9sjUeRdlz46C_1QUPNM4mCBmM-D126CdXTuKrSxWQZSD-VrB_P7bhDTnhuXIxh7Exp5-wdBSSHddFD7CfkWpkDNakWYF-dZy0\" \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' \u8cfc\u7269\u8eca\u53ef\u4ee5\u5305\u542b 0 \u5230\u591a\u500b\u9805\u76ee\r\n' \u6bcf\u500b\u9805\u76ee\u50c5\u53c3\u8003\u4e00\u500b\u7522\u54c1\r\nShoppingCart \"1\" *-- \"0..*\" Product : \u5305\u542b &gt;\r\n\r\nnote bottom\r\n  \u591a\u91cd\u6027\u898f\u5247\uff1a\r\n  \u2022 0..* = \u53ef\u9078\uff0c\u591a\u500b\uff08\u6700\u5e38\u898b\uff09\r\n  \u2022 1 = \u56b4\u683c\u4e00\u500b\uff08\u5fc5\u8981\uff09\r\n  \u2022 0..1 = \u53ef\u9078\uff0c\u55ae\u4e00\uff08\u4f8b\u5982\uff1a\u500b\u4eba\u982d\u50cf\uff09\r\n  \u2022 1..* = \u81f3\u5c11\u4e00\u500b\uff08\u4f8b\u5982\uff1a\u8a02\u55ae\u9805\u76ee\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:NPB1IW9H58Rt0_CE1pULfUXse91guoxm2QQPmOQSkJPUXOXWL4HDOugYXRKGAIiY5MmXEjIxX5V7bQ_G6KT5svtxy_t_-U_bHb9KD6XQI_2Sb11JAOYTa6HIrUC7ACC5pm5iYx8SfOgscJI8d9Qe04VUi0Ddz5m0LQTR0cI8AizeGz58HbarH6K1OjJ0KEIE2Kaeeivpbpots3dFcw_JHKrP66P2qb0bLFRL-A4YgPgOcAcg7gD4ElsVk05ErnwNtvt15RFQmy4BgnROpGU4W9KwxBd6pCgaNXW_jbnqrBQMPvOlC2llcFbXpqHnVDzWTrcUMtiFNzW7_a00VA5WqEzRzXPWlcJFRQ0Jgc0fIedc5iMTa-Bro7nrcXOh5wTspLL_pGQu8R0BM7EIxKtjgjTkQfT6JoRhzPmcpkK577R9sjUeRdlz46C_1QUPNM4mCBmM-D126CdXTuKrSxWQZSD-VrB_P7bhDTnhuXIxh7Exp5-wdBSSHddFD7CfkWpkDNakWYF-dZy0\" \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\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"230\"><strong data-nodeid=\"516\">3. \u62bd\u8c61\u985e\u5225\u8207\u4ecb\u9762<\/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\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#plantuml:ZP7DIiD058Nt0_CE5zmeeIzGN7IXIxlf4qpIstGacIapauAe86Yr6aKNNHKLAbe45wNGZThYopI9MVKLJBeG-xDmTxddy9rpkILjc3A1xr72R6qKSmmu7jCQojBm6dUOuLB08IK06meTtk0eJ14gHd7XphS-QirS_BkpVbaQHNLpgmYsb1uoCHSzwUwWnvke3dAfANcLacDAAE72eAen1s7NPznRhM3fmDv7Pw60jPAnnAhiLTQG6dKfi1puDgf_q1O0sqU5mch3TQQbw9maf45GtAqRa3LOL07Ygydti9Vs7gFsospSZLh3wSTR4fx4hH0iI4zVe_PvDEXF9_UvU_ePfWzFcIyPTQAxTZ8wcusluyuWlXr5pztquYPv7yUNNvHaDq4UJ4af6xDt_m00\" \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\u985e\u5225\uff1a\u5171\u4eab\u72c0\u614b + \u90e8\u5206\u5be6\u4f5c\r\n  \u4ecb\u9762\uff1a\u7d14\u5408\u7d04\uff0c\u652f\u63f4\u591a\u91cd\u7e7c\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:ZP7DIiD058Nt0_CE5zmeeIzGN7IXIxlf4qpIstGacIapauAe86Yr6aKNNHKLAbe45wNGZThYopI9MVKLJBeG-xDmTxddy9rpkILjc3A1xr72R6qKSmmu7jCQojBm6dUOuLB08IK06meTtk0eJ14gHd7XphS-QirS_BkpVbaQHNLpgmYsb1uoCHSzwUwWnvke3dAfANcLacDAAE72eAen1s7NPznRhM3fmDv7Pw60jPAnnAhiLTQG6dKfi1puDgf_q1O0sqU5mch3TQQbw9maf45GtAqRa3LOL07Ygydti9Vs7gFsospSZLh3wSTR4fx4hH0iI4zVe_PvDEXF9_UvU_ePfWzFcIyPTQAxTZ8wcusluyuWlXr5pztquYPv7yUNNvHaDq4UJ4af6xDt_m00\" \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\u7de8\u8f2f PlantUML<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr data-nodeid=\"232\"\/>\n<h2 data-nodeid=\"233\"><strong data-nodeid=\"522\">\u5e38\u898b\u9677\u9631\u8207\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\u72c0<\/th>\n<th data-nodeid=\"241\">\u89e3\u6c7a\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\">\u904e\u5ea6\u8a2d\u8a08<\/strong><\/td>\n<td data-nodeid=\"248\">\u5305\u542b 50 \u500b\u4ee5\u4e0a\u985e\u5225\u7684\u5716\u8868\uff0c\u96e3\u4ee5\u95b1\u8b80<\/td>\n<td data-nodeid=\"249\">\u5f9e\u6982\u5ff5\u6a21\u578b\u958b\u59cb\uff1b\u6839\u64da\u754c\u9650\u4e0a\u4e0b\u6587\u5c07\u5176\u62c6\u5206\u70ba\u591a\u500b\u5716\u8868<\/td>\n<\/tr>\n<tr data-nodeid=\"250\">\n<td data-nodeid=\"251\"><strong data-nodeid=\"535\">\u6df7\u6dc6\u805a\u5408\/\u7d44\u5408<\/strong><\/td>\n<td data-nodeid=\"252\">\u7269\u4ef6\u751f\u547d\u9031\u671f\u7ba1\u7406\u4e0d\u6e05\u6670<\/td>\n<td data-nodeid=\"253\">\u63d0\u554f\uff1a\u300c\u5982\u679c\u6574\u9ad4\u88ab\u92b7\u6bc0\uff0c\u90e8\u5206\u662f\u5426\u4ecd\u5b58\u5728\uff1f\u300d\u82e5\u5426 \u2192 \u4f7f\u7528\u7d44\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\u5c0e\u822a\u6027<\/strong><\/td>\n<td data-nodeid=\"256\">\u5230\u8655\u90fd\u662f\u96d9\u5411\u7bad\u982d<\/td>\n<td data-nodeid=\"257\">\u50c5\u5728\u7a0b\u5f0f\u78bc\u4e2d\u9700\u8981\u904d\u6b77\u7684\u4f4d\u7f6e\u6dfb\u52a0\u53ef\u5c0e\u822a\u6027\u7bad\u982d<\/td>\n<\/tr>\n<tr data-nodeid=\"258\">\n<td data-nodeid=\"259\"><strong data-nodeid=\"553\">\u6df7\u5408\u62bd\u8c61\u5c64\u7d1a<\/strong><\/td>\n<td data-nodeid=\"260\">DTO \u8207\u5be6\u9ad4\u985e\u5225\u6df7\u5408\u5728\u540c\u4e00\u5f35\u5716\u8868\u4e2d<\/td>\n<td data-nodeid=\"261\">\u4f9d\u89c0\u9ede\u5206\u96e2\u5716\u8868\uff08\u6982\u5ff5\uff0f\u898f\u683c\uff0f\u5be6\u4f5c\uff09<\/td>\n<\/tr>\n<tr data-nodeid=\"262\">\n<td data-nodeid=\"263\"><strong data-nodeid=\"559\">\u5ffd\u7565\u7248\u672c\u63a7\u5236<\/strong><\/td>\n<td data-nodeid=\"264\">\u5716\u8868\u8b8a\u5f97\u904e\u6642<\/td>\n<td data-nodeid=\"265\">\u5728 Git \u4e2d\u4f7f\u7528 PlantUML \u6587\u5b57\u6a94\uff1b\u65bc CI\/CD \u7ba1\u9053\u4e2d\u7522\u751f\u5f71\u50cf<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"266\"\/>\n<h2 data-nodeid=\"267\"><strong data-nodeid=\"565\">\u5de5\u5177\u5efa\u8b70\uff1a\u70ba\u4ec0\u9ebc\u9078\u64c7 PlantUML\uff1f<\/strong><\/h2>\n<p data-nodeid=\"268\">\u91dd\u5c0d\u4e0a\u8ff0\u6848\u4f8b\uff0c<strong data-nodeid=\"595\">PlantUML<\/strong>\u88ab\u9078\u7528\u7684\u539f\u56e0\u662f\u56e0\u70ba\u5b83\uff1a<br \/>\n\u2705\u00a0<strong data-nodeid=\"596\">\u57fa\u65bc\u6587\u5b57<\/strong>\uff1a\u5716\u8868\u5373\u662f\u7a0b\u5f0f\u78bc\u2014\u2014\u53ef\u7248\u672c\u5316\u3001\u53ef\u6bd4\u5c0d\u3001\u53ef\u5be9\u67e5<br \/>\n\u2705\u00a0<strong data-nodeid=\"597\">\u53ef\u651c\u5e36<\/strong>\uff1a\u53ef\u5728\u672c\u6a5f\u6216\u900f\u904e\u96f2\u7aef\u670d\u52d9\u6e32\u67d3\uff1b\u53ef\u8207 Confluence\u3001GitHub\u3001VS Code \u6574\u5408<br \/>\n\u2705\u00a0<strong data-nodeid=\"598\">\u6613\u65bc\u7dad\u8b77<\/strong>\uff1a\u66f4\u65b0\u5716\u8868\u908f\u8f2f\u6642\u7121\u9700\u91cd\u65b0\u7e6a\u88fd\u6846\u683c<br \/>\n\u2705\u00a0<strong data-nodeid=\"599\">\u5354\u4f5c\u6027\u4f73<\/strong>\uff1a\u975e\u8a2d\u8a08\u4eba\u54e1\u53ef\u900f\u904e\u7c21\u55ae\u8a9e\u6cd5\u53c3\u8207\u8ca2\u737b<\/p>\n<p data-nodeid=\"269\"><strong data-nodeid=\"603\">\u7bc4\u4f8b\u5de5\u4f5c\u6d41\u7a0b\uff1a<\/strong><\/p>\n<pre class=\"lang-bash\" data-nodeid=\"270\"><code data-language=\"bash\"># 1. \u4ee5\u6587\u5b57\u5f62\u5f0f\u64b0\u5beb\u5716\u8868\r\necho '@startumlnclass User { +name: String }n@enduml' &gt; UserDiagram.puml\r\n\r\n# 2. \u7522\u751f PNG\/SVG \u6a94\u6848\r\nplantuml -tpng UserDiagram.puml\r\n\r\n# 3. \u5c07 .puml \u6a94\u6848\u8207\u7522\u751f\u7684\u5f71\u50cf\u4e00\u4f75\u63d0\u4ea4\u81f3 Git\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\">\u7d50\u8ad6<\/strong><\/h2>\n<p data-nodeid=\"273\">\u985e\u5225\u5716\u9060\u4e0d\u6b62\u65bc\u5b78\u8853\u7df4\u7fd2\u2014\u2014\u5b83\u5011\u662f\u6d3b\u751f\u751f\u7684\u5be6\u9ad4\uff0c\u80fd\u4fc3\u9032\u5171\u8b58\u3001\u6e1b\u5c11\u6280\u8853\u8ca0\u50b5\uff0c\u4e26\u52a0\u901f\u6574\u500b\u8edf\u9ad4\u958b\u767c\u751f\u547d\u9031\u671f\u4e2d\u7684\u4e0a\u624b\u904e\u7a0b\u3002\u6b63\u5982\u6211\u5011\u5728\u96fb\u5546\u6848\u4f8b\u7814\u7a76\u4e2d\u6240\u5c55\u793a\u7684\uff0c\u985e\u5225\u5716\u7684\u771f\u6b63\u529b\u91cf\u5728\u65bc\u5b83\u5011\u900f\u904e\u4e09\u500b\u95dc\u9375\u8996\u89d2\u4e0d\u65b7\u6f14\u9032\u6642\u624d\u6703\u986f\u73fe\u51fa\u4f86\uff1a<\/p>\n<p data-nodeid=\"274\">\ud83d\udd39\u00a0<strong data-nodeid=\"626\">\u6982\u5ff5<\/strong>\uff1a\u8b93\u5229\u5bb3\u95dc\u4fc2\u4eba\u5efa\u7acb\u5c0d\u5171\u540c\u9818\u57df\u7684\u5171\u8b58<br \/>\n\ud83d\udd39\u00a0<strong data-nodeid=\"627\">\u898f\u683c<\/strong>\uff1a\u70ba\u6a21\u7d44\u5316\u67b6\u69cb\u5b9a\u7fa9\u6e05\u6670\u7684\u4ecb\u9762<br \/>\n\ud83d\udd39\u00a0<strong data-nodeid=\"628\">\u5be6\u4f5c<\/strong>\uff1a\u4ee5\u7cbe\u78ba\u4e14\u5177\u6280\u8853\u610f\u8b58\u7684\u85cd\u5716\u5f15\u5c0e\u958b\u767c\u4eba\u54e1<\/p>\n<p data-nodeid=\"275\">\u900f\u904e\u63a1\u7528<strong data-nodeid=\"638\">PlantUML<\/strong>\u900f\u904e\u63a1\u7528 PlantUML \u63a8\u884c\u5716\u5f62\u5373\u7a0b\u5f0f\u78bc\u7684\u5be6\u52d9\uff0c\u5718\u968a\u80fd\u7372\u5f97\u9748\u6d3b\u5ea6\uff0c\u8b93\u8a2d\u8a08\u8207\u7a0b\u5f0f\u78bc\u540c\u6b65\u8fed\u4ee3\uff0c\u78ba\u4fdd\u6587\u4ef6\u6c38\u9060\u4e0d\u6703\u843d\u5f8c\u65bc\u5be6\u4f5c\u3002\u8acb\u8a18\u4f4f\uff1a\u6700\u597d\u7684\u985e\u5225\u5716\u4e26\u975e\u6700\u8a73\u7d30\u7684\u90a3\u4e00\u500b\u2014\u2014\u800c\u662f\u80fd\u5728\u6b63\u78ba\u6642\u6a5f\uff0c\u70ba\u6b63\u78ba\u7684\u5c0d\u8c61\u56de\u7b54\u6b63\u78ba\u554f\u984c\u7684\u5716\u3002<\/p>\n<p data-nodeid=\"276\"><strong data-nodeid=\"643\">\u6700\u7d42\u8981\u9ede<\/strong>\uff1a\u5f9e\u7c21\u55ae\u958b\u59cb\uff0c\u8207\u5229\u5bb3\u95dc\u4fc2\u4eba\u9a57\u8b49\uff0c\u9010\u6b65\u512a\u5316\uff0c\u4e26\u59cb\u7d42\u5c07\u5716\u5f62\u5143\u7d20\u8207\u5177\u9ad4\u7684\u5546\u696d\u50f9\u503c\u9023\u7d50\u8d77\u4f86\u3002\u7576\u985e\u5225\u5716\u8f49\u8b8a\u70ba\u5354\u4f5c\u5de5\u5177\u800c\u975e\u4ea4\u4ed8\u6210\u679c\u6642\uff0c\u5b83\u5011\u4fbf\u5f9e\u8ca0\u64d4\u8f49\u5316\u70ba\u6253\u9020\u66f4\u512a\u8cea\u8edf\u9ad4\u7684\u50ac\u5316\u5291\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5f15\u8a00 \u5728\u4eca\u65e5\u8907\u96dc\u7684\u8edf\u9ad4\u958b\u767c\u74b0\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6e9d\u901a\u8207\u7cbe\u78ba\u7684\u7cfb\u7d71\u5efa\u6a21\u5c0d\u65bc\u5c08\u6848\u6210\u529f\u81f3\u95dc\u91cd\u8981\u3002\u5728\u8edf\u9ad4\u67b6\u69cb\u5e2b\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f37\u5927 [&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":[64,36],"tags":[],"class_list":["post-10491","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\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\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\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2\" \/>\n<meta property=\"og:description\" content=\"\u5f15\u8a00 \u5728\u4eca\u65e5\u8907\u96dc\u7684\u8edf\u9ad4\u958b\u767c\u74b0\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6e9d\u901a\u8207\u7cbe\u78ba\u7684\u7cfb\u7d71\u5efa\u6a21\u5c0d\u65bc\u5c08\u6848\u6210\u529f\u81f3\u95dc\u91cd\u8981\u3002\u5728\u8edf\u9ad4\u67b6\u69cb\u5e2b\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f37\u5927 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/tw\/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:14:20+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=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\",\"name\":\"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/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:14:20+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/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\/tw\/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\/tw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/tw\/\",\"name\":\"Visual Paradigm \u535a\u5ba2\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/tw\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/#\/schema\/person\/a649c442f11a53040710ddec750926c6\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/tw\/#\/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\/tw\/author\/vpadminuser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\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\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","og_locale":"zh_TW","og_type":"article","og_title":"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2","og_description":"\u5f15\u8a00 \u5728\u4eca\u65e5\u8907\u96dc\u7684\u8edf\u9ad4\u958b\u767c\u74b0\u5883\u4e2d\uff0c\u6e05\u6670\u7684\u6e9d\u901a\u8207\u7cbe\u78ba\u7684\u7cfb\u7d71\u5efa\u6a21\u5c0d\u65bc\u5c08\u6848\u6210\u529f\u81f3\u95dc\u91cd\u8981\u3002\u5728\u8edf\u9ad4\u67b6\u69cb\u5e2b\u5de5\u5177\u7bb1\u4e2d\uff0c\u6700\u5f37\u5927 [&hellip;]","og_url":"https:\/\/blog.visual-paradigm.com\/tw\/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:14:20+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","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"5 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","url":"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/","name":"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76 - Visual Paradigm \u535a\u5ba2","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/tw\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/tw\/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:14:20+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/tw\/#\/schema\/person\/a649c442f11a53040710ddec750926c6"},"breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/tw\/mastering-uml-class-diagrams-a-practical-case-study-in-system-design-with-plantuml\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/blog.visual-paradigm.com\/tw\/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\/tw\/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\/tw\/"},{"@type":"ListItem","position":2,"name":"\u638c\u63e1UML\u985e\u5716\uff1a\u4f7f\u7528PlantUML\u9032\u884c\u7cfb\u7d71\u8a2d\u8a08\u7684\u5be6\u52d9\u6848\u4f8b\u7814\u7a76"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/tw\/#website","url":"https:\/\/blog.visual-paradigm.com\/tw\/","name":"Visual Paradigm \u535a\u5ba2","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/tw\/#\/schema\/person\/a649c442f11a53040710ddec750926c6","name":"Admin","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/blog.visual-paradigm.com\/tw\/#\/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\/tw\/author\/vpadminuser\/"}]}},"modified_by":"Admin","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/posts\/10491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/comments?post=10491"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/posts\/10491\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/media?parent=10491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/categories?post=10491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/tags?post=10491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}