@startuml left to right direction skinparam linetype ortho rectangle "<size:50>App" as App rectangle "<size:50>Nginx" as Nginx collections Tomcat_1[ == <size:30>Tomcat {{ rectangle WAR { component UI } }} ] collections Tomcat_2[ == <size:30>Tomcat {{ rectangle WAR { component UI } }} ] database "<size:50>MySQL" as MySQL App <--> Nginx Nginx <--> Tomcat_1 Nginx <--> Tomcat_2 Tomcat_1 <--> MySQL Tomcat_2 <--> MySQL @enduml
Decode URL
Submit
amiga
aws-orange
black-knight
bluegray
blueprint
cerulean-outline
cerulean
crt-amber
crt-green
cyborg-outline
cyborg
hacker
lightgray
mars
materia-outline
materia
metal
mimeograph
minty
plain
reddress-darkblue
reddress-darkgreen
reddress-darkorange
reddress-darkred
reddress-lightblue
reddress-lightgreen
reddress-lightorange
reddress-lightred
sandstone
silver
sketchy-outline
sketchy
spacelab
spacelab-white
superhero-outline
superhero
toy
united
vibrant
🎉 Discover the future PlantUML Web Editor! 🚀
PNG
SVG
ASCII Art