{"id":7006,"date":"2026-08-05T11:46:23","date_gmt":"2026-08-05T03:46:23","guid":{"rendered":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/"},"modified":"2026-08-05T11:46:23","modified_gmt":"2026-08-05T03:46:23","slug":"create-clean-software-architecture-diagrams-mermaid","status":"publish","type":"post","link":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/","title":{"rendered":"T\u1ea1o s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch s\u1ebd b\u1eb1ng Mermaid"},"content":{"rendered":"<p>Tr\u1ef1c quan h\u00f3a c\u00e1c ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m ph\u1ee9c t\u1ea1p l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft \u0111\u1ec3 \u0111\u1ed3ng b\u1ed9 h\u00f3a c\u00e1c \u0111\u1ed9i ph\u00e1t tri\u1ec3n, \u0111\u00e0o t\u1ea1o k\u1ef9 s\u01b0 m\u1edbi v\u00e0 th\u1ef1c hi\u1ec7n c\u00e1c cu\u1ed9c \u0111\u00e1nh gi\u00e1 thi\u1ebft k\u1ebf hi\u1ec7u qu\u1ea3. Khi c\u00e1c h\u1ec7 th\u1ed1ng g\u1ed1c \u0111\u00e1m m\u00e2y v\u00e0 c\u00e1c ki\u1ebfn tr\u00fac microservice m\u1edf r\u1ed9ng, c\u00e1c c\u00f4ng c\u1ee5 v\u1ebd h\u00ecnh truy\u1ec1n th\u1ed1ng th\u01b0\u1eddng g\u1eb7p kh\u00f3 kh\u0103n trong vi\u1ec7c c\u1eadp nh\u1eadt t\u00e0i li\u1ec7u. S\u1eed d\u1ee5ng m\u1ed9t <a href=\"https:\/\/www.visual-paradigm.com\/features\/mermaid-editor\">tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn<\/a>gi\u00fap c\u00e1c ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n m\u1ec1m duy tr\u00ec c\u00e1c s\u01a1 \u0111\u1ed3 h\u1ec7 th\u1ed1ng \u0111\u01b0\u1ee3c ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n tr\u1ef1c ti\u1ebfp trong m\u00e3 ngu\u1ed3n. B\u1eb1ng c\u00e1ch \u0111\u1ecbnh ngh\u0129a c\u00e1c th\u00e0nh ph\u1ea7n h\u1ec7 th\u1ed1ng b\u1eb1ng v\u0103n b\u1ea3n thu\u1ea7n t\u00fay, c\u00e1c k\u1ef9 s\u01b0 c\u00f3 th\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac d\u1ec5 b\u1ea3o tr\u00ec<a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/mermaid-js-architecture-diagram-syntax-layout-guide\">c\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac<\/a>trong m\u1ed9t gi\u1ea3i ph\u00e1p <a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\">gi\u1ea3i ph\u00e1p s\u01a1 \u0111\u1ed3 theo m\u00e3<\/a>v\u1edbi t\u1ed1c \u0111\u1ed9 v\u00e0 \u0111\u1ed9 ch\u00ednh x\u00e1c cao.<\/p>\n<p>Trong h\u01b0\u1edbng d\u1eabn n\u00e0y, ch\u00fang ta s\u1ebd kh\u00e1m ph\u00e1 c\u00e1ch x\u00e2y d\u1ef1ng c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac s\u1ea1ch s\u1ebd b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng<a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/\">Mermaid<\/a>, t\u1ea1i sao vi\u1ec7c l\u1eadp b\u1ea3n \u0111\u1ed3 ki\u1ebfn tr\u00fac d\u1ef1a tr\u00ean m\u00e3 ngu\u1ed3n th\u00fac \u0111\u1ea9y vi\u1ec7c ra quy\u1ebft \u0111\u1ecbnh k\u1ef9 thu\u1eadt, v\u00e0 c\u00e1ch m\u1ed9t gi\u1ea3i ph\u00e1p to\u00e0n di\u1ec7n <a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\">gi\u1ea3i ph\u00e1p s\u01a1 \u0111\u1ed3 theo m\u00e3<\/a>gi\u00fap t\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng.<\/p>\n<h2>T\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng Mermaid cho ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m?<br \/>\n<img fetchpriority=\"high\" alt=\"Conceptual flat vector illustration of business logic flowcharts and decision trees rendered from Mermaid code\" class=\"alignnone wp-image-7110 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"572\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/master-mermaid-flowcharts-business-logic.png\" srcset=\"https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/master-mermaid-flowcharts-business-logic.png 1024w, https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/master-mermaid-flowcharts-business-logic-300x168.png 300w, https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/master-mermaid-flowcharts-business-logic-768x429.png 768w\" width=\"1024\"\/><\/h2>\n<p>C\u00e1c c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 truy\u1ec1n th\u1ed1ng ki\u1ec3u k\u00e9o th\u1ea3 g\u00e2y kh\u00f3 kh\u0103n khi m\u00f4 h\u00ecnh h\u00f3a c\u00e1c m\u00f4i tr\u01b0\u1eddng \u0111\u00e1m m\u00e2y thay \u0111\u1ed5i nhanh ch\u00f3ng. Vi\u1ec7c c\u1eadp nh\u1eadt c\u00e1c n\u00fat m\u00e1y ch\u1ee7, \u0111i\u1ec1u ch\u1ec9nh c\u00e1c m\u0169i t\u00ean k\u1ebft n\u1ed1i v\u00e0 c\u0103n ch\u1ec9nh l\u1ea1i c\u00e1c container m\u1ea1ng con m\u1ed9t c\u00e1ch th\u1ee7 c\u00f4ng l\u00e0m ti\u00eau t\u1ed1n n\u0103ng l\u1ef1c k\u1ef9 thu\u1eadt. M\u1ed9t quy tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i t\u1eeb v\u0103n b\u1ea3n sang s\u01a1 \u0111\u1ed3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 n\u00e0y b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c thu\u1eadt to\u00e1n b\u1ed1 tr\u00ed t\u1ef1 \u0111\u1ed9ng.<\/p>\n<p>S\u1eed d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn chuy\u00ean d\u1ee5ng cho m\u00f4 h\u00ecnh h\u00f3a ki\u1ebfn tr\u00fac mang l\u1ea1i nh\u1eefng l\u1ee3i th\u1ebf ch\u00ednh:<\/p>\n<ul>\n<li><strong>Th\u00f4ng s\u1ed1 h\u1ec7 th\u1ed1ng t\u00edch h\u1ee3p Git:<\/strong>L\u01b0u \u0111\u1ecbnh ngh\u0129a ki\u1ebfn tr\u00fac c\u1ee7a b\u1ea1n c\u00f9ng v\u1edbi m\u00e3 ngu\u1ed3n \u1ee9ng d\u1ee5ng, c\u00e1c m\u1eabu m\u00e3 ngu\u1ed3n c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng (IaC) v\u00e0 c\u00e1c quy tr\u00ecnh tri\u1ec3n khai.<\/li>\n<li><strong>B\u1ed1 tr\u00ed t\u1ef1 \u0111\u1ed9ng c\u00e1c \u0111\u1ed3 th\u1ecb con:<\/strong>Nh\u00f3m c\u00e1c microservice th\u00e0nh c\u00e1c m\u1ea1ng con logic ho\u1eb7c c\u00e1c container VPC \u0111\u00e1m m\u00e2y m\u00e0 kh\u00f4ng c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh t\u1ecda \u0111\u1ed9 th\u1ee7 c\u00f4ng.<\/li>\n<li><strong>Ti\u00eau chu\u1ea9n k\u1ef9 thu\u1eadt nh\u1ea5t qu\u00e1n:<\/strong>Ti\u00eau chu\u1ea9n h\u00f3a k\u00fd hi\u1ec7u tr\u1ef1c quan cho c\u01a1 s\u1edf d\u1eef li\u1ec7u, h\u00e0ng \u0111\u1ee3i tin nh\u1eafn v\u00e0 c\u00e1c API b\u00ean th\u1ee9 ba b\u00ean ngo\u00e0i tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c d\u1ef1 \u00e1n nh\u00f3m.<\/li>\n<\/ul>\n<p>Vi\u1ec7c \u00e1p d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn \u0111\u1ea3m b\u1ea3o t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt ph\u00e1t tri\u1ec3n t\u1ef1 nhi\u00ean song song v\u1edbi m\u00e3 ngu\u1ed3n \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n.<\/p>\n<h2>X\u00e2y d\u1ef1ng s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac microservice t\u1eebng b\u01b0\u1edbc<\/h2>\n<p>H\u00e3y c\u00f9ng xem c\u00e1ch m\u00f4 h\u00ecnh h\u00f3a m\u1ed9t ki\u1ebfn tr\u00fac microservice hi\u1ec7n \u0111\u1ea1i \u2013 bao g\u1ed3m C\u1ed5ng API, d\u1ecbch v\u1ee5 x\u00e1c th\u1ef1c, c\u00f4ng nh\u00e2n h\u00e0ng \u0111\u1ee3i v\u00e0 c\u1ee5m c\u01a1 s\u1edf d\u1eef li\u1ec7u \u2013 b\u1eb1ng c\u00fa ph\u00e1p s\u1ea1ch s\u1ebd. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5 th\u1ef1c t\u1ebf m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 sao ch\u00e9p v\u00e0 d\u00e1n tr\u1ef1c ti\u1ebfp v\u00e0o tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn c\u1ee7a m\u00ecnh:<\/p>\n<p><strong>V\u00ed d\u1ee5 m\u00e3 s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac (Th\u1eed ngay b\u00e2y gi\u1edd):<\/strong><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9kstugzAQRfeR8g9WFlW6iPoHkfLoI1JRSaDNwurCwDSxQmw0tlMh8fE1NiSkeSABM77HzGXGG2TFlsTTfo\/YS5lk4xZmOQeh31kJSOjAZ8Slg2+P1tcaEmpv8oJSaBBZRwpkwnOg\/kUmRZHzlGkuRcNYut\/7V3QhNghKtVWblDyQCFKDXJfd2q9Mwy8r6SRctHFHnRi9pfWDBDxFqQAPPIU7tSNPHP9YIpxtVd3aH5gBRoeUuqDd2wFCVu5tx2qkCa9Aa4k7QDpl6W6D0oiMLA0YaNbveJ0zzVqjdUwibe2eOQwYF\/MpHYbI9wxLsoLcdZ\/lZD597IAzlm6BDleQceWTruoMjVcsSbgOlj69NFYfgdFoXL3FcRhV7TS81hyAW3KTOP0LkP+UJJY7EJWb4CWzeo7i6tj\/W\/qp\/a3FdoeHgGVPa3ugoPK\/fIUJARVXumo66YnTdz1jkpyrLXk+2MXKd8eDfpA1M5NCmb0t5KfaNMzFTv8sMmvfTpBpo9pqf+X6FEY=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9U7Fu2zAQ3QPkHw4ZinQI+gcBYrlNgtitYwtpAaEDLRMiYZtyKcqFAS2dMhQFmqFDkaERggBBgSDNag4dFPg\/+Cc9UlKjJk04SEfeO967e8dIkhkDv7W+BriSdBi5A2\/CqVAdsqASgo2O0aczOGBFHjJgxZmINt6XAXa9pcPglYyFomJkNw1XNx7yCQ2MvhQRjIy+wF+bw+2J0d9FVAExbH3tXv59EUmaJDWBo+IshmfQMsvzGKZmeaWaBHaJoh\/JIvCM\/oYJdnr7DedOqljQNvozUp8jA3iHVYBiRt+ETxAYUDnnIa0JdHko46Q8A48VV4I1GbyRIyoH8\/CfRLdfV7ko29WA9shiiq29D\/YZEQxUXOSi2dpYjqkMfGR7Dnv2JrwVbQ6vjf4knuDfJorU5A9YDJ3VrxR8afQ1tO2nw40+Tps1dAkX7Vaw6a1ySIz+YfW6honDwYeUYCloVsU\/bwR6JGQ02GyhpiAQc+r0PZ5Cn4540kQepjSl20FVyIkrpE+GQ666hw9rwVGCra3tbM\/3e4OsVrn0lYP1qLvaOL\/Te8qxu348piJzE\/EQ1n858LO\/Qj7mv1OvZllHOJAV50v44oib5W+VlZ35D8yJoawYWdX2EnR3u4P18MEpq8UNjK0MyN11sAQ70+F8XvxM3UhfZNXIVB10tsN4+GhmVh58O3YOljlKoDABryn8AW1ybkg=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">\r\ngraph TB\r\n    subgraph ClientLayer [\"L\u1edbp Kh\u00e1ch h\u00e0ng\"]\r\n        Web[Frontend Web]\r\n        Mobile[\u1ee8ng d\u1ee5ng Di \u0111\u1ed9ng]\r\n    end\r\n\r\n    subgraph IngressLayer [\"V\u00e0o &amp; B\u1ea3o m\u1eadt\"]\r\n        Gateway[C\u1ed5ng API]\r\n        Auth[D\u1ecbch v\u1ee5 X\u00e1c th\u1ef1c]\r\n    end\r\n\r\n    subgraph ServiceLayer [\"Microservice Ch\u00ednh\"]\r\n        OrderSvc[D\u1ecbch v\u1ee5 \u0110\u01a1n h\u00e0ng]\r\n        PaymentSvc[D\u1ecbch v\u1ee5 Thanh to\u00e1n]\r\n        Worker[Th\u1ee3 H\u00e0ng \u0110\u1ee3i N\u1ec1n]\r\n    end\r\n\r\n    subgraph DataLayer [\"Kho L\u01b0u Tr\u1eef D\u1eef Li\u1ec7u\"]\r\n        MainDB[(C\u01a1 s\u1edf d\u1eef li\u1ec7u quan h\u1ec7 Ch\u00ednh)]\r\n        Cache[(B\u1ed9 nh\u1edb \u0111\u1ec7m Redis)]\r\n        Queue&gt;[H\u00e0ng \u0111\u1ee3i RabbitMQ]\r\n    end\r\n\r\n    Web --&gt;|HTTPS| Gateway\r\n    Mobile --&gt;|HTTPS| Gateway\r\n    Gateway --&gt;|X\u00e1c minh Token| Auth\r\n    Gateway --&gt;|REST| OrderSvc\r\n    Gateway --&gt;|REST| PaymentSvc\r\n\r\n    OrderSvc --&gt;|\u0110\u1ecdc\/Vi\u1ebft| Cache\r\n    OrderSvc --&gt;|L\u01b0u tr\u1eef| MainDB\r\n    PaymentSvc --&gt;|Ph\u00e1t s\u1ef1 ki\u1ec7n| Queue\r\n    Queue --&gt;|Ti\u00eau th\u1ee5| Worker\r\n    Worker --&gt;|C\u1eadp nh\u1eadt Tr\u1ea1ng th\u00e1i| MainDB<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9U7Fu2zAQ3QPkHw4ZinQI+gcBYrlNgtitYwtpAaEDLRMiYZtyKcqFAS2dMhQFmqFDkaERggBBgSDNag4dFPg\/+Cc9UlKjJk04SEfeO967e8dIkhkDv7W+BriSdBi5A2\/CqVAdsqASgo2O0aczOGBFHjJgxZmINt6XAXa9pcPglYyFomJkNw1XNx7yCQ2MvhQRjIy+wF+bw+2J0d9FVAExbH3tXv59EUmaJDWBo+IshmfQMsvzGKZmeaWaBHaJoh\/JIvCM\/oYJdnr7DedOqljQNvozUp8jA3iHVYBiRt+ETxAYUDnnIa0JdHko46Q8A48VV4I1GbyRIyoH8\/CfRLdfV7ko29WA9shiiq29D\/YZEQxUXOSi2dpYjqkMfGR7Dnv2JrwVbQ6vjf4knuDfJorU5A9YDJ3VrxR8afQ1tO2nw40+Tps1dAkX7Vaw6a1ySIz+YfW6honDwYeUYCloVsU\/bwR6JGQ02GyhpiAQc+r0PZ5Cn4540kQepjSl20FVyIkrpE+GQ666hw9rwVGCra3tbM\/3e4OsVrn0lYP1qLvaOL\/Te8qxu348piJzE\/EQ1n858LO\/Qj7mv1OvZllHOJAV50v44oib5W+VlZ35D8yJoawYWdX2EnR3u4P18MEpq8UNjK0MyN11sAQ70+F8XvxM3UhfZNXIVB10tsN4+GhmVh58O3YOljlKoDABryn8AW1ybkg=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9kstugzAQRfeR8g9WFlW6iPoHkfLoI1JRSaDNwurCwDSxQmw0tlMh8fE1NiSkeSABM77HzGXGG2TFlsTTfo\/YS5lk4xZmOQeh31kJSOjAZ8Slg2+P1tcaEmpv8oJSaBBZRwpkwnOg\/kUmRZHzlGkuRcNYut\/7V3QhNghKtVWblDyQCFKDXJfd2q9Mwy8r6SRctHFHnRi9pfWDBDxFqQAPPIU7tSNPHP9YIpxtVd3aH5gBRoeUuqDd2wFCVu5tx2qkCa9Aa4k7QDpl6W6D0oiMLA0YaNbveJ0zzVqjdUwibe2eOQwYF\/MpHYbI9wxLsoLcdZ\/lZD597IAzlm6BDleQceWTruoMjVcsSbgOlj69NFYfgdFoXL3FcRhV7TS81hyAW3KTOP0LkP+UJJY7EJWb4CWzeo7i6tj\/W\/qp\/a3FdoeHgGVPa3ugoPK\/fIUJARVXumo66YnTdz1jkpyrLXk+2MXKd8eDfpA1M5NCmb0t5KfaNMzFTv8sMmvfTpBpo9pqf+X6FEY=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u00a0<\/p>\n<p id=\"OCRkwef\"><img alt=\"Mermaid flowchart code example defining a cloud microservice architecture with load balancers, services, and databases\" class=\"alignnone wp-image-7113 size-full\" decoding=\"async\" height=\"923\" sizes=\"(max-width: 1426px) 100vw, 1426px\" src=\"https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a72b2d066133.png\" srcset=\"https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a72b2d066133.png 1426w, https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a72b2d066133-300x194.png 300w, https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a72b2d066133-1024x663.png 1024w, https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a72b2d066133-768x497.png 768w\" width=\"1426\"\/><\/p>\n<h2>Lo\u1ea1i b\u1ecf s\u1ef1 c\u1ea3n tr\u1edf v\u1ec1 c\u00fa ph\u00e1p v\u1edbi AI trong VPasCode<\/h2>\n<p>Khi l\u1eadp b\u1ea3n \u0111\u1ed3 c\u00e1c h\u1ec7 th\u1ed1ng doanh nghi\u1ec7p quy m\u00f4 l\u1edbn v\u1edbi h\u00e0ng ch\u1ee5c s\u01a1 \u0111\u1ed3 con v\u00e0 c\u00e1c ph\u1ee5 thu\u1ed9c ch\u00e9o d\u1ecbch v\u1ee5, nh\u1eefng sai s\u00f3t c\u00fa ph\u00e1p nh\u1ecf\u2014nh\u01b0 d\u1ea5u ngo\u1eb7c kh\u00f4ng \u0111\u00f3ng ho\u1eb7c c\u00e1c \u0111\u1ecbnh danh n\u00fat kh\u00f4ng kh\u1edbp\u2014c\u00f3 th\u1ec3 l\u00e0m d\u1eebng qu\u00e1 tr\u00ecnh hi\u1ec3n th\u1ecb. S\u1eed d\u1ee5ng<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/introducing-visual-paradigm-18-1-a-new-era-of-unified-ecosystems-and-ai-driven-innovation\/\">VPasCode<\/a> nh\u01b0 gi\u1ea3i ph\u00e1p ch\u00ednh cho b\u1ea3n \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 s\u1ebd cung c\u1ea5p cho \u0111\u1ed9i ng\u0169 k\u1ef9 s\u01b0 c\u1ee7a b\u1ea1n t\u00ednh n\u0103ng s\u1eeda l\u1ed7i m\u00e3 AI ch\u1ec9 v\u1edbi 1 c\u00fa nh\u1ea5p \u0111\u1ec3 kh\u1eafc ph\u1ee5c l\u1ed7i c\u00fa ph\u00e1p ngay l\u1eadp t\u1ee9c.<\/p>\n<p>D\u00f9 b\u1ea1n \u0111ang so\u1ea1n th\u1ea3o m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m<a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/mermaid-js-architecture-diagram-syntax-layout-guide\">m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac<\/a>, x\u00e2y d\u1ef1ng s\u01a1 \u0111\u1ed3 quy\u1ebft \u0111\u1ecbnh<a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/mermaid-js-flowchart-syntax-guide\/\">s\u01a1 \u0111\u1ed3 lu\u1ed3ng<\/a>, hay t\u1ea1o bi\u1ec3u \u0111\u1ed3 Gantt d\u1ef1 \u00e1n<a href=\"https:\/\/www.vpascode.com\/docs\/vpascode-docs\/mermaid-js-playbook\/mermaid-js-gantt-chart-syntax-guide\/\">bi\u1ec3u \u0111\u1ed3 Gantt<\/a>, m\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn th\u00f4ng minh s\u1ebd t\u1ef1 \u0111\u1ed9ng ph\u00e1t hi\u1ec7n c\u00e1c l\u1ed7i \u0111\u1ecbnh d\u1ea1ng \u0111\u1ec3 b\u1ea1n duy tr\u00ec \u0111\u01b0\u1ee3c nh\u1ecbp \u0111\u1ed9 k\u1ef9 thu\u1eadt.<\/p>\n<h2>C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t nh\u1ea5t cho c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac s\u1ea1ch<\/h2>\n<p>\u0110\u1ec3 \u0111\u1ea3m b\u1ea3o t\u00ednh d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 b\u1ea3o tr\u00ec khi chia s\u1ebb c\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac gi\u1eefa c\u00e1c \u0111\u1ed9i ng\u0169 k\u1ef9 s\u01b0, h\u00e3y ghi nh\u1edb nh\u1eefng nguy\u00ean t\u1eafc c\u1ed1t l\u00f5i sau:<\/p>\n<ol>\n<li><strong>S\u1eed d\u1ee5ng lu\u1ed3ng \u0111\u1ecbnh h\u01b0\u1edbng m\u1ed9t c\u00e1ch kh\u00f4n ngoan:<\/strong>\u0110\u1eb7t lu\u1ed3ng ng\u01b0\u1eddi d\u00f9ng c\u1ea5p cao t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi (<code>TB<\/code>) ho\u1eb7c t\u1eeb tr\u00e1i sang ph\u1ea3i (<code>LR<\/code>) \u0111\u1ec3 thi\u1ebft l\u1eadp r\u00f5 r\u00e0ng h\u01b0\u1edbng nh\u1eadp v\u00e0 x\u1eed l\u00fd d\u1eef li\u1ec7u.<\/li>\n<li><strong>Nh\u00f3m c\u00e1c th\u00e0nh ph\u1ea7n b\u1eb1ng s\u01a1 \u0111\u1ed3 con:<\/strong>S\u1eed d\u1ee5ng s\u01a1 \u0111\u1ed3 con \u0111\u1ec3 t\u00e1ch bi\u1ec7t c\u00e1c t\u1ea7ng b\u1ea3o m\u1eadt, c\u00e1c VPC \u0111\u00e1m m\u00e2y ho\u1eb7c c\u00e1c mi\u1ec1n d\u1ecbch v\u1ee5 vi m\u00f4 ri\u00eang l\u1ebb.<\/li>\n<li><strong>Xu\u1ea5t t\u00e0i s\u1ea3n vector \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao:<\/strong>Xu\u1ea5t tr\u1ef1c ti\u1ebfp c\u00e1c t\u00e0i s\u1ea3n h\u00ecnh \u1ea3nh s\u1eafc n\u00e9t SVG ho\u1eb7c PNG t\u1eeb tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn c\u1ee7a b\u1ea1n \u0111\u1ec3 xu\u1ea5t b\u1ea3n t\u00e0i li\u1ec7u t\u01b0\u01a1ng t\u00e1c b\u1eb1ng Visual Paradigm OpenDocs.<\/li>\n<\/ol>\n<p>D\u1ef1a v\u00e0o m\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi gi\u1ea3i ph\u00e1p b\u1ea3n \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 to\u00e0n di\u1ec7n gi\u00fap c\u00e1c ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n m\u1ec1m t\u1ea1o ra t\u00e0i li\u1ec7u h\u1ec7 th\u1ed1ng r\u00f5 r\u00e0ng, s\u1eb5n s\u00e0ng s\u1ea3n xu\u1ea5t ch\u1ec9 trong v\u00e0i gi\u00e2y.<\/p>\n<h2>Thay \u0111\u1ed5i t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac c\u1ee7a b\u1ea1n ngay h\u00f4m nay<\/h2>\n<p>S\u1eb5n s\u00e0ng chu\u1ea9n h\u00f3a c\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m c\u1ee7a b\u1ea1n v\u00e0 x\u00e2y d\u1ef1ng c\u00e1c s\u01a1 \u0111\u1ed3 h\u1ec7 th\u1ed1ng s\u1ea1ch t\u1eeb v\u0103n b\u1ea3n ch\u1ec9 trong v\u00e0i gi\u00e2y? H\u00e3y th\u1eed ngay tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 AI c\u1ee7a VPasCode h\u00f4m nay v\u00e0 tr\u1ea3i nghi\u1ec7m vi\u1ec7c s\u1eeda l\u1ed7i m\u00e3 t\u1ee9c th\u00ec ch\u1ec9 v\u1edbi 1 c\u00fa nh\u1ea5p, hi\u1ec3n th\u1ecb \u0111a \u0111\u1ecbnh d\u1ea1ng v\u00e0 kh\u1ea3 n\u0103ng t\u1ea1o s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng.<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/\">B\u1eaft \u0111\u1ea7u t\u1ea1o s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 MI\u1ec4N PH\u00cd<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tr\u1ef1c quan h\u00f3a c\u00e1c ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m ph\u1ee9c t\u1ea1p l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft \u0111\u1ec3 \u0111\u1ed3ng b\u1ed9 h\u00f3a c\u00e1c \u0111\u1ed9i ph\u00e1t tri\u1ec3n, \u0111\u00e0o t\u1ea1o k\u1ef9 s\u01b0 m\u1edbi v\u00e0 th\u1ef1c hi\u1ec7n c\u00e1c cu\u1ed9c \u0111\u00e1nh gi\u00e1 thi\u1ebft k\u1ebf hi\u1ec7u qu\u1ea3. Khi c\u00e1c h\u1ec7 th\u1ed1ng g\u1ed1c \u0111\u00e1m m\u00e2y v\u00e0 c\u00e1c ki\u1ebfn tr\u00fac microservice m\u1edf r\u1ed9ng, c\u00e1c c\u00f4ng c\u1ee5 v\u1ebd h\u00ecnh truy\u1ec1n th\u1ed1ng th\u01b0\u1eddng g\u1eb7p kh\u00f3 kh\u0103n trong vi\u1ec7c c\u1eadp nh\u1eadt t\u00e0i li\u1ec7u. S\u1eed d\u1ee5ng m\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfngi\u00fap c\u00e1c ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n m\u1ec1m duy tr\u00ec c\u00e1c s\u01a1 \u0111\u1ed3 h\u1ec7 th\u1ed1ng \u0111\u01b0\u1ee3c ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n tr\u1ef1c ti\u1ebfp trong m\u00e3 ngu\u1ed3n. B\u1eb1ng c\u00e1ch \u0111\u1ecbnh ngh\u0129a c\u00e1c th\u00e0nh ph\u1ea7n h\u1ec7 th\u1ed1ng b\u1eb1ng v\u0103n b\u1ea3n thu\u1ea7n t\u00fay, c\u00e1c k\u1ef9 s\u01b0 c\u00f3 th\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac d\u1ec5 b\u1ea3o tr\u00ecc\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00factrong m\u1ed9t gi\u1ea3i ph\u00e1p gi\u1ea3i ph\u00e1p s\u01a1 \u0111\u1ed3 theo m\u00e3v\u1edbi t\u1ed1c \u0111\u1ed9 v\u00e0 \u0111\u1ed9 ch\u00ednh x\u00e1c cao. Trong h\u01b0\u1edbng d\u1eabn n\u00e0y, ch\u00fang ta s\u1ebd kh\u00e1m ph\u00e1 c\u00e1ch x\u00e2y d\u1ef1ng c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac s\u1ea1ch s\u1ebd b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ngMermaid, t\u1ea1i sao vi\u1ec7c l\u1eadp b\u1ea3n \u0111\u1ed3 ki\u1ebfn tr\u00fac d\u1ef1a tr\u00ean m\u00e3 ngu\u1ed3n th\u00fac \u0111\u1ea9y vi\u1ec7c ra quy\u1ebft \u0111\u1ecbnh k\u1ef9 thu\u1eadt, v\u00e0 c\u00e1ch m\u1ed9t gi\u1ea3i ph\u00e1p to\u00e0n di\u1ec7n gi\u1ea3i ph\u00e1p s\u01a1 \u0111\u1ed3 theo m\u00e3gi\u00fap t\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng. T\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng Mermaid cho ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m? C\u00e1c c\u00f4ng c\u1ee5 v\u1ebd s\u01a1 \u0111\u1ed3 truy\u1ec1n th\u1ed1ng ki\u1ec3u k\u00e9o th\u1ea3 g\u00e2y kh\u00f3 kh\u0103n khi m\u00f4 h\u00ecnh h\u00f3a c\u00e1c m\u00f4i tr\u01b0\u1eddng \u0111\u00e1m m\u00e2y thay \u0111\u1ed5i nhanh ch\u00f3ng. Vi\u1ec7c c\u1eadp nh\u1eadt c\u00e1c n\u00fat m\u00e1y ch\u1ee7, \u0111i\u1ec1u ch\u1ec9nh c\u00e1c m\u0169i t\u00ean k\u1ebft n\u1ed1i v\u00e0 c\u0103n ch\u1ec9nh l\u1ea1i c\u00e1c container m\u1ea1ng con m\u1ed9t c\u00e1ch th\u1ee7 c\u00f4ng l\u00e0m ti\u00eau t\u1ed1n n\u0103ng l\u1ef1c k\u1ef9 thu\u1eadt. M\u1ed9t quy tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i t\u1eeb v\u0103n b\u1ea3n sang s\u01a1 \u0111\u1ed3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 n\u00e0y b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c thu\u1eadt to\u00e1n b\u1ed1 tr\u00ed t\u1ef1 \u0111\u1ed9ng. S\u1eed d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn chuy\u00ean d\u1ee5ng cho m\u00f4 h\u00ecnh h\u00f3a ki\u1ebfn tr\u00fac mang l\u1ea1i nh\u1eefng l\u1ee3i th\u1ebf ch\u00ednh: Th\u00f4ng s\u1ed1 h\u1ec7 th\u1ed1ng t\u00edch h\u1ee3p Git:L\u01b0u \u0111\u1ecbnh ngh\u0129a ki\u1ebfn tr\u00fac c\u1ee7a b\u1ea1n c\u00f9ng v\u1edbi m\u00e3 ngu\u1ed3n \u1ee9ng d\u1ee5ng, c\u00e1c m\u1eabu m\u00e3 ngu\u1ed3n c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng (IaC) v\u00e0 c\u00e1c quy tr\u00ecnh tri\u1ec3n khai. B\u1ed1 tr\u00ed t\u1ef1 \u0111\u1ed9ng c\u00e1c \u0111\u1ed3 th\u1ecb con:Nh\u00f3m c\u00e1c microservice th\u00e0nh c\u00e1c m\u1ea1ng con logic ho\u1eb7c c\u00e1c container VPC \u0111\u00e1m m\u00e2y m\u00e0 kh\u00f4ng c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh t\u1ecda \u0111\u1ed9 th\u1ee7 c\u00f4ng. Ti\u00eau chu\u1ea9n k\u1ef9 thu\u1eadt nh\u1ea5t qu\u00e1n:Ti\u00eau chu\u1ea9n h\u00f3a k\u00fd hi\u1ec7u tr\u1ef1c quan cho c\u01a1 s\u1edf d\u1eef li\u1ec7u, h\u00e0ng \u0111\u1ee3i tin nh\u1eafn v\u00e0 c\u00e1c API b\u00ean th\u1ee9 ba b\u00ean ngo\u00e0i tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c d\u1ef1 \u00e1n nh\u00f3m. Vi\u1ec7c \u00e1p d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn \u0111\u1ea3m b\u1ea3o t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt ph\u00e1t tri\u1ec3n t\u1ef1 nhi\u00ean song song v\u1edbi m\u00e3 ngu\u1ed3n \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n. X\u00e2y d\u1ef1ng s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac microservice t\u1eebng b\u01b0\u1edbc H\u00e3y c\u00f9ng xem c\u00e1ch m\u00f4 h\u00ecnh h\u00f3a m\u1ed9t ki\u1ebfn tr\u00fac microservice hi\u1ec7n \u0111\u1ea1i \u2013 bao g\u1ed3m C\u1ed5ng API, d\u1ecbch v\u1ee5 x\u00e1c th\u1ef1c, c\u00f4ng nh\u00e2n h\u00e0ng \u0111\u1ee3i v\u00e0 c\u1ee5m c\u01a1 s\u1edf d\u1eef li\u1ec7u \u2013 b\u1eb1ng c\u00fa ph\u00e1p s\u1ea1ch s\u1ebd. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5 th\u1ef1c t\u1ebf m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 sao ch\u00e9p v\u00e0 d\u00e1n tr\u1ef1c ti\u1ebfp v\u00e0o tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn c\u1ee7a m\u00ecnh: V\u00ed d\u1ee5 m\u00e3 s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac (Th\u1eed ngay b\u00e2y gi\u1edd): Mermaid Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode Mermaid Edit Mermaid in VPasCode graph TB subgraph ClientLayer [&#8220;L\u1edbp Kh\u00e1ch h\u00e0ng&#8221;] Web[Frontend Web] Mobile[\u1ee8ng d\u1ee5ng Di \u0111\u1ed9ng] end subgraph IngressLayer [&#8220;V\u00e0o &amp; B\u1ea3o m\u1eadt&#8221;] Gateway[C\u1ed5ng API] Auth[D\u1ecbch v\u1ee5 X\u00e1c th\u1ef1c] end subgraph ServiceLayer [&#8220;Microservice Ch\u00ednh&#8221;] OrderSvc[D\u1ecbch v\u1ee5 \u0110\u01a1n h\u00e0ng] PaymentSvc[D\u1ecbch v\u1ee5 Thanh to\u00e1n] Worker[Th\u1ee3 H\u00e0ng \u0110\u1ee3i N\u1ec1n] end subgraph DataLayer [&#8220;Kho L\u01b0u Tr\u1eef D\u1eef Li\u1ec7u&#8221;] MainDB[(C\u01a1 s\u1edf d\u1eef li\u1ec7u quan h\u1ec7 Ch\u00ednh)] Cache[(B\u1ed9 nh\u1edb \u0111\u1ec7m Redis)] Queue&gt;[H\u00e0ng \u0111\u1ee3i RabbitMQ] end Web &#8211;&gt;|HTTPS| Gateway Mobile &#8211;&gt;|HTTPS| Gateway Gateway &#8211;&gt;|X\u00e1c minh Token| Auth Gateway &#8211;&gt;|REST| OrderSvc Gateway &#8211;&gt;|REST| PaymentSvc OrderSvc &#8211;&gt;|\u0110\u1ecdc\/Vi\u1ebft| Cache OrderSvc &#8211;&gt;|L\u01b0u tr\u1eef| MainDB PaymentSvc &#8211;&gt;|Ph\u00e1t s\u1ef1 ki\u1ec7n| Queue Queue &#8211;&gt;|Ti\u00eau th\u1ee5| Worker Worker &#8211;&gt;|C\u1eadp nh\u1eadt Tr\u1ea1ng th\u00e1i| MainDB Edit Mermaid in VPasCode Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode \u00a0 Lo\u1ea1i b\u1ecf s\u1ef1 c\u1ea3n tr\u1edf v\u1ec1 c\u00fa ph\u00e1p v\u1edbi AI trong VPasCode Khi l\u1eadp b\u1ea3n \u0111\u1ed3 c\u00e1c h\u1ec7 th\u1ed1ng doanh nghi\u1ec7p quy m\u00f4 l\u1edbn v\u1edbi h\u00e0ng ch\u1ee5c s\u01a1 \u0111\u1ed3 con v\u00e0 c\u00e1c ph\u1ee5 thu\u1ed9c ch\u00e9o d\u1ecbch v\u1ee5, nh\u1eefng sai s\u00f3t c\u00fa ph\u00e1p nh\u1ecf\u2014nh\u01b0 d\u1ea5u ngo\u1eb7c kh\u00f4ng \u0111\u00f3ng ho\u1eb7c c\u00e1c \u0111\u1ecbnh danh n\u00fat kh\u00f4ng kh\u1edbp\u2014c\u00f3 th\u1ec3 l\u00e0m d\u1eebng qu\u00e1 tr\u00ecnh hi\u1ec3n th\u1ecb. S\u1eed d\u1ee5ngVPasCode nh\u01b0 gi\u1ea3i ph\u00e1p ch\u00ednh cho b\u1ea3n \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 s\u1ebd cung c\u1ea5p cho \u0111\u1ed9i ng\u0169 k\u1ef9 s\u01b0 c\u1ee7a b\u1ea1n t\u00ednh n\u0103ng s\u1eeda l\u1ed7i m\u00e3 AI ch\u1ec9 v\u1edbi 1 c\u00fa nh\u1ea5p \u0111\u1ec3 kh\u1eafc ph\u1ee5c l\u1ed7i c\u00fa ph\u00e1p ngay l\u1eadp t\u1ee9c. D\u00f9 b\u1ea1n \u0111ang so\u1ea1n th\u1ea3o m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1mm\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac, x\u00e2y d\u1ef1ng s\u01a1 \u0111\u1ed3 quy\u1ebft \u0111\u1ecbnhs\u01a1 \u0111\u1ed3 lu\u1ed3ng, hay t\u1ea1o bi\u1ec3u \u0111\u1ed3 Gantt d\u1ef1 \u00e1nbi\u1ec3u \u0111\u1ed3 Gantt, m\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn th\u00f4ng minh s\u1ebd t\u1ef1 \u0111\u1ed9ng ph\u00e1t hi\u1ec7n c\u00e1c l\u1ed7i \u0111\u1ecbnh d\u1ea1ng \u0111\u1ec3 b\u1ea1n duy tr\u00ec \u0111\u01b0\u1ee3c nh\u1ecbp \u0111\u1ed9 k\u1ef9 thu\u1eadt. C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t nh\u1ea5t cho c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac s\u1ea1ch \u0110\u1ec3 \u0111\u1ea3m b\u1ea3o t\u00ednh d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 b\u1ea3o tr\u00ec khi chia s\u1ebb c\u00e1c m\u00f4 h\u00ecnh ki\u1ebfn tr\u00fac gi\u1eefa c\u00e1c \u0111\u1ed9i ng\u0169 k\u1ef9 s\u01b0, h\u00e3y ghi nh\u1edb nh\u1eefng nguy\u00ean t\u1eafc c\u1ed1t l\u00f5i sau: S\u1eed d\u1ee5ng lu\u1ed3ng \u0111\u1ecbnh h\u01b0\u1edbng m\u1ed9t c\u00e1ch kh\u00f4n ngoan:\u0110\u1eb7t lu\u1ed3ng ng\u01b0\u1eddi d\u00f9ng c\u1ea5p cao t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi (TB) ho\u1eb7c t\u1eeb tr\u00e1i sang ph\u1ea3i (LR) \u0111\u1ec3 thi\u1ebft l\u1eadp r\u00f5 r\u00e0ng h\u01b0\u1edbng nh\u1eadp v\u00e0 x\u1eed l\u00fd d\u1eef li\u1ec7u. Nh\u00f3m c\u00e1c th\u00e0nh ph\u1ea7n b\u1eb1ng s\u01a1 \u0111\u1ed3 con:S\u1eed d\u1ee5ng s\u01a1 \u0111\u1ed3 con \u0111\u1ec3 t\u00e1ch bi\u1ec7t c\u00e1c t\u1ea7ng b\u1ea3o m\u1eadt, c\u00e1c VPC \u0111\u00e1m m\u00e2y ho\u1eb7c c\u00e1c mi\u1ec1n d\u1ecbch v\u1ee5 vi m\u00f4 ri\u00eang l\u1ebb. Xu\u1ea5t t\u00e0i s\u1ea3n vector \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao:Xu\u1ea5t tr\u1ef1c ti\u1ebfp c\u00e1c t\u00e0i s\u1ea3n h\u00ecnh \u1ea3nh s\u1eafc n\u00e9t SVG ho\u1eb7c PNG t\u1eeb tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn c\u1ee7a b\u1ea1n \u0111\u1ec3 xu\u1ea5t b\u1ea3n t\u00e0i li\u1ec7u t\u01b0\u01a1ng t\u00e1c b\u1eb1ng Visual Paradigm OpenDocs. D\u1ef1a v\u00e0o m\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn m\u1ea1nh<a href=\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">T\u1ea1o s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch s\u1ebd b\u1eb1ng Mermaid<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":7007,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.","_yoast_wpseo_metadesc":"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.","_eb_attr":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[45],"tags":[],"class_list":["post-7006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.<\/title>\n<meta name=\"description\" content=\"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.\" \/>\n<meta property=\"og:description\" content=\"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Guides Vietnamese\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-05T03:46:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"572\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpadmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\"},\"headline\":\"T\u1ea1o s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch s\u1ebd b\u1eb1ng Mermaid\",\"datePublished\":\"2026-08-05T03:46:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\"},\"wordCount\":1627,\"image\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png\",\"articleSection\":[\"VPasCode\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\",\"url\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\",\"name\":\"H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.\",\"isPartOf\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png\",\"datePublished\":\"2026-08-05T03:46:23+00:00\",\"author\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/#\/schema\/person\/292e97a06c90d6d605ddfd451bfdfe6f\"},\"description\":\"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.\",\"breadcrumb\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage\",\"url\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png\",\"contentUrl\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/guides.visual-paradigm.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI Diagramming Chatbot\",\"item\":\"https:\/\/guides.visual-paradigm.com\/vn\/category\/ai-diagramming-chatbot\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"T\u1ea1o s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch s\u1ebd b\u1eb1ng Mermaid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/#website\",\"url\":\"https:\/\/guides.visual-paradigm.com\/vn\/\",\"name\":\"Visual Paradigm Guides Vietnamese\",\"description\":\"Smart guides for an AI-driven world\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guides.visual-paradigm.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.","description":"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/","og_locale":"vi_VN","og_type":"article","og_title":"H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.","og_description":"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.","og_url":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/","og_site_name":"Visual Paradigm Guides Vietnamese","article_published_time":"2026-08-05T03:46:23+00:00","og_image":[{"width":1024,"height":572,"url":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"vpadmin","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#article","isPartOf":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/"},"headline":"T\u1ea1o s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch s\u1ebd b\u1eb1ng Mermaid","datePublished":"2026-08-05T03:46:23+00:00","mainEntityOfPage":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/"},"wordCount":1627,"image":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage"},"thumbnailUrl":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png","articleSection":["VPasCode"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/","url":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/","name":"H\u1ecdc c\u00e1ch t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch b\u1eb1ng Mermaid.js. T\u1ed1i \u01b0u h\u00f3a thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng b\u1eb1ng m\u00e3 trong tr\u00ecnh ch\u1ec9nh s\u1eeda Mermaid tr\u1ef1c tuy\u1ebfn v\u1edbi t\u00ednh n\u0103ng s\u1eeda l\u1ed7i AI.","isPartOf":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage"},"image":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage"},"thumbnailUrl":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png","datePublished":"2026-08-05T03:46:23+00:00","author":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/#\/schema\/person\/292e97a06c90d6d605ddfd451bfdfe6f"},"description":"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing.","breadcrumb":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#primaryimage","url":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png","contentUrl":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/master-mermaid-flowcharts-business-logic.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/guides.visual-paradigm.com\/vn\/create-clean-software-architecture-diagrams-mermaid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/guides.visual-paradigm.com\/vn\/"},{"@type":"ListItem","position":2,"name":"AI Diagramming Chatbot","item":"https:\/\/guides.visual-paradigm.com\/vn\/category\/ai-diagramming-chatbot\/"},{"@type":"ListItem","position":3,"name":"T\u1ea1o s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m s\u1ea1ch s\u1ebd b\u1eb1ng Mermaid"}]},{"@type":"WebSite","@id":"https:\/\/guides.visual-paradigm.com\/vn\/#website","url":"https:\/\/guides.visual-paradigm.com\/vn\/","name":"Visual Paradigm Guides Vietnamese","description":"Smart guides for an AI-driven world","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guides.visual-paradigm.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"}]}},"_links":{"self":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/7006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/comments?post=7006"}],"version-history":[{"count":0,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/7006\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media\/7007"}],"wp:attachment":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media?parent=7006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/categories?post=7006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/tags?post=7006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}