chenp/demo_doc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
demo_doc/puml/lightgray/component-ex.svg

880 lines
35 KiB
XML
Raw Normal View History

first
2021-06-25 21:37:59 +08:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="894.7917px" preserveAspectRatio="none" style="width:1301px;height:894px;background:#00000000;" version="1.1" viewBox="0 0 1301 894" width="1301.0417px" zoomAndPan="magnify"><defs><linearGradient id="gikh7wyekwtr40" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#DBDBDB"/><stop offset="100%" stop-color="#D2D2D2"/></linearGradient><linearGradient id="gikh7wyekwtr41" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F3F3F3"/><stop offset="100%" stop-color="#E2E2E2"/></linearGradient><linearGradient id="gikh7wyekwtr42" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#FCFCFC"/></linearGradient><linearGradient id="gikh7wyekwtr43" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFBE68"/><stop offset="100%" stop-color="#FFAE42"/></linearGradient><linearGradient id="gikh7wyekwtr44" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#5C85AD"/><stop offset="100%" stop-color="#336699"/></linearGradient></defs><g><rect fill="url(#gikh7wyekwtr40)" height="56.5694" rx="4.1667" ry="4.1667" style="stroke:#D2D2D2;stroke-width:1.0416666666666667;" width="444.7917" x="421.0938" y="2.0833"/><text fill="#FFFFFF" font-family="Verdana" font-size="20.8333" lengthAdjust="spacing" textLength="407.2917" x="439.8438" y="38.6536">Component Diagram - lightgray theme</text><!--MD5=[98956307d0c47524864de5bf9cdc747b]
cluster My Package--><path d="M14.0625,68.0278 L107.8125,68.0278 A11.7188,11.7188 0 0 1 115.625,75.8403 L122.9167,110.3027 L826.5625,110.3027 A7.8125,7.8125 0 0 1 834.375,118.1152 L834.375,199.7986 A7.8125,7.8125 0 0 1 826.5625,207.6111 L14.0625,207.6111 A7.8125,7.8125 0 0 1 6.25,199.7986 L6.25,75.8403 A7.8125,7.8125 0 0 1 14.0625,68.0278 " style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;"/><line style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" x1="6.25" x2="122.9167" y1="110.3027" y2="110.3027"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="82.2917" x="20.8333" y="93.0949">My Package</text><!--MD5=[994b84a7865cf3a30290d65f6358d5f5]
cluster My Node--><polygon points="173.9583,288.8611,184.375,278.4444,623.9583,278.4444,623.9583,412.8194,613.5417,423.2361,173.9583,423.2361,173.9583,288.8611" style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;"/><line style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;" x1="613.5417" x2="623.9583" y1="288.8611" y2="278.4444"/><line style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;" x1="173.9583" x2="613.5417" y1="288.8611" y2="288.8611"/><line style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;" x1="613.5417" x2="613.5417" y1="288.8611" y2="423.2361"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="59.375" x="365.1042" y="314.9699">My Node</text><!--MD5=[8f762177cf9f076b8ea6eac76c5df33e]
cluster My Cloud--><path d="M665.6685,292.1684 C669.4685,286.1846 674.9403,286.9032 678.0885,292.8471 C681.3938,284.1593 687.3595,283.5265 693.0047,290.6379 C697.2265,284.9837 702.9662,285.7599 706.5517,291.401 C709.9815,284.1861 714.9047,283.1975 719.8156,289.9995 C723.5322,284.2657 728.085,284.058 731.8874,289.9101 C736.1129,282.6371 741.2624,283.0629 746.4217,288.8727 C751.665,282.6049 756.8883,284.7862 759.5164,291.5089 C763.0012,286.2225 767.2363,284.6145 771.5816,290.5869 C775.6818,283.9527 782.3351,285.9645 785.1861,291.9352 C794.5909,283.806 802.5364,289.0475 805.2083,299.2778 C806.0869,299.6816 806.1734,300.4671 805.4501,301.0852 C811.3712,303.6127 813.8875,307.2849 808.7117,312.8808 C816.77,317.4281 815.7079,322.4319 809.0964,327.3687 C816.7102,329.374 817.7375,335.6266 811.4505,340.1853 C819.1904,344.0724 820.1869,350.6139 812.6191,355.6572 C816.9212,359.6405 816.7926,364.4783 811.0271,367.0554 C817.4487,372.2341 816.2041,376.9866 809.8837,381.1301 C816.2977,386.2258 815.2952,390.948 808.4468,394.6324 C813.7601,404.903 811.5662,414.483 797.9167,414.9028 C798.3498,414.3804 798.8846,414.4819 799.1829,415.0583 C795.1733,421.4286 790.9734,423.6737 785.2617,416.8549 C781.6049,423.2321 777.4266,424.1082 772.4451,418.2417 C768.8354,424.7813 762.8594,424.1692 759.3648,418.1221 C755.2503,424.8913 749.9229,424.9282 745.4086,418.5464 C741.817,425.7159 736.4708,425.1607 732.2172,419.2122 C727.7242,425.3863 723.5597,425.3188 719.6319,418.6581 C714.942,423.848 708.9786,423.4362 705.9983,416.7033 C702.4165,422.8207 695.6688,423.9112 692.3782,416.412 C687.9238,423.6972 683.1652,423.1307 678.9465,416.1895 C668.9795,422.692 659.7038,420.1799 657.2917,407.6111 C657.7694,407.6934 657.9531,407.9279 657.731,408.3999 C650.0745,405.4924 650.2018,398.6253 656.0602,394.1349 C649.0083,391.4828 648.9181,384.8374 654.5299,380.7386 C646.8257,378.0801 646.4288,371.2696 653.049,367.0602 C647.2429,364.9179 645.7842,360.2846 650.4013,355.7107 C644.0527,349.848 645.0828,344.8874 653.1935,341.9611 C647.3802,336.1715 647.9678,331.5978 655.2621,327.711 C649.8316,323.7997 648.5418,318.2764 655.5908,314.6798 C646.225,303.328 649.9337,293.8216 664.5833,291.9861 C664.9794,291.4857 665.4526,291.5968 665.6685,292.1684 " style="stroke:#FFFFFF;stroke-width:1.5625;fill:none;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="62.5" x="700" y="320.1782">My Cloud</text><!--MD5=[5435dd1da01795d79a1d1bdb7811705f]
cluster My Database--><path d="M632.2917,481.0486 C632.2917,470.6319 731.25,470.6319 731.25,470.6319 C731.25,470.6319 830.2083,470.6319 830.2083,481.0486 L830.2083,877.9236 C830.2083,888.3403 731.25,888.3403 731.25,888.3403 C731.25,888.3403 632.2917,888.3403 632.2917,877.9236 L632.2917,481.0486 " style="stroke:#F3F3F3;stroke-width:1.5625;fill:none;"/><path d="M632.2917,481.0486 C632.2917,491.4653 731.25,491.4653 731.25,491.4653 C731.25,491.4653 830.2083,491.4653 830.2083,481.0486 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="88.5417" x="686.9792" y="516.5324">My Database</text><!--MD5=[db3eb734e65e00defc1adec42c70b029]
cluster My folder--><path d="M665.1042,549.7986 L741.1458,549.7986 A11.7188,11.7188 0 0 1 748.9583,557.6111 L756.25,592.0736 L797.3958,592.0736 A7.8125,7.8125 0 0 1 805.2083,599.8861 L805.2083,681.5694 A7.8125,7.8125 0 0 1 797.3958,689.3819 L665.1042,689.3819 A7.8125,7.8125 0 0 1 657.2917,681.5694 L657.2917,557.6111 A7.8125,7.8125 0 0 1 665.1042,549.7986 " fill="#F3F3F3" style="stroke:#FFAE42;stroke-width:1.5625;"/><line style="stroke:#FFAE42;stroke-width:1.5625;" x1="657.2917" x2="756.25" y1="592.0736" y2="592.0736"/><text fill="#FFAE42" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="64.5833" x="671.875" y="574.8657">My folder</text><!--MD5=[2f95c9c104e26437854e71862f3d840e]
cluster My Frame--><rect fill="#F3F3F3" height="139.5833" rx="7.8125" ry="7.8125" style="stroke:#336699;stroke-width:1.5625;" width="147.9167" x="657.2917" y="723.7569"/><path d="M756.25,723.7569 L756.25,752.4902 L745.8333,762.9069 L657.2917,762.9069 " fill="none" style="stroke:#336699;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" font-weight="bold" lengthAdjust="spacing" textLength="67.7083" x="670.8333" y="747.7824">My Frame</text><!--MD5=[96f7e1299d4a43069e6ed32352fcac20]
entity HTTP--><ellipse cx="577.0833" cy="157.0903" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="32.2917" x="560.9375" y="197.7824">HTTP</text><!--MD5=[cbd7cda55f2530e2efe43ec72c097853]
entity First Component--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="170.8333" x="360.4167" y="123.2361"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="510.4167" y="128.4444"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="508.3333" y="130.5278"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="508.3333" y="134.6944"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="108.3333" x="386.4583" y="167.0532">First Component</text><!--MD5=[b9d11f23832c1491231c5b33e55ab8c6]
entity Another Component--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="194.7917" x="623.4375" y="123.2361"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="797.3958" y="128.4444"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="795.3125" y="130.5278"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="795.3125" y="134.6944"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="132.2917" x="649.4792" y="167.0532">Another Component</text><!--MD5=[aa625683a8c1a6d60f4cb888c4297339]
entity MyRectangle1--><rect height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" width="132.2917" x="191.1458" y="128.4444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="211.9792" y="161.8449">MyRectangle1</text><!--MD5=[deed3d4321eb4f26fdbc8b688b847966]
entity MyCollection1--><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="27.0833" y="132.6111"/><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="22.9167" y="128.4444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="41.6667" y="159.7616">MyCollection1</text><!--MD5=[76af18d92d7d7c0f7ebd8f4f605ac5aa]
entity FTP--><ellipse cx="369.7917" cy="372.7153" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="22.9167" x="358.3333" y="413.4074">FTP</text><!--MD5=[0e2cc1aee2c7f52697e111b4fb84546c]
entity Second Component--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="190.625" x="416.1458" y="338.8611"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="585.9375" y="344.0694"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="583.8542" y="346.1528"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="583.8542" y="350.3194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="128.125" x="442.1875" y="382.6782">Second Component</text><!--MD5=[b8d85f5d3810694767e38854f60c8b6e]
entity MyRectangle2--><rect height="56.8583" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:2.0833333333333335;fill:none;" width="132.2917" x="191.1458" y="344.0694"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="90.625" x="211.9792" y="377.4699">MyRectangle2</text><!--MD5=[243c1e580c31013c48b02624e18b25a7]
entity Example 1--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="130.2083" x="666.1458" y="338.8611"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="775.5208" y="344.0694"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="773.4375" y="346.1528"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="773.4375" y="350.3194"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="692.1875" y="382.6782">Example 1</text><!--MD5=[3e0e08c92570480402984701ab5a6d2d]
entity Folder 3--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="115.625" x="673.4375" y="605.0069"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="768.2292" y="610.2153"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="612.2986"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="616.4653"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="699.4792" y="648.8241">Folder 3</text><!--MD5=[63877ed85df621d134a6c80fb52dad56]
entity Frame 4--><rect fill="url(#gikh7wyekwtr41)" height="67.275" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="115.625" x="673.4375" y="778.9653"/><rect fill="url(#gikh7wyekwtr41)" height="10.4167" style="stroke:#F3F3F3;stroke-width:1.5625;" width="15.625" x="768.2292" y="784.1736"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="786.2569"/><rect fill="url(#gikh7wyekwtr41)" height="2.0833" style="stroke:#F3F3F3;stroke-width:1.5625;" width="4.1667" x="766.1458" y="790.4236"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="699.4792" y="822.7824">Frame 4</text><!--MD5=[bb0325ec99f4f4d58c3e33c6fae3b543]
entity MyCollection2--><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="859.375" y="132.6111"/><rect fill="url(#gikh7wyekwtr41)" height="52.6917" rx="7.8125" ry="7.8125" style="stroke:#F3F3F3;stroke-width:1.5625;" width="127.0833" x="855.2083" y="128.4444"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="89.5833" x="873.9583" y="159.7616">MyCollection2</text><!--MD5=[4d6c9a8b502f46c0f85d26a51e5d57ce]
entity My Artifact--><rect fill="url(#gikh7wyekwtr42)" height="59.9833" rx="7.8125" ry="7.8125" style="stroke:#A8A8A8;stroke-width:1.5625;" width="119.7917" x="1023.4375" y="126.8819"/><polygon fill="url(#gikh7wyekwtr42)" points="1125.5208,132.0903,1125.5208,146.6736,1138.0208,146.6736,1138.0208,138.3403,1131.7708,132.0903,1125.5208,132.0903" style="stroke:#A8A8A8;stroke-width:1.5625;"/><line style="stroke:#A8A8A8;stroke-width:1.5625;" x1="1131.7708" x2="1131.7708" y1="132.0903" y2="138.3403"/><line style="stroke:#A8A8A8;stroke-width:1.5625;" x1="1138.0208" x2="1131.7708" y1="138.3403" y2="138.3403"/><text fill="#A8A8A8" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="67.7083" x="1044.2708" y="163.4074">My Artifact</text><!--MD5=[6013850653c05993d855a7b82b2ebd6f]
entity My Storage--><rect fill="url(#gikh7wyekwtr43)" height="56.8583" rx="36.4583" ry="36.4583" style="stroke:#FFAE42;stroke-width:1.5625;" width="115.625" x="1179.6875" y="128.4444"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="73.9583" x="1200.5208" y="161.8449">My Storage</text><!--MD5=[decf897d207c1b699121f5d4005ef96e]
entity My Queue--><path d="M872.3958,349.2778 L969.2708,349.2778 C974.4792,349.2778 974.4792,372.4986 974.4792,372.4986 C974.4792,372.4986 974.4792,395.7194 969.2708,395.7194 L872.3958,395.7194 C867.1875,395.7194 867.1875,372.4986 867.1875,372.4986 C867.1875,372.4986 867.1875,349.2778 872.3958,349.2778 " fill="url(#gikh7wyekwtr41)" style="stroke:#F3F3F3;stroke-width:1.5625;"/><path d="M969.2708,349.2778 C964.0625,349.2778 964.0625,372.4986 964.0625,372.4986 C964.0625,395.7194 969.2708,395.7194 969.2708,395.7194 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="65.625" x="882.8125" y="377.4699">My Queue</text><!--MD5=[db0b4290d55c456da6f1e605315daa68]
entity My Interface--><ellipse cx="1070.8333" cy="372.7153" fill="#FF5C5C" rx="8.3333" ry="8.3333" style="stroke:#FF3333;stroke-width:1.5625;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="81.25" x="1030.2083" y="413.4074">My Interface</text><!--MD5=[c42dbb279bb2c76edeffd08640135261]
entity My Card--><rect fill="url(#gikh7wyekwtr44)" height="42.275" rx="7.8125" ry="7.8125" style="stroke:#336699;stroke-width:1.5625;" width="94.7917" x="1167.1875" y="351.3611"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="53.125" x="1188.0208" y="377.4699">My Card</text><!--MD5=[4552e0ab931d4db86ba1ccdf7169c968]
entity My File--><path d="M878.125,618.0278 L878.125,659.2611 A7.8125,7.8125 0 0 0 885.9375,667.0736 L955.7292,667.0736 A7.8125,7.8125 0 0 0 963.5417,659.2611 L963.5417,620.6319 L953.125,610.2153 L885.9375,610.2153 A7.8125,7.8125 0 0 0 878.125,618.0278 " fill="url(#gikh7wyekwtr40)" style="stroke:#A8A8A8;stroke-width:1.5625;"/><path d="M953.125,610.2153 L953.125,612.8194 A7.8125,7.8125 0 0 0 960.9375,620.6319 L963.5417,620.6319 " fill="url(#gikh7wyekwtr40)" style="stroke:#A8A8A8;stroke-width:1.5625;"/><text fill="#FFFFFF" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="43.75" x="898.9583" y="643.6157">My File</text><!--MD5=[5a51615613d2b2569e36ac803df4b251]
entity My Stack--><rect fill="url(#gikh7wyekwtr41)" height="56.8583" rx="7.8125" ry="7.8125" style="stroke:none;stroke-width:1.5625;" width="98.9583" x="1016.1458" y="610.2153"/><path d="M1000.5208,610.2153 L1008.3333,610.2153 A7.8125,7.8125 0 0 1 1016.1458,618.0278 L1016.1458,659.2611 A7.8125,7.8125 0 0 0 1023.9583,667.0736 L1107.2917,667.0736 A7.8125,7.8125 0 0 0 1115.1042,659.2611 L1115.1042,618.0278 A7.8125,7.8125 0 0 1 1122.9167,610.2153 L1130.7292,610.2153 " fill="none" style="stroke:#F3F3F3;stroke-width:1.5625;"/><text fill="#336699" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="57.2917" x="1036.9792" y="643.6157">My Stack</text><!--MD5=[46d996859f59e5baf77956ce93023cee]
link HTTP to First Component--><path d="M567.4583,157.0903 C555.4583,157.0903 543.4583,157.0903 531.4583,157.0903 " fill="none" id="HTTP-First Component" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[1966a42bb49d59057147dbda06282f4b]
link FTP to Second Component--><path d="M379.1979,372.7153 C391.4271,372.7153 403.6563,372.7153 415.8854,372.7153 " fill="none" id="FTP-Second Component" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[d3aefbd8005e27b21e7ce98ddd948193]
link First Component to FTP--><path d="M430.3958,190.9861 C420.3646,213.0694 407.4375,242.9757 397.9167,270.1111 C387.1667,300.7778 377.7917,337.7882 373.0625,357.5694 " fill="none" id="First Component-to-FTP" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="371.75,363.1319,377.9531,354.9605,372.9429,358.062,369.8413,353.0518,371.75,363.1319" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[efc1ffe8b578a0fb156c7bce303319bb]
link Another Component to Example 1--><path d="M722.4375,191.0278 C724.3125,229.434 727.4063,292.8507 729.3854,333.4132 " fill="none" id="Another Component-to-Example 1" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="729.6458,338.7361,733.3514,329.1695,729.3924,333.5339,725.028,329.5749,729.6458,338.7361" style="stroke:#E2E2E2;stroke-width:3.125;"/><text fill="#303030" font-family="Verdana" font-size="12.5" lengthAdjust="spacing" textLength="98.9583" x="736.4583" y="248.3032">some message</text><!--MD5=[7ec8393a78a133520e8846dd05a7857a]
link Example 1 to Folder 3--><path d="M731.25,406.6632 C731.25,455.6215 731.25,547.4236 731.25,599.3923 " fill="none" id="Example 1-to-Folder 3" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="731.25,604.9132,735.4167,595.5382,731.25,599.7048,727.0833,595.5382,731.25,604.9132" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[b96c7096199393c1414a8b4e9ed2c30f]
link Folder 3 to Frame 4--><path d="M731.25,673.0382 C731.25,701.6944 731.25,743.1319 731.25,773.2569 " fill="none" id="Folder 3-to-Frame 4" style="stroke:#E2E2E2;stroke-width:3.125;"/><polygon fill="#E2E2E2" points="731.25,778.7361,735.4167,769.3611,731.25,773.5278,727.0833,769.3611,731.25,778.7361" style="stroke:#E2E2E2;stroke-width:3.125;"/><!--MD5=[83be288af14fde8a86007c2b011fac4a]
link MyCollection2 to My Artifact--><!--MD5=[b21a3c93c2a22c7ef4934ace81b9a2fe]
link My Artifact to My Storage--><!--MD5=[6ba35b42f782a962813221ea03178716]
link MyCollection2 to My Queue--><!--MD5=[0babb46f3d0f67f91c828a5eda35ab7d]
link My Queue to My Interface--><!--MD5=[9bfee3aea78949ae207e8bd3b67fed50]
link My Interface to My Card--><!--MD5=[afe9315598834b0b9f57a7a5b2c7ee2a]
link My Queue to My File--><!--MD5=[f6296be58d13482500ae3b999db2843f]
link My File to My Stack--><!--MD5=[faf0c39d588ab5cfce7b919475b14bb2]
@startuml
!$THEME = "lightgray"
!if %not(%variable_exists("$BGCOLOR"))
!$BGCOLOR = "transparent"
!endif
skinparam backgroundColor $BGCOLOR
skinparam useBetaStyle false
!$WHITE = "#FFF"
!$GRAY_DARK = "#4d4d4d"
!$GRAY = "#737373"
!$LIGHT = "#fcfcfc"
!$DARK = "#303030"
!$FGCOLOR = $DARK
!$PRIMARY = "#e2e2e2"
!$PRIMARY_LIGHT = "#f3f3f3"
!$PRIMARY_DARK = "#888888"
!$PRIMARY_TEXT = "#336699"
!$SECONDARY = "#d2d2d2"
!$SECONDARY_LIGHT = "#dbdbdb"
!$SECONDARY_DARK = "#a8a8a8"
!$SECONDARY_TEXT = "white"
!$INFO = "#336699"
!$INFO_LIGHT = "#5c85ad"
!$INFO_DARK = "#29527a"
!$INFO_TEXT = $WHITE
!$SUCCESS = "#339933"
!$SUCCESS_LIGHT = "#5cad5c"
!$SUCCESS_DARK = "#297a29"
!$SUCCESS_TEXT = $WHITE
!$WARNING = "#ffae42"
!$WARNING_LIGHT = "#ffbe68"
!$WARNING_DARK = "#cc8b35"
!$WARNING_TEXT = $WHITE
!$DANGER = "#ff3333"
!$DANGER_LIGHT = "#ff5c5c"
!$DANGER_DARK = "#cc2929"
!$DANGER_TEXT = $WHITE
!procedure $success($msg)
<font color=$SUCCESS><b>$msg
!endprocedure
!procedure $failure($msg)
<font color=$DANGER><b>$msg
!endprocedure
!procedure $warning($msg)
<font color=$WARNING><b>$msg
!endprocedure
!procedure $primary_scheme()
FontColor $PRIMARY_TEXT
BorderColor $PRIMARY_LIGHT
BackgroundColor $PRIMARY_LIGHT-$PRIMARY
!endprocedure
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 10
skinparam ArrowColor $GRAY
skinparam stereotype {
CBackgroundColor $SECONDARY_LIGHT
CBorderColor $SECONDARY_DARK
ABackgroundColor $SUCCESS_LIGHT
ABorderColor $SUCCESS_DARK
IBackgroundColor $DANGER_LIGHT
IBorderColor $DANGER_DARK
EBackgroundColor $WARNING_LIGHT
EBorderColor $WARNING_DARK
NBackgroundColor $INFO_LIGHT
NBorderColor $INFO_DARK
}
skinparam title {
FontColor $SECONDARY_TEXT
BorderColor $SECONDARY
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
}
skinparam legend {
BackgroundColor $PRIMARY
BorderColor $PRIMARY_DARK
FontColor $PRIMARY_TEXT
}
!startsub swimlane
skinparam swimlane {
BorderColor $INFO
BorderThickness 2
TitleBackgroundColor $SECONDARY_LIGHT-$SECONDARY
TitleFontColor $PRIMARY
}
!endsub
!startsub activity
skinparam activity {
$primary_scheme()
BarColor $SUCCESS
StartColor $INFO
EndColor $INFO
DiamondBackgroundColor $SECONDARY-$SECONDARY_DARK
DiamondBorderColor $SECONDARY_DARK
DiamondFontColor $SECONDARY_TEXT
}
!endsub
!startsub participant
skinparam participant {
$primary_scheme()
ParticipantBorderThickness 2
}
!endsub
!startsub actor
skinparam actor {
$primary_scheme()
}
!endsub
!startsub arrow
skinparam arrow {
Thickness 3
Color $PRIMARY
FontColor $FGCOLOR
}
!endsub
!startsub sequence
skinparam sequence {
BorderColor $PRIMARY
TitleFontColor $SECONDARY_TEXT
BackgroundColor $BGCOLOR
StartColor $PRIMARY
EndColor $PRIMARY
BoxBackgroundColor $BGCOLOR
BoxBorderColor $GRAY
BoxFontColor $DARK
LifeLineBorderColor $SECONDARY_DARK
LifeLineBorderThickness 2
LifeLineBackgroundColor $SECONDARY_LIGHT
GroupBorderColor $DARK
GroupFontColor $DARK
GroupHeaderFontColor $INFO_TEXT
GroupBackgroundColor $BGCOLOR
GroupBodyBackgroundColor $BGCOLOR
GroupHeaderBackgroundColor $BGCOLOR
DividerBackgroundColor $WHITE-$LIGHT
DividerBorderColor $GRAY
DividerBorderThickness 2
DividerFontColor $DARK
ReferenceBackgroundColor $BGCOLOR
ReferenceBorderColor $GRAY
ReferenceFontColor $DARK
ReferenceHeaderFontColor $INFO
}
!endsub
!startsub partition
skinparam partition {
BorderColor $PRIMARY
FontColor $PRIMARY_DARK
BackgroundColor $BGCOLOR
}
!endsub
!startsub collections
skinparam collections {
$primary_scheme()
}
!endsub
!startsub control
skinparam control {
$primary_scheme()
}
!endsub
!startsub entity
skinparam entity {
$primary_scheme()
}
!endsub
!startsub boundary
skinparam boundary {
$primary_scheme()
}
!endsub
!startsub agent
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
!endsub
!startsub note
skinparam note {
BorderThickness 1
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $WHITE
}
!endsub
!startsub artifact
skinparam artifact {
BackgroundColor white-$LIGHT
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_DARK
}
!endsub
!startsub component
skinparam component {
$primary_scheme()
}
!endsub
!startsub interface
skinparam interface {
BackgroundColor $DANGER_LIGHT
BorderColor $DANGER
FontColor $DARK
}
!endsub
!startsub storage
skinparam storage {
BackgroundColor $WARNING_LIGHT-$WARNING
BorderColor $WARNING
FontColor $WARNING_TEXT
}
!endsub
!startsub node
skinparam node {
BackgroundColor $BGCOLOR
BorderColor $PRIMARY_LIGHT
FontColor $PRIMARY_TEXT
}
!endsub
!startsub cloud
skinparam cloud {
BackgroundColor transparent
BorderColor $F2FCFE
FontColor $PRIMARY_TEXT
}
!endsub
!startsub database
skinparam database {
$primary_scheme()
BackgroundColor $BGCOLOR
}
!endsub
!startsub class
skinparam class {
$primary_scheme()
HeaderBackgroundColor $PRIMARY_LIGHT-$PRIMARY_DARK
StereotypeFontColor $DARK
StereotypeFontSize 9
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub object
skinparam object {
$primary_scheme()
StereotypeFontColor $LIGHT
BorderThickness 1
AttributeFontColor $DARK
AttributeFontSize 11
}
!endsub
!startsub usecase
skinparam usecase {
$primary_scheme()
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub rectangle
skinparam rectangle {
$primary_scheme()
BackgroundColor $BGCOLOR
BorderThickness 2
StereotypeFontColor $PRIMARY
}
!endsub
!startsub package
skinparam package {
$primary_scheme()
BackgroundColor $BGCOLOR
BorderThickness 2
}
!endsub
!startsub folder
skinparam folder {
BackgroundColor $PRIMARY_LIGHT
BorderColor $WARNING
FontColor $WARNING
BorderThickness 2
}
!endsub
!startsub frame
skinparam frame {
BackgroundColor $PRIMARY_LIGHT
BorderColor $INFO
FontColor $INFO
BorderThickness 2
}
!endsub
!startsub state
skinparam state {
$primary_scheme()
BorderColor $PRIMARY_DARK
StartColor $INFO
EndColor $INFO
AttributeFontColor $SECONDARY_TEXT
AttributeFontSize 11
}
!endsub
!startsub queue
skinparam queue {
$primary_scheme()
}
!endsub
!startsub card
skinparam card {
BackgroundColor $INFO_LIGHT-$INFO
BorderColor $INFO
FontColor $INFO_TEXT
}
!endsub
!startsub file
skinparam file {
BackgroundColor $SECONDARY_LIGHT-$SECONDARY
BorderColor $SECONDARY_DARK
FontColor $SECONDARY_TEXT
}
!endsub
!startsub stack
skinparam stack {
$primary_scheme()
}
!endsub
!if %variable_exists("$THEME")
title Component Diagram - $THEME theme
!else
title Component Diagram
!endif
'skinparam BackgroundColor transparent
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@enduml
@startuml
skinparam backgroundColor transparent
skinparam useBetaStyle false
skinparam defaultFontName "Verdana"
skinparam defaultFontSize 12
skinparam dpi 100
skinparam shadowing false
skinparam roundcorner 15
skinparam ParticipantPadding 30
skinparam BoxPadding 30
skinparam Padding 10
skinparam ArrowColor #737373
skinparam stereotype {
CBackgroundColor #dbdbdb
CBorderColor #a8a8a8
ABackgroundColor #5cad5c
ABorderColor #297a29
IBackgroundColor #ff5c5c
IBorderColor #cc2929
EBackgroundColor #ffbe68
EBorderColor #cc8b35
NBackgroundColor #5c85ad
NBorderColor #29527a
}
skinparam title {
FontColor white
BorderColor #d2d2d2
FontSize 20
BorderRoundCorner 8
BorderThickness 1
BackgroundColor #dbdbdb-#d2d2d2
}
skinparam legend {
BackgroundColor #e2e2e2
BorderColor #888888
FontColor #336699
}
skinparam swimlane {
BorderColor #336699
BorderThickness 2
TitleBackgroundColor #dbdbdb-#d2d2d2
TitleFontColor #e2e2e2
}
skinparam activity {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BarColor #339933
StartColor #336699
EndColor #336699
DiamondBackgroundColor #d2d2d2-#a8a8a8
DiamondBorderColor #a8a8a8
DiamondFontColor white
}
skinparam participant {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
ParticipantBorderThickness 2
}
skinparam actor {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam arrow {
Thickness 3
Color #e2e2e2
FontColor #303030
}
skinparam sequence {
BorderColor #e2e2e2
TitleFontColor white
BackgroundColor transparent
StartColor #e2e2e2
EndColor #e2e2e2
BoxBackgroundColor transparent
BoxBorderColor #737373
BoxFontColor #303030
LifeLineBorderColor #a8a8a8
LifeLineBorderThickness 2
LifeLineBackgroundColor #dbdbdb
GroupBorderColor #303030
GroupFontColor #303030
GroupHeaderFontColor #FFF
GroupBackgroundColor transparent
GroupBodyBackgroundColor transparent
GroupHeaderBackgroundColor transparent
DividerBackgroundColor #FFF-#fcfcfc
DividerBorderColor #737373
DividerBorderThickness 2
DividerFontColor #303030
ReferenceBackgroundColor transparent
ReferenceBorderColor #737373
ReferenceFontColor #303030
ReferenceHeaderFontColor #336699
}
skinparam partition {
BorderColor #e2e2e2
FontColor #888888
BackgroundColor transparent
}
skinparam collections {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam control {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam entity {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam boundary {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam agent {
BackgroundColor #orange
BorderColor #999999
FontColor #333333
}
skinparam note {
BorderThickness 1
BackgroundColor #5c85ad-#336699
BorderColor #336699
FontColor #FFF
}
skinparam artifact {
BackgroundColor white-#fcfcfc
BorderColor #a8a8a8
FontColor #a8a8a8
}
skinparam component {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam interface {
BackgroundColor #ff5c5c
BorderColor #ff3333
FontColor #303030
}
skinparam storage {
BackgroundColor #ffbe68-#ffae42
BorderColor #ffae42
FontColor #FFF
}
skinparam node {
BackgroundColor transparent
BorderColor #f3f3f3
FontColor #336699
}
skinparam cloud {
BackgroundColor transparent
BorderColor $F2FCFE
FontColor #336699
}
skinparam database {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BackgroundColor transparent
}
skinparam class {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
HeaderBackgroundColor #f3f3f3-#888888
StereotypeFontColor #303030
StereotypeFontSize 9
BorderThickness 1
AttributeFontColor #303030
AttributeFontSize 11
}
skinparam object {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
StereotypeFontColor #fcfcfc
BorderThickness 1
AttributeFontColor #303030
AttributeFontSize 11
}
skinparam usecase {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BorderThickness 2
StereotypeFontColor #e2e2e2
}
skinparam rectangle {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BackgroundColor transparent
BorderThickness 2
StereotypeFontColor #e2e2e2
}
skinparam package {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BackgroundColor transparent
BorderThickness 2
}
skinparam folder {
BackgroundColor #f3f3f3
BorderColor #ffae42
FontColor #ffae42
BorderThickness 2
}
skinparam frame {
BackgroundColor #f3f3f3
BorderColor #336699
FontColor #336699
BorderThickness 2
}
skinparam state {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
BorderColor #888888
StartColor #336699
EndColor #336699
AttributeFontColor white
AttributeFontSize 11
}
skinparam queue {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
skinparam card {
BackgroundColor #5c85ad-#336699
BorderColor #336699
FontColor #FFF
}
skinparam file {
BackgroundColor #dbdbdb-#d2d2d2
BorderColor #a8a8a8
FontColor white
}
skinparam stack {
FontColor #336699
BorderColor #f3f3f3
BackgroundColor #f3f3f3-#e2e2e2
}
title Component Diagram - lightgray theme
package "My Package" {
HTTP - [First Component]
[Another Component]
rectangle MyRectangle1
collections MyCollection1
}
node "My Node" {
FTP - [Second Component]
[First Component] - -> FTP
rectangle MyRectangle2
}
cloud "My Cloud" {
[Example 1]
}
collections MyCollection2
database "My Database" {
folder "My folder" {
[Folder 3]
}
frame "My Frame" {
[Frame 4]
}
}
artifact "My Artifact"
storage "My Storage"
queue "My Queue"
interface "My Interface"
card "My Card"
file "My File"
stack "My Stack"
[Another Component] - -> [Example 1]: some message
[Example 1] - -> [Folder 3]
[Folder 3] - -> [Frame 4]
@enduml
PlantUML version 1.2021.01(Mon Feb 01 23:55:08 PST 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: US
--></g></svg>
Reference in New Issue Copy Permalink