{"id":11309,"date":"2026-09-16T17:29:24","date_gmt":"2026-09-16T09:29:24","guid":{"rendered":"https:\/\/www.cybermedian.com\/tw\/plantuml-use-case-diagram-guide\/"},"modified":"2026-09-22T18:15:28","modified_gmt":"2026-09-22T10:15:28","slug":"plantuml-use-case-diagram-guide","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/tw\/plantuml-use-case-diagram-guide\/","title":{"rendered":"PlantUML \u7528\u4f8b\u5716\u6307\u5357"},"content":{"rendered":"

\u7c21\u4ecb<\/span><\/h2>\n

\u4f7f\u7528<\/span> \u6848\u4f8b<\/span> \u5716\u8868<\/span> \u63d0\u4f9b<\/span> \u4e00\u500b<\/span> \u6e05\u6670<\/span> \u65b9\u5f0f<\/span> \u4ee5<\/span> \u63cf\u8ff0<\/span> \u5982\u4f55<\/span> \u4f7f\u7528\u8005\uff0c<\/span> \u5916\u90e8<\/span> \u7cfb\u7d71\uff0c<\/span> \u4ee5\u53ca<\/span> \u5176\u4ed6<\/span> \u53c3\u8207\u8005<\/span> \u4e92\u52d5<\/span> \u8207<\/span> \u4e00\u500b<\/span> \u8edf\u9ad4<\/span> \u7cfb\u7d71\u3002<\/span> \u5b83\u5011<\/span> \u5354\u52a9<\/span> \u5718\u968a<\/span> \u5b9a\u7fa9<\/span> \u7cfb\u7d71<\/span> \u7bc4\u570d\uff0c<\/span> \u8b58\u5225<\/span> \u529f\u80fd<\/span> \u9700\u6c42\uff0c<\/span> \u4e26<\/span> \u6e9d\u901a<\/span> \u9810\u671f<\/span> \u884c\u70ba<\/span> \u5728<\/span> \u5be6\u4f5c<\/span> \u958b\u59cb\u524d\u3002<\/span><\/p>\n

PlantUML<\/span> \u4f7f<\/span> \u7528\u4f8b<\/span> \u5efa\u6a21<\/span> \u5be6\u7528<\/span> \u5be6\u7528<\/span> \u900f\u904e<\/span> \u4e00\u500b<\/span> \u57fa\u65bc\u6587\u5b57\u7684<\/span> \u8a9e\u6cd5<\/span> \u5176<\/span> \u53ef<\/span> \u88ab<\/span> \u5132\u5b58\uff0c<\/span> \u6aa2\u8996\uff0c<\/span> \u7248\u672c\u63a7\u5236\uff0c<\/span> \u4e26<\/span> \u91cd\u65b0\u751f\u6210<\/span> \u8207<\/span> \u5c08\u6848<\/span> \u6587\u4ef6<\/span> \u6216<\/span> \u4f86\u6e90<\/span> \u7a0b\u5f0f\u78bc\u3002<\/span> \u900f\u904e<\/span> \u4e00\u4e9b<\/span> \u5e7e\u500b<\/span> \u6307\u4ee4\uff0c<\/span> \u60a8<\/span> \u53ef\u4ee5<\/span> \u5b9a\u7fa9<\/span> \u53c3\u8207\u8005\uff0c<\/span> \u4f7f\u7528<\/span> \u6848\u4f8b\uff0c<\/span> \u7cfb\u7d71<\/span> \u908a\u754c\uff0c<\/span> \u95dc\u806f\uff0c<\/span> <<\u5305\u542b>><\/code> \u95dc\u4fc2\uff0c<\/span> <<\u64f4\u5c55>><\/code> \u95dc\u4fc2\uff0c<\/span> \u6cdb\u5316\uff0c<\/span> \u5099\u8a3b\uff0c<\/span> \u548c<\/span> \u4f48\u5c40<\/span> \u504f\u597d\u8a2d\u5b9a\u3002<\/span><\/p>\n

\u672c<\/span> \u6307\u5357<\/span> \u8aaa\u660e<\/span> \u95dc\u9375<\/span> \u95dc\u9375<\/span> PlantUML<\/span> \u4f7f\u7528<\/span> \u6848\u4f8b<\/span> \u8a18\u865f<\/span> \u986f\u793a<\/span> \u65bc<\/span> \u8a72<\/span> \u53c3\u8003<\/span> \u5de5\u4f5c\u8868<\/span> \u4e26<\/span> \u5c55\u793a<\/span> \u5982\u4f55<\/span> \u4f86<\/span> \u61c9\u7528<\/span> \u5b83<\/span> \u5728<\/span> \u73fe\u5be6\u7684<\/span> \u7bc4\u4f8b\u3002<\/span> \u5b83<\/span> \u4e5f<\/span> \u4ecb\u7d39<\/span> \u4e00\u500b<\/span> \u66f4\u5ee3\u6cdb\u7684<\/span> \u5de5\u5177\u93c8<\/span> \u5de5\u4f5c\u6d41\u7a0b<\/span> \u4f7f\u7528<\/span> \u8996\u89ba<\/span> \u7bc4\u5f0f<\/span> UML\uff0c<\/span> AI \u8f14\u52a9<\/span> \u5efa\u6a21\uff0c<\/span> \u4ee5\u53ca<\/span> VPasCode\u3002<\/span> \u7d50\u5408\u8d77\u4f86\uff0c<\/span> \u9019\u4e9b<\/span> \u5de5\u5177<\/span> \u652f\u63f4<\/span> \u4e00\u500b<\/span> \u5b8c\u6574\u7684<\/span> \u6d41\u7a0b\uff1a<\/span> \u5c07<\/span> \u9700\u6c42<\/span> \u8f49\u5316\u70ba<\/span> \u4e00\u500b<\/span> \u521d\u6b65\u7684<\/span> \u6a21\u578b\uff0c<\/span> \u9a57\u8b49<\/span> UML<\/span> \u95dc\u4fc2\uff0c<\/span> \u7cbe\u7149<\/span> \u8a72<\/span> \u5716\u8868\uff0c<\/span> \u4e26<\/span> \u7dad\u8b77<\/span> \u8a72<\/span> \u6700\u7d42<\/span> \u6a21\u578b<\/span> \u70ba<\/span> \u6613\u8b80\u7684<\/span> \u5716\u8868<\/span> \u4f86\u6e90\u3002<\/span><\/p>\n

\"\u5716\u8868\u986f\u793a\u4e00\u500bUML \u4f7f\u7528\u6848\u4f8b\u5716\u63cf\u8ff0\u5916\u90e8\u4f7f\u7528\u8005\u6216\u7cfb\u7d71\u5982\u4f55\u8207\u7cfb\u7d71\u4e92\u52d5\u3002\u5b83\u8457\u91cd\u65bc\u7cfb\u7d71\u505a\u4ec0\u9ebc<\/strong>\uff0c\u800c\u975e\u5176\u5be6\u73fe\u65b9\u5f0f\u3002<\/p>\n

PlantUML \u8b93\u60a8\u4f7f\u7528\u7c21\u55ae\u7684\u6587\u5b57\u6a19\u8a18\u4f86\u5efa\u7acb\u4f7f\u7528\u6848\u4f8b\u5716\u3002<\/p>\n

1. PlantUML \u57fa\u672c\u7d50\u69cb<\/h2>\n

\u6bcf\u500b PlantUML \u5716\u8868\u90fd\u4ee5@startuml<\/code> \u958b\u59cb\uff0c\u4e26\u4ee5@enduml<\/code>.<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\r\n\r\n' \u5716\u8868\u5167\u5bb9\u8acb\u7f6e\u65bc\u6b64\u8655\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u8a3b\u89e3\u4ee5\u55ae\u5f15\u865f\u958b\u982d\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
' \u9019\u662f\u4e00\u5247\u8a3b\u89e3\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u60a8\u4e5f\u53ef\u4ee5\u4f7f\u7528\u591a\u884c\u8a3b\u89e3\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\/'\r\n\u9019\u662f\u4e00\u500b\r\n\u591a\u884c\u8a3b\u89e3\r\n'\/\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
2. \u5b9a\u7fa9\u53c3\u8207\u8005<\/h2>\n
\u53c3\u8207\u8005\u4ee3\u8868\u8207\u60a8\u7684\u7cfb\u7d71\u4e92\u52d5\u7684\u4eba\u3001\u89d2\u8272\u3001\u7d44\u7e54\u3001\u88dd\u7f6e\u6216\u5916\u90e8\u7cfb\u7d71\u3002<\/p>\n
\u57fa\u672c\u53c3\u8207\u8005<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor User\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u9019\u6703\u5efa\u7acb\u4e00\u500b\u540d\u70ba \u7684\u7c21\u7b46\u756b\u53c3\u8207\u8005\u4f7f\u7528\u8005<\/code>.<\/p>\n
\u5177\u6709\u5225\u540d\u7684\u53c3\u8207\u8005<\/h3>\n
\u7576\u986f\u793a\u7684\u540d\u7a31\u5305\u542b\u7a7a\u683c\uff0c\u6216\u60a8\u5e0c\u671b\u70ba\u95dc\u806f\u4f7f\u7528\u8f03\u77ed\u7684\u8b58\u5225\u78bc\u6642\uff0c\u5225\u540d\u975e\u5e38\u6709\u7528\u3002<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor \"\u4ed8\u6b3e\u9598\u9053\" \u4f5c\u70ba payment\r\nactor \"\u7cfb\u7d71\u7ba1\u7406\u54e1\" \u4f5c\u70ba admin\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u63a5\u8457\u60a8\u53ef\u4ee5\u5f15\u7528\u9019\u4e9b\u5225\u540d\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
payment --> ProcessPayment\r\nadmin --> ManageUsers\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u4f7f\u7528\u4e0d\u540c\u8996\u89ba\u6a23\u5f0f\u7684\u53c3\u8207\u8005<\/h3>\n
PlantUML \u652f\u63f4\u591a\u7a2e\u53c3\u8207\u8005\u6a23\u5f0f\u3002\u9810\u8a2d\u6a23\u5f0f\u901a\u5e38\u5df2\u8db3\u5920\uff0c\u4f46\u60a8\u4e5f\u53ef\u4ee5\u4f7f\u7528\u5716\u793a\u6a23\u5f0f\u7684\u53c3\u8207\u8005\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
skinparam actorStyle awesome\r\n\r\nactor Customer\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u60a8\u4e5f\u53ef\u4ee5\u4f7f\u7528\u7d14\u77e9\u5f62\u6a23\u5f0f\u7684\u53c3\u8207\u8005\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
skinparam actorStyle hollow\r\n\r\nactor Customer\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u78ba\u5207\u7684\u5916\u89c0\u53d6\u6c7a\u65bc PlantUML \u6e32\u67d3\u5f15\u64ce\u548c\u76ae\u819a\u53c3\u6578\u3002<\/p>\n
3. \u5b9a\u7fa9\u4f7f\u7528\u6848\u4f8b<\/h2>\n
\u4f7f\u7528\u6848\u4f8b\u4ee3\u8868\u7cfb\u7d71\u6240\u63d0\u4f9b\u7684\u670d\u52d9\u3001\u76ee\u6a19\u6216\u529f\u80fd\u3002<\/p>\n
\u57fa\u672c\u4f7f\u7528\u6848\u4f8b<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"Log In\"\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
PlantUML \u5c07\u6b64\u6e32\u67d3\u70ba\u6a19\u8a3b\u70ba \u7684\u6a62\u5713\u5f62\u767b\u5165<\/code>.<\/p>\n
\u5e36\u6709\u5225\u540d\u7684\u4f7f\u7528\u6848\u4f8b<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"\u8655\u7406\u4fe1\u7528\u5361\u4ed8\u6b3e\" \u4f5c\u70ba ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u53ef\u898b\u7684\u6a19\u7c64\u70ba \u8655\u7406\u4fe1\u7528\u5361\u4ed8\u6b3e<\/code>\uff0c\u800cProcessPayment<\/code>\u7528\u65bc\u95dc\u806f\u4e2d\u3002<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor Customer\r\nCustomer --> ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u591a\u884c\u7528\u4f8b\u540d\u7a31<\/h3>\n
\u60a8\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u5167\u5bb9\u63d2\u5165\u63db\u884c\uff1an<\/code>:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"\u8655\u7406n\u4fe1\u7528\u5361n\u4ed8\u6b3e\" \u4f5c\u70ba ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u7576\u5716\u8868\u5305\u542b\u9577\u6a19\u7c64\u6642\uff0c\u9019\u5f88\u6709\u7528\u3002<\/p>\n
4. \u7cfb\u7d71\u908a\u754c<\/h2>\n
\u7cfb\u7d71\u908a\u754c\u5c07\u5c6c\u65bc\u7279\u5b9a\u7cfb\u7d71\u7684\u7528\u4f8b\u5206\u7d44\u3002<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
rectangle \"\u7dda\u4e0a\u8cfc\u7269\u7cfb\u7d71\" {\r\n    usecase \"\u700f\u89bd\u7522\u54c1\" \u4f5c\u70ba Browse\r\n    usecase \"\u7d50\u5e33\" \u4f5c\u70ba Checkout\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u77e9\u5f62\u4ee3\u8868\u7cfb\u7d71\uff0c\u5176\u5167\u90e8\u7684\u7528\u4f8b\u4ee3\u8868\u8a72\u7cfb\u7d71\u6240\u63d0\u4f9b\u7684\u529f\u80fd\u3002<\/p>\n
\u60a8\u4e5f\u53ef\u4ee5\u70ba\u908a\u754c\u4f7f\u7528\u5177\u540d\u7684\u5225\u540d\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
rectangle \"\u7dda\u4e0a\u8cfc\u7269\u7cfb\u7d71\" as OnlineStore {\r\n    usecase \"\u700f\u89bd\u5546\u54c1\" as Browse\r\n    usecase \"\u7d50\u5e33\" as Checkout\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u5728\u5340\u5206\u7cfb\u7d71\u884c\u70ba\u8207\u5916\u90e8\u53c3\u8207\u8005\u53ca\u670d\u52d9\u6642\uff0c\u7cfb\u7d71\u908a\u754c\u975e\u5e38\u6709\u7528\u3002<\/p>\n
5. \u9023\u63a5\u53c3\u8207\u8005\u8207\u7528\u4f8b<\/h2>\n
\u95dc\u806f\u986f\u793a\u53c3\u8207\u8005\u53c3\u8207\u6216\u8207\u67d0\u500b\u7528\u4f8b\u4e92\u52d5\u3002<\/p>\n
\u7121\u5411\u95dc\u806f<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u5ba2\u6236 -- \u700f\u89bd\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u9019\u6703\u5efa\u7acb\u4e00\u689d\u6c92\u6709\u7bad\u982d\u7684\u5be6\u7dda\u3002<\/p>\n
\u5b9a\u5411\u95dc\u806f<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u5ba2\u6236 --> \u700f\u89bd\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u9019\u6703\u5efa\u7acb\u4e00\u689d\u5be6\u7dda\uff0c\u5176\u7bad\u982d\u6307\u5411\u7528\u4f8b\u3002<\/p>\n
\u9019\u5169\u7a2e\u5f62\u5f0f\u90fd\u5f88\u5e38\u898b\u3002\u7bad\u982d\u65b9\u5411\u61c9\u6839\u64da\u60a8\u60f3\u8981\u5f37\u8abf\u7684\u6e9d\u901a\u6216\u8cac\u4efb\u4fdd\u6301\u4e00\u81f4\u5730\u9078\u64c7\u3002<\/p>\n
\u5e36\u6709\u6a19\u7c64\u7684\u95dc\u806f<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u9867\u5ba2 --> \u7d50\u5e33\uff1a\u958b\u59cb\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u6a19\u7c64\u63cf\u8ff0\u8a72\u4e92\u52d5\u3002<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u5ba2\u6236 --> \u6aa2\u8996\u8a02\u55ae\uff1a\u6aa2\u8996\u8a02\u55ae\u6b77\u53f2\u8a18\u9304\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u70ba\u4e86\u7372\u5f97\u66f4\u6613\u8b80\u7684\u4f48\u5c40\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u66f4\u9577\u7684\u7bad\u982d\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u5ba2\u6236 ---> \u7d50\u5e33\uff1a\u958b\u59cb\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
6. \u8a72<<include>><\/code>\u95dc\u806f<\/h2>\n
\u4e00\u500b\u5305\u542b<\/code>\u95dc\u806f\u8868\u793a\u4e00\u7a2e\u884c\u70ba\uff0c\u8a72\u884c\u70ba\u662f\u59cb\u7d42\u5fc5\u9700\u7684<\/strong>\u7531\u53e6\u4e00\u500b\u4f7f\u7528\u6848\u4f8b\u6240\u8981\u6c42\u3002<\/p>\n
\u4f8b\u5982\uff0c\u4e0b\u8a02\u55ae\u53ef\u80fd\u59cb\u7d42\u9700\u8981\u9a57\u8b49\u4ed8\u6b3e\uff1a<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
PlaceOrder ..> ValidatePayment : <<\u5305\u542b>>\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u65b9\u5411\u81f3\u95dc\u91cd\u8981\uff1a<\/p>\n
\u57fa\u790e\u4f7f\u7528\u6848\u4f8b ..> \u5305\u542b\u7684\u4f7f\u7528\u6848\u4f8b : <<\u5305\u542b>>\r\n<\/code><\/pre>\n
\u7bad\u982d\u5f9e\u9700\u8981\u8a72\u884c\u70ba\u7684\u4f7f\u7528\u6848\u4f8b\u6307\u5411\u63d0\u4f9b\u53ef\u91cd\u7528\u884c\u70ba\u7684\u4f7f\u7528\u6848\u4f8b\u3002<\/p>\n
\u7bc4\u4f8b<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"\u7d50\u5e33\" as Checkout\r\nusecase \"\u9a57\u8b49\u5ba2\u6236\u8cc7\u6599\" as ValidateCustomer\r\nusecase \"\u8a08\u7b97\u8a02\u55ae\u7e3d\u984d\" as CalculateTotal\r\nusecase \"\u9032\u884c\u4ed8\u6b3e\" as MakePayment\r\n\r\nCheckout ..> ValidateCustomer : <<include>>\r\nCheckout ..> CalculateTotal : <<include>>\r\nCheckout ..> MakePayment : <<include>>\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u9019\u8868\u793a\uff1a<\/p>\n
    \n
  1. \n
    \u7d50\u5e33\u6d41\u7a0b\u4e00\u5b9a\u6703\u9a57\u8b49\u5ba2\u6236\u8cc7\u6599\u3002<\/p>\n<\/li>\n
  2. \n
    \u7d50\u5e33\u6d41\u7a0b\u4e00\u5b9a\u6703\u8a08\u7b97\u8a02\u55ae\u7e3d\u984d\u3002<\/p>\n<\/li>\n
  3. \n
    \u7d50\u5e33\u6d41\u7a0b\u4e00\u5b9a\u6703\u57f7\u884c\u4ed8\u6b3e\u3002<\/p>\n<\/li>\n<\/ol>\n
    \u4f7f\u7528 <<include>><\/code> \u7576\u88ab\u5305\u542b\u7684\u884c\u70ba\u662f\u5f37\u5236\u6027\u6216\u53ef\u91cd\u8907\u4f7f\u7528\u6642\u3002<\/p>\n
    7. \u8a72<<extend>><\/code>\u95dc\u806f<\/h2>\n
    \u4e00\u500b\u64f4\u5c55<\/code>\u95dc\u806f\u4ee3\u8868\u6dfb\u52a0\u5230\u57fa\u672c\u7528\u4f8b\u4e2d\u7684\u53ef\u9078\u3001\u689d\u4ef6\u6027\u6216\u4f8b\u5916\u884c\u70ba\u3002<\/p>\n
    \u4f8b\u5982\uff0c\u50c5\u7576\u9867\u5ba2\u6301\u6709\u6709\u6548\u512a\u60e0\u5238\u6642\uff0c\u624d\u53ef\u80fd\u61c9\u7528\u6298\u6263\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u65b9\u5411\u70ba\uff1a<\/p>\n
    \u53ef\u9078\u7684\u64f4\u5c55\u7528\u4f8b ..> \u57fa\u672c\u7528\u4f8b\uff1a<<extend>>\r\n<\/code><\/pre>\n
    \u7bad\u982d\u5f9e\u53ef\u9078\u884c\u70ba\u6307\u5411\u81f3\u57fa\u672c\u7528\u4f8b<\/strong>.<\/p>\n
    \u6b63\u78ba\u7bc4\u4f8b<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    usecase \"\u7d50\u5e33\" \u4f5c\u70ba Checkout\r\nusecase \"\u5957\u7528\u6298\u6263\u512a\u60e0\u5238\" \u4f5c\u70ba ApplyDiscount\r\n\r\nApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u9019\u8868\u793a\u5957\u7528\u6298\u6263\u512a\u60e0\u5238<\/code>\u53ef\u9078\u5730\u64f4\u5c55\u7d50\u5e33<\/code> \u6d41\u7a0b\u3002<\/p>\n
    \u5305\u542b\u8207\u64f4\u5c55\u4e4b\u6bd4\u8f03<\/h3>\n\n\n\n\n\n\n
    \u95dc\u4fc2<\/th>\n\u76ee\u7684<\/th>\n\u7bad\u982d\u65b9\u5411<\/th>\n<\/tr>\n<\/thead>\n
    <<\u5305\u542b>><\/code><\/td>\n\u5f37\u5236\u6027\u53ef\u91cd\u7528\u7684\u884c\u70ba<\/td>\n\u57fa\u672c\u4f7f\u7528\u6848\u4f8b \u2192 \u5305\u542b\u7684\u4f7f\u7528\u6848\u4f8b<\/td>\n<\/tr>\n
    <<\u64f4\u5c55>><\/code><\/td>\n\u9078\u586b\u6027\u6216\u689d\u4ef6\u5f0f\u884c\u70ba<\/td>\n\u64f4\u5c55\u7684\u4f7f\u7528\u6848\u4f8b \u2192 \u57fa\u672c\u4f7f\u7528\u6848\u4f8b<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \u7bc4\u4f8b\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    Checkout ..> ValidatePayment : <<include>>\r\nApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u907f\u514d\u53cd\u8f49\u9019\u4e9b\u95dc\u4fc2\uff0c\u56e0\u70ba\u65b9\u5411\u6703\u6539\u8b8a\u5176\u542b\u7fa9\u3002<\/p>\n
    8. \u7528\u4f8b\u6cdb\u5316<\/h2>\n
    \u6cdb\u5316\u986f\u793a\u4e00\u500b\u7528\u4f8b\u662f\u53e6\u4e00\u500b\u7528\u4f8b\u7684\u5c08\u9580\u5f62\u5f0f\u3002<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    usecase \"\u641c\u5c0b\u7522\u54c1\" as SearchProducts\r\nusecase \"\u700f\u89bd\u7522\u54c1\" as BrowseProducts\r\n\r\nSearchProducts -|> BrowseProducts\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u7a7a\u5fc3\u4e09\u89d2\u5f62\u6307\u5411\u66f4\u901a\u7528\u7684\u4f7f\u7528\u6848\u4f8b\u3002<\/p>\n
    \u9019\u8868\u793a\u641c\u5c0b\u7522\u54c1<\/code>\u662f \u7684\u5c08\u7528\u8b8a\u9ad4\u700f\u89bd\u7522\u54c1<\/code>.<\/p>\n
    \u4e00\u822c\u5316\u6bd4 \u8f03\u4e0d\u5e38\u898b\u5305\u542b<\/code> \u8207 \u5ef6\u4f38<\/code>\uff0c\u56e0\u6b64\u50c5\u5728\u4f7f\u7528\u6848\u4f8b\u4e4b\u9593\u5b58\u5728\u771f\u5be6\u7684\u7236\u5b50\u95dc\u4fc2\u6642\u624d\u4f7f\u7528\u5b83\u3002<\/p>\n
    9. \u53c3\u8207\u8005\u4e00\u822c\u5316<\/h2>\n
    \u53c3\u8207\u8005\u4e4b\u9593\u4e5f\u53ef\u4ee5\u5b58\u5728\u4e00\u822c\u5316\u95dc\u4fc2\u3002<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    actor Customer\r\nactor \"Premium Customer\" as PremiumCustomer\r\n\r\nPremiumCustomer -|> Customer\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u9019\u8868\u793a\u9ad8\u7d1a\u5ba2\u6236\u662f\u5ba2\u6236\u7684\u4e00\u7a2e\u5c08\u9580\u985e\u578b\uff0c\u4e26\u7e7c\u627f\u4e00\u822c\u53c3\u8207\u8005\u7684\u4e92\u52d5\u3002<\/p>\n
    \u4f8b\u5982\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PremiumCustomer --> ApplyDiscount\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    10. \u8a3b\u89e3\u8207\u8a3b\u8a18<\/h2>\n
    \u8a3b\u89e3\u70ba\u5716\u5f62\u6dfb\u52a0\u8aaa\u660e\u6216\u9650\u5236\u3002<\/p>\n
    \u9644\u8457\u65bc\u4f7f\u7528\u6848\u4f8b\u7684\u8a3b\u89e3<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u8a3b\u89e3\u4f4d\u65bc Checkout \u53f3\u5074\n  \u9867\u5ba2\u5fc5\u9808\u63d0\u4f9b\n  \u6709\u6548\u7684\u5e33\u55ae\u8cc7\u8a0a\u3002\nend note\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u5176\u4ed6\u4f4d\u7f6e\u5305\u62ec\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u8a3b\u89e3\u4f4d\u65bc Checkout \u5de6\u5074\n  \u9762\u5411\u9867\u5ba2\u7684\u6d41\u7a0b\nend note\n\n\u8a3b\u89e3\u4f4d\u65bc Checkout \u4e0a\u65b9\n  \u4e3b\u8981\u696d\u52d9\u5de5\u4f5c\u6d41\u7a0b\nend note\n\n\u8a3b\u89e3\u4f4d\u65bc Checkout \u4e0b\u65b9\n  \u5305\u542b\u4ed8\u6b3e\u8655\u7406\nend note\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u7c21\u77ed\u8a3b\u89e3\u8a9e\u6cd5<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u8a3b\u89e3 \u5728 Login \u53f3\u5074\uff1a\u9700\u8981\u4f7f\u7528\u8005\u9a57\u8b49\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u5e36\u6709\u5225\u540d\u7684\u7368\u7acb\u8a3b\u89e3<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u8a3b\u8a18\u300c\u4ed8\u6b3e\u5fc5\u9808\u5728\u8a02\u55ae\u78ba\u8a8d\u524d\u7372\u5f97\u6388\u6b0a\u300d\u4e26\u547d\u540d\u70ba PaymentNote\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u4ee5\u865b\u7dda\u5c07\u8a3b\u8a18\u9023\u63a5\u5230\u67d0\u500b\u5143\u7d20\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PaymentNote .. MakePayment\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u95dc\u65bc\u9650\u5236\u689d\u4ef6\u7684\u8a3b\u8a18<\/h3>\n
    \u8a3b\u8a18\u5c0d\u65bc\u8a18\u9304\u689d\u4ef6\u5f88\u6709\u7528\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u8a3b\u89e3\u4f4d\u65bc ApplyDiscount \u53f3\u5074\r\n  \u53ef\u9078\u884c\u70ba\uff1a\r\n  \u50c5\u5728\u63d0\u4f9b\u6709\u6548\r\n  \u512a\u60e0\u5238\u6642\u4f7f\u7528\u3002\r\n\u7d50\u675f\u8a3b\u89e3\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    11. \u4f48\u5c40\u65b9\u5411<\/h2>\n
    \u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0cPlantUML \u6703\u81ea\u52d5\u9078\u64c7\u4f48\u5c40\u3002\u60a8\u53ef\u4ee5\u5f71\u97ff\u65b9\u5411\u3002<\/p>\n
    \u7531\u5de6\u81f3\u53f3\u4f48\u5c40<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u7531\u5de6\u81f3\u53f3\u65b9\u5411\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u9019\u5c0d\u65bc\u7528\u4f8b\u5716\u901a\u5e38\u5f88\u6709\u7528\uff0c\u56e0\u70ba\u53c3\u8207\u8005\u51fa\u73fe\u5728\u5de6\u5074\uff0c\u800c\u5916\u90e8\u7cfb\u7d71\u51fa\u73fe\u5728\u53f3\u5074\u3002<\/p>\n
    \u7531\u4e0a\u81f3\u4e0b\u7684\u4f48\u5c40<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u7531\u4e0a\u81f3\u4e0b\u7684\u65b9\u5411\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u9019\u5c0d\u65bc\u7dca\u6e4a\u7684\u5716\u5f62\u6216\u5782\u76f4\u7d44\u7e54\u7684\u5de5\u4f5c\u6d41\u7a0b\u53ef\u80fd\u5f88\u6709\u7528\u3002<\/p>\n
    \u4e0d\u53ef\u898b\u7684\u4f48\u5c40\u9023\u7d50<\/h3>\n
    \u4e0d\u53ef\u898b\u7684\u9023\u7d50\u53ef\u4ee5\u5f71\u97ff\u4f4d\u7f6e\u8a2d\u5b9a\uff0c\u800c\u4e0d\u6703\u986f\u793a\u53ef\u898b\u7684\u95dc\u4fc2\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    \u5ba2\u6236 -[\u96b1\u85cf]-> \u7d50\u5e33\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u9019\u5c0d\u65bc\u6539\u5584\u5716\u8868\u4f48\u5c40\u5f88\u6709\u7528\u3002<\/p>\n
    12. \u5716\u8868\u6a23\u5f0f\u8a2d\u5b9a<\/h2>\n
    \u79fb\u9664\u9670\u5f71<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam shadowing false\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u4f7f\u7528\u77e9\u5f62\u5957\u4ef6\u8207\u908a\u754c<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam packageStyle rectangle\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u8a2d\u5b9a\u984f\u8272<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam usecase {\r\n    BackgroundColor #FDFDFD\r\n    BorderColor #333333\r\n}\r\n\r\nskinparam actor {\r\n    BorderColor #333333\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u8a2d\u5b9a\u7bad\u982d\u984f\u8272<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam ArrowColor #555555\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u8a2d\u5b9a\u9810\u8a2d\u5b57\u9ad4\u5927\u5c0f<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam defaultFontSize 14\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u5b8c\u6574\u7684\u6a23\u5f0f\u5340\u584a\u53ef\u80fd\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam shadowing false\r\nskinparam packageStyle rectangle\r\nskinparam actorStyle awesome\r\nskinparam defaultFontSize 14\r\n\r\nskinparam usecase {\r\n    BackgroundColor #F9FBFF\r\n    BorderColor #234\r\n}\r\n\r\nskinparam ArrowColor #555555\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    13. \u5957\u4ef6\u8207\u5206\u7d44<\/h2>\n
    \u5957\u4ef6\u53ef\u5c07\u76f8\u95dc\u7684\u7528\u4f8b\u5206\u7d44\u3002<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    package \"\u5ba2\u6236\u529f\u80fd\" {\r\n    usecase \"\u8a3b\u518a\u5e33\u6236\" as Register\r\n    usecase \"\u767b\u5165\" as Login\r\n    usecase \"\u700f\u89bd\u7522\u54c1\" as Browse\r\n}\r\n\r\npackage \"\u7ba1\u7406\u529f\u80fd\" {\r\n    usecase \"\u7ba1\u7406\u7522\u54c1\" as ManageProducts\r\n    usecase \"\u7522\u751f\u92b7\u552e\u5831\u544a\" as SalesReport\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u7576\u5716\u8868\u5305\u542b\u8a31\u591a\u4f7f\u7528\u6848\u4f8b\u6642\uff0c\u5957\u4ef6\u6703\u5f88\u6709\u5e6b\u52a9\u3002<\/p>\n
    \u60a8\u4e5f\u53ef\u4ee5\u4f7f\u7528\u77e9\u5f62\u4f5c\u70ba\u7fa4\u7d44\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    rectangle \"\u8a02\u55ae\u7ba1\u7406\" {\r\n    usecase \"\u4e0b\u8a02\u55ae\" as PlaceOrder\r\n    usecase \"\u8ffd\u8e64\u8a02\u55ae\" as TrackOrder\r\n    usecase \"\u53d6\u6d88\u8a02\u55ae\" as CancelOrder\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    14. \u5916\u90e8\u7cfb\u7d71<\/h2>\n
    \u5916\u90e8\u61c9\u7528\u7a0b\u5f0f\u6216\u670d\u52d9\u53ef\u4ee5\u8868\u793a\u70ba\u53c3\u8207\u8005\u3002<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    actor \"\u4ed8\u6b3e\u9598\u9053\" as PaymentGateway\r\nactor \"\u96fb\u5b50\u90f5\u4ef6\u670d\u52d9\" as EmailService\r\nactor \"\u5916\u90e8 CRM\" as CRM\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u5c07\u5b83\u5011\u9023\u63a5\u5230\u7cfb\u7d71\u4f7f\u7528\u6848\u4f8b\uff1a<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PaymentGateway --> MakePayment\r\nEmailService --> SendConfirmation\r\nCRM --> SynchronizeCustomer\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u9019\u6e05\u695a\u5730\u5340\u5206\u4e86\u7cfb\u7d71\u529f\u80fd\u8207\u7cfb\u7d71\u908a\u754c\u4e4b\u5916\u7684\u670d\u52d9\u3002<\/p>\n
    15. \u5b8c\u6574\u7bc4\u4f8b<\/h2>\n
    \u4e0b\u5217\u7bc4\u4f8b\u6574\u5408\u4e86\u53c3\u8003\u8868\u4e2d\u7684\u4e3b\u8981\u7b26\u865f\u3002<\/p>\n
    \"\u5b8c\u6574\u7684<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    @startuml\r\ntitle \u7dda\u4e0a\u8cfc\u7269\u7cfb\u7d71 - \u4f7f\u7528\u6848\u4f8b\u5716\r\n\r\nleft to right direction\r\n\r\nskinparam shadowing false\r\nskinparam packageStyle rectangle\r\nskinparam actorStyle awesome\r\n\r\nskinparam usecase {\r\n    BackgroundColor #F9FBFF\r\n    BorderColor #333333\r\n}\r\n\r\nskinparam ArrowColor #555555\r\n\r\n' \u53c3\u8207\u8005\r\nactor \u9867\u5ba2 as customer\r\nactor \"\u9ad8\u7d1a\u9867\u5ba2\" as premium\r\nactor \u7ba1\u7406\u54e1 as admin\r\nactor \"\u91d1\u6d41\u9598\u9053\" as payment\r\nactor \"\u96fb\u5b50\u90f5\u4ef6\u670d\u52d9\" as email\r\n\r\n' \u53c3\u8207\u8005\u6cdb\u5316\r\npremium -|> customer\r\n\r\n' \u7cfb\u7d71\u908a\u754c\r\nrectangle \"\u7dda\u4e0a\u8cfc\u7269\u7cfb\u7d71\" {\r\n\r\n    ' \u9867\u5ba2\u4f7f\u7528\u6848\u4f8b\r\n    usecase \"\u8a3b\u518a\u5e33\u865f\" as Register\r\n    usecase \"\u767b\u5165\" as Login\r\n    usecase \"\u700f\u89bd\u5546\u54c1\" as Browse\r\n    usecase \"\u641c\u5c0b\u5546\u54c1\" as Search\r\n    usecase \"\u6aa2\u8996\u5546\u54c1\u8a73\u60c5\" as ViewProduct\r\n    usecase \"\u5c07\u5546\u54c1\u52a0\u5165\u8cfc\u7269\u8eca\" as AddToCart\r\n    usecase \"\u6aa2\u8996\u8cfc\u7269\u8eca\" as ViewCart\r\n    usecase \"\u7d50\u5e33\" as Checkout\r\n    usecase \"\u4e0b\u55ae\" as PlaceOrder\r\n    usecase \"\u8ffd\u8e64\u8a02\u55ae\" as TrackOrder\r\n    usecase \"\u53d6\u6d88\u8a02\u55ae\" as CancelOrder\r\n\r\n    ' \u5171\u7528\u5305\u542b\u884c\u70ba\r\n    usecase \"\u9a57\u8b49\u9867\u5ba2\u8cc7\u6599\" as ValidateCustomer\r\n    usecase \"\u8a08\u7b97\u8a02\u55ae\u7e3d\u984d\" as CalculateTotal\r\n    usecase \"\u9032\u884c\u4ed8\u6b3e\" as MakePayment\r\n    usecase \"\u767c\u9001\u8a02\u55ae\u78ba\u8a8d\" as SendConfirmation\r\n\r\n    ' \u53ef\u9078\u884c\u70ba\r\n    usecase \"\u5957\u7528\u6298\u6263\u512a\u60e0\u5238\" as ApplyDiscount\r\n    usecase \"\u7533\u8acb\u9000\u8cbb\" as RequestRefund\r\n\r\n    ' \u7ba1\u7406\u54e1\u4f7f\u7528\u6848\u4f8b\r\n    usecase \"\u7ba1\u7406\u5546\u54c1\" as ManageProducts\r\n    usecase \"\u7522\u751f\u92b7\u552e\u5831\u8868\" as SalesReport\r\n}\r\n\r\n' \u53c3\u8207\u8005\u95dc\u806f\r\ncustomer --> Register\r\ncustomer --> Login\r\ncustomer --> Browse\r\ncustomer --> Search\r\ncustomer --> ViewProduct\r\ncustomer --> AddToCart\r\ncustomer --> ViewCart\r\ncustomer --> Checkout\r\ncustomer --> TrackOrder\r\ncustomer --> CancelOrder\r\n\r\npremium --> ApplyDiscount\r\npremium --> RequestRefund\r\n\r\nadmin --> ManageProducts\r\nadmin --> SalesReport\r\n\r\npayment --> MakePayment\r\nemail --> SendConfirmation\r\n\r\n' \u5305\u542b\u95dc\u4fc2\r\nCheckout ..> ValidateCustomer : <<include>>\r\nCheckout ..> CalculateTotal : <<include>>\r\nCheckout ..> PlaceOrder : <<include>>\r\n\r\nPlaceOrder ..> MakePayment : <<include>>\r\nPlaceOrder ..> SendConfirmation : <<include>>\r\n\r\n' \u5ef6\u4f38\u95dc\u4fc2\r\nApplyDiscount ..> Checkout : <<extend>>\r\nRequestRefund ..> CancelOrder : <<extend>>\r\n\r\n' \u4f7f\u7528\u6848\u4f8b\u6cdb\u5316\r\nSearch -|> Browse\r\n\r\n' \u8a3b\u89e3\r\nnote right of Checkout\r\n    \u4e3b\u8981\u9867\u5ba2\u8cfc\u8cb7\u6d41\u7a0b\r\nend note\r\n\r\nnote right of ApplyDiscount\r\n    \u53ef\u9078\u884c\u70ba\uff1a\r\n    \u50c5\u5728\u64c1\u6709\u6709\u6548\r\n    \u512a\u60e0\u5238\u6642\u4f7f\u7528\r\nend note\r\n\r\nnote bottom of MakePayment\r\n    \u4ed8\u6b3e\u7531\u5916\u90e8\r\n    \u91d1\u6d41\u9598\u9053\u8655\u7406\r\nend note\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \n\u5728 VPasCode \u4e2d\u7de8\u8f2f PlantUML<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \"\u7dda\u4e0a\u8cfc\u7269\u7cfb\u7d71\u7684<\/p>\n
    16. \u95b1\u8b80\u5b8c\u6574\u7bc4\u4f8b<\/h2>\n
    \u6b64\u5716\u50b3\u9054\u4ee5\u4e0b\u8cc7\u8a0a\uff1a<\/p>\n