{"id":12241,"date":"2026-06-26T16:58:28","date_gmt":"2026-06-26T08:58:28","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/fa\/from-code-to-clarity-a-beginners-guide-to-seamless-diagramming-with-vpascode-and-opendocs\/"},"modified":"2026-07-26T19:58:36","modified_gmt":"2026-07-26T11:58:36","slug":"from-code-to-clarity-a-beginners-guide-to-seamless-diagramming-with-vpascode-and-opendocs","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/fa\/from-code-to-clarity-a-beginners-guide-to-seamless-diagramming-with-vpascode-and-opendocs\/","title":{"rendered":"\u0627\u0632 \u06a9\u062f \u062a\u0627 \u0634\u0641\u0627\u0641\u06cc\u062a: \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0645\u0628\u062a\u062f\u06cc\u0627\u0646 \u062f\u0631 \u0631\u0633\u0645 \u0631\u0627\u0628\u0637\u0647\u200c\u0627\u06cc \u0628\u062f\u0648\u0646 \u0645\u0634\u06a9\u0644 \u0628\u0627 VPasCode \u0648 OpenDocs"},"content":{"rendered":"

\u0645\u0642\u062f\u0645\u0647<\/h2>\n

\u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u067e\u0631\u0633\u0631\u0639\u062a \u062a\u0648\u0633\u0639\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u0635\u0648\u0644\u060c \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u063a\u0644\u0628 \u0627\u0632 \u06a9\u062f \u0639\u0642\u0628 \u0645\u06cc\u200c\u0645\u0627\u0646\u062f. \u0645\u0647\u0646\u062f\u0633\u0627\u0646 \u0633\u0627\u0639\u062a\u200c\u0647\u0627 \u0635\u0631\u0641 \u0637\u0631\u0627\u062d\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0646\u0648\u06cc\u0633\u0646\u062f\u06af\u0627\u0646 \u0641\u0646\u06cc \u0628\u0627 \u0645\u0634\u06a9\u0644 \u0628\u0648\u062f\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u062f\u0631 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062b\u0627\u0628\u062a \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0646\u062a\u06cc\u062c\u0647\u061f \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0645\u0646\u0633\u0648\u062e\u060c \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0645\u0639\u06cc\u0648\u0628 \u0648 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u0646\u0634\u06cc \u06a9\u0647 \u0648\u0627\u0642\u0639\u06cc\u062a \u0631\u0627 \u0645\u0646\u0639\u06a9\u0633 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u0648\u0631\u0648\u062f\u06cc\u00a0VPasCode<\/strong>\u00a0\u0648\u00a0OpenDocs<\/strong>\u060c \u062f\u0648 \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0632 Visual Paradigm \u06a9\u0647 \u0628\u0627\u0632\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0627\u062f\u0647\u200c\u0627\u0646\u062f. VPasCode \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0645\u062a\u0646 \u0633\u0627\u062f\u0647 (\u0645\u0627\u0646\u0646\u062f PlantUML \u06cc\u0627 Mermaid) \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u063a\u0646\u06cc \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 OpenDocs \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u067e\u0644\u062a\u0641\u0631\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u0646\u0634 \u067e\u0627\u06cc\u0647\u200c\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062c\u0627\u062f\u0648 \u0632\u0645\u0627\u0646\u06cc \u0631\u062e \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f: \u0628\u0627 \u0627\u062a\u0635\u0627\u0644 \u062c\u062f\u06cc\u062f\u00a0\u0627\u062a\u0635\u0627\u0644 \u0644\u0648\u0644\u0647\u200c\u06a9\u0627\u0631\u06cc VPasCode \u0628\u0647 OpenDocs<\/strong>\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627 \u0631\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0627\u0632 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u062e\u0648\u062f \u0628\u0647 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062e\u0648\u062f \u0628\u0627 \u06cc\u06a9 \u06a9\u0644\u06cc\u06a9 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f. \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0627\u06a9\u0633\u067e\u0648\u0631\u062a\u060c \u062f\u0627\u0646\u0644\u0648\u062f \u06cc\u0627 \u0622\u067e\u0644\u0648\u062f \u0645\u062c\u062f\u062f \u0646\u06cc\u0633\u062a. \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u06cc\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f\u060c \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u200c\u0628\u06cc\u0646\u0627\u0646\u0647 \u0628\u0633\u0627\u0632\u06cc\u062f \u0648 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\n

\u0646\u0635\u0628 \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627: \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631<\/h2>\n

\u0642\u0628\u0644 \u0627\u0632 \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u062e\u062a \u0646\u0645\u0648\u062f\u0627\u0631\u060c \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u0628\u0647 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0631\u06cc\u062f.<\/p>\n

    \n
  1. \n

    VPasCode<\/strong>: \u0628\u0647\u00a0VPasCode<\/a>\u00a0\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0628\u0647 \u0633\u0627\u062e\u062a \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0632 \u0645\u062a\u0646 \u0628\u0647 \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0631\u0648\u06cc\u062f. \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0627\u0632 PlantUML\u060c Mermaid.js \u0648 Graphviz \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<\/li>\n

  2. \n

    OpenDocs<\/strong>: \u0628\u0647\u00a0\u062f\u0627\u0634\u0628\u0648\u0631\u062f OpenDocs<\/a>\u00a0\u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u0646\u0634 \u062a\u06cc\u0645 \u062e\u0648\u062f \u0628\u0631\u0648\u06cc\u062f.<\/p>\n<\/li>\n

  3. \n

    \u062d\u0633\u0627\u0628 Visual Paradigm<\/strong>: \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u062d\u0633\u0627\u0628 \u0641\u0639\u0627\u0644\u06cc \u062f\u0627\u0631\u06cc\u062f. \u0647\u0631\u0686\u0646\u062f \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647 \u0648 \u0627\u06a9\u0633\u067e\u0648\u0631\u062a \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u067e\u0648\u0644\u06cc (\u0646\u0633\u062e\u0647 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u06cc\u0627 \u0646\u0633\u062e\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e Visual Paradigm) \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0635\u0644\u0627\u062d \u062e\u0637\u0627 \u0648 \u062a\u0631\u062c\u0645\u0647 \u0631\u0627 \u0641\u0639\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<\/li>\n<\/ol>\n

    \u0627\u062a\u0635\u0627\u0644 \u0644\u0648\u0644\u0647\u200c\u06a9\u0627\u0631\u06cc<\/h3>\n

    \u0627\u06cc\u0646 \u0627\u062f\u063a\u0627\u0645 \u062f\u0631\u0648\u0646\u06cc \u0627\u0633\u062a\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc API \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0646\u06cc\u0633\u062a. \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u0628\u0627 \u0647\u0645\u0627\u0646 \u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a Visual Paradigm \u062f\u0631 \u0647\u0631 \u062f\u0648 \u067e\u0644\u062a\u0641\u0631\u0645 \u0648\u0627\u0631\u062f \u0634\u0648\u06cc\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0622\u0645\u0627\u062f\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc \u06cc\u06a9 \u0646\u0645\u0648\u062f\u0627\u0631 \u0647\u0633\u062a\u06cc\u062f\u060c \u062f\u06a9\u0645\u0647 \u00ab\u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u0644\u0648\u0644\u0647\u200c\u06a9\u0627\u0631\u06cc OpenDocs\u00bb \u062f\u0631 VPasCode \u0628\u0647 \u0637\u0648\u0631 \u0627\u0645\u0646 \u062a\u0635\u0648\u06cc\u0631 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631 OpenDocs \u0634\u0645\u0627 \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

    \"Seamless<\/p>\n

    \n

    \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u062f \u062f\u0631 \u0639\u0645\u0644: \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc<\/h2>\n

    \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 PlantUML \u062f\u0631 VPasCode \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0633\u0627\u0632\u06cc\u0645. \u062f\u0631 \u0632\u06cc\u0631 \u0633\u0647 \u0633\u0646\u0627\u0631\u06cc\u0648\u06cc \u0631\u0627\u06cc\u062c \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a: \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u0627\u062a API\u060c \u0646\u0645\u0648\u062f\u0627\u0631 \u0645\u062e\u0632\u0646 C4 \u0628\u0631\u0627\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0648 \u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0627\u06cc \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u062f\u0627\u062f\u0647.<\/p>\n

    \u0645\u062b\u0627\u0644 1: \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631<\/h3>\n

    \u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u062f \u062f\u0627\u0631\u06cc\u062f \u0646\u062d\u0648\u0647 \u0648\u0631\u0648\u062f \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0631\u0627 \u0645\u0633\u062a\u0646\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0628\u0647 \u062c\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0645\u0631\u0628\u0639\u200c\u0647\u0627 \u0648 \u0641\u0644\u0634\u200c\u0647\u0627 \u0631\u0627 \u0628\u06a9\u0634\u06cc\u062f\u060c \u06a9\u062f PlantUML \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 VPasCode \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n

    \"\"<\/p>\n

    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/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\u0639\u0646\u0648\u0627\u0646 \u062c\u0631\u06cc\u0627\u0646 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\r\nactor \u06a9\u0627\u0631\u0628\u0631\r\n\u0634\u0631\u06a9\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f\" \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f\r\n\u0634\u0631\u06a9\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 \"\u0633\u0631\u0648\u06cc\u0633 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\" \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0648\u062a\u0646\u062a\u06cc\u06a9\u06cc\u0634\u0646\r\n\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\" \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u067e\u0627\u06cc\u06af\u0627\u0647\r\n\r\n\u06a9\u0627\u0631\u0628\u0631 -> \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f: \u0648\u0631\u0648\u062f \u0628\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0631\u0648\u062f\u06cc\r\n\u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f -> \u0627\u0648\u062a\u0646\u062a\u06cc\u06a9\u06cc\u0634\u0646: POST \/login\r\n\u0627\u0648\u062a\u0646\u062a\u06cc\u06a9\u06cc\u0634\u0646 -> \u067e\u0627\u06cc\u06af\u0627\u0647: \u067e\u0631\u0633 \u0648 \u062c\u0648 \u06a9\u0627\u0631\u0628\u0631\r\n\u067e\u0627\u06cc\u06af\u0627\u0647 --> \u0627\u0648\u062a\u0646\u062a\u06cc\u06a9\u06cc\u0634\u0646: \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\r\n\u0627\u0648\u062a\u0646\u062a\u06cc\u06a9\u06cc\u0634\u0646 --> \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f: \u062a\u0648\u06a9\u0646 JWT\r\n\u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f --> \u06a9\u0627\u0631\u0628\u0631: \u0647\u062f\u0627\u06cc\u062a \u0628\u0647 \u062f\u0627\u0634\u0628\u0648\u0631\u062f\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\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u067e\u0633 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634\u060c \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f\u00a0\u00ab\u0627\u0631\u0633\u0627\u0644 \u0628\u0647 \u062e\u0637 \u0644\u0648\u0644\u0647 OpenDocs\u00bb<\/strong>\u00a0\u062a\u0627 \u0627\u06cc\u0646 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u0631\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0633\u0646\u062f \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u0634\u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n
    \"This<\/p>\n
    \u0645\u062b\u0627\u0644 2: \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 C4 \u0628\u0631\u0627\u06cc \u0645\u06cc\u06a9\u0631\u0648\u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627<\/h3>\n
    \u0628\u0631\u0627\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627\u060c \u0627\u0632 \u0645\u062f\u0644 C4 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u0633\u0627\u062f\u0647 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631\u06cc \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647 \u062a\u0639\u0627\u0645\u0644 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0648\u0628 \u0628\u0627 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0633\u062a:<\/p>\n
    \"\"<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/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!include <C4\/C4_Context>\r\n!include <C4\/C4_Container>\r\n\r\nPerson(karbar, \"\u0645\u0634\u062a\u0631\u06cc\", \"\u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\n\r\nSystem_Boundary(\u0628\u0627\u0646\u06a9, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646\") {\r\n    Container(\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646_\u0648\u0628, \"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0648\u0628\", \"\u062c\u0627\u0648\u0627\u060c \u0627\u0633\u067e\u0631\u06cc\u0646\u06af MVC\", \"\u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f\")\r\n    Container(api, \"\u067e\u0627\u06cc\u0647 API\", \"\u062c\u0627\u0648\u0627\u060c \u0627\u0633\u067e\u0631\u06cc\u0646\u06af \u0628\u0648\u062a\", \"\u0645\u0646\u0637\u0642 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\n    ContainerDb(db, \"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\", \"SQL\", \"\u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u062a\u0631\u0627\u06a9\u0646\u0634\u200c\u0647\u0627 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\n}\r\n\r\nRel(karbar, \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646_\u0648\u0628, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\nRel(\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646_\u0648\u0628, api, \"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 HTTPS \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\")\r\nRel(api, db, \"\u062e\u0648\u0627\u0646\u062f\u0646\/\u0646\u0648\u0634\u062a\u0646\")\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\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0627\u06cc\u0646 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0647 \u0630\u06cc\u0646\u0641\u0639\u0627\u0646 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0645\u0631\u0632\u0647\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0631\u0627 \u0628\u062f\u0648\u0646 \u0648\u0631\u0648\u062f \u0628\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a \u06a9\u062f \u062f\u0631\u06a9 \u06a9\u0646\u0646\u062f.<\/p>\n
    \u0645\u062b\u0627\u0644 3: \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/h3>\n
    \u0627\u06af\u0631 \u062f\u0627\u0631\u06cc\u062f \u06cc\u06a9 \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0631\u0627 \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u06a9\u0644\u0627\u0633 \u0631\u0648\u0627\u0628\u0637 \u0628\u06cc\u0646 \u0645\u0648\u062c\u0648\u062f\u06cc\u062a\u200c\u0647\u0627 \u0631\u0627 \u0631\u0648\u0634\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n
    \"\"<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \n\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/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\nclass \u0645\u062d\u0635\u0648\u0644 {\r\n    +String \u0646\u0627\u0645\r\n    +Double \u0642\u06cc\u0645\u062a\r\n    +String sku\r\n    +getDetails()\r\n}\r\n\r\nclass \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc {\r\n    +String \u0646\u0627\u0645_\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\r\n    +List<\u0645\u062d\u0635\u0648\u0644> \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n}\r\n\r\nclass \u0633\u0641\u0627\u0631\u0634 {\r\n    +int \u0634\u0646\u0627\u0633\u0647_\u0633\u0641\u0627\u0631\u0634\r\n    +Date \u062a\u0627\u0631\u06cc\u062e_\u0633\u0641\u0627\u0631\u0634\r\n    +List<\u0645\u062d\u0635\u0648\u0644> \u0622\u06cc\u062a\u0645\u200c\u0647\u0627\r\n}\r\n\r\n\u0645\u062d\u0635\u0648\u0644 \"1\" -- \"*\" \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc : \u0645\u062a\u0639\u0644\u0642 \u0628\u0647\r\n\u0633\u0641\u0627\u0631\u0634 \"1\" -- \"*\" \u0645\u062d\u0635\u0648\u0644 : \u0634\u0627\u0645\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\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\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \n
    \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\u200c\u0634\u062f\u0647 \u0627\u0632 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc: \u0628\u0647\u0628\u0648\u062f \u0641\u0631\u0622\u06cc\u0646\u062f \u06a9\u0627\u0631 \u0634\u0645\u0627<\/h2>\n
    \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm\u060c \u0631\u0633\u0645 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u0631\u0627 \u0628\u0647 \u0633\u0637\u062d \u0628\u0639\u062f\u06cc \u0645\u06cc\u200c\u0628\u0631\u062f. \u0627\u06af\u0631 \u06af\u06cc\u0631 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u06cc\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0633\u0631\u0639\u062a \u0627\u06cc\u062c\u0627\u062f \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n