{"id":12177,"date":"2026-08-25T15:50:31","date_gmt":"2026-08-25T07:50:31","guid":{"rendered":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"},"modified":"2026-09-03T23:26:01","modified_gmt":"2026-09-03T15:26:01","slug":"deep-dive-review-diagram-as-code-with-mermaid-using-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","title":{"rendered":"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode"},"content":{"rendered":"<p><strong>\u2014\u2014 Chia s\u1ebb c\u00e1c ph\u01b0\u01a1ng ph\u00e1p t\u1ed1t nh\u1ea5t v\u1edbi Chatbot AI Visual Paradigm + VPasCode<\/strong><\/p>\n<p>Xin ch\u00e0o m\u1ecdi ng\u01b0\u1eddi, t\u00f4i l\u00e0 Angus. V\u1edbi t\u01b0 c\u00e1ch l\u00e0 Qu\u1ea3n l\u00fd S\u1ea3n ph\u1ea9m c\u00f3 h\u01a1n 7 n\u0103m kinh nghi\u1ec7m, t\u00f4i hi\u1ec3u r\u00f5 t\u1ea7m quan tr\u1ecdng c\u1ee7a giao ti\u1ebfp r\u00f5 r\u00e0ng. G\u1ea7n \u0111\u00e2y, trong qu\u00e1 tr\u00ecnh kh\u00e1m ph\u00e1 quy tr\u00ecnh &#8220;V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3&#8221; (DaC), t\u00f4i \u0111\u00e3 \u0111\u00e1nh gi\u00e1 s\u00e2u s\u1ef1 k\u1ebft h\u1ee3p gi\u1eefa <strong>Mermaid<\/strong> v\u1edbi <strong>Chatbot AI Visual Paradigm (VP)<\/strong> v\u00e0 <strong>VPasCode<\/strong>.<\/p>\n<p id=\"JEZJxlS\"><img alt=\"Quy tr\u00ecnh Bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng M\u00e3: Mermaid + Tr\u1ee3 l\u00fd \u1ea3o AI Visual Paradigm + VPasCode: N\u00e2ng cao Giao ti\u1ebfp v\u00e0 Hi\u1ec7u qu\u1ea3\" class=\"alignnone wp-image-20177 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd-768x429.png 768w\" width=\"1024\"\/><\/p>\n<p>H\u00f4m nay, t\u00f4i mu\u1ed1n chia s\u1ebb m\u1ed9t b\u1ea3n \u0111\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m v\u00e0 ph\u00e2n t\u00edch ch\u1ee9c n\u0103ng c\u1ee7a b\u1ed9 c\u00f4ng c\u1ee5 n\u00e0y, bao g\u1ed3m gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i, c\u00e1c kh\u00e1i ni\u1ec7m ch\u00ednh v\u00e0 c\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng th\u1ef1c t\u1ebf. M\u1ee5c ti\u00eau c\u1ee7a t\u00f4i l\u00e0 gi\u00fap b\u1ea1n c\u1ea3i thi\u1ec7n hi\u1ec7u qu\u1ea3 trong vi\u1ec7c t\u00e0i li\u1ec7u h\u00f3a, ph\u00e2n lo\u1ea1i y\u00eau c\u1ea7u v\u00e0 giao ti\u1ebfp k\u1ef9 thu\u1eadt.<\/p>\n<hr\/>\n<h2>1. B\u1ed1i c\u1ea3nh &amp; \u0110i\u1ec3m \u0111au: T\u1ea1i sao ch\u00fang ta c\u1ea7n &#8220;V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3&#8221;?<\/h2>\n<p>Trong c\u00f4ng vi\u1ec7c s\u1ea3n ph\u1ea9m truy\u1ec1n th\u1ed1ng, ch\u00fang ta th\u01b0\u1eddng s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 giao di\u1ec7n \u0111\u1ed3 h\u1ecda nh\u01b0 Visio, Lucidchart ho\u1eb7c XMind. M\u1eb7c d\u00f9 tr\u1ef1c quan, ch\u00fang c\u00f3 m\u1ed9t s\u1ed1 \u0111i\u1ec3m \u0111au r\u00f5 r\u00e0ng:<\/p>\n<ul>\n<li>\n<p><strong>Kh\u00f3 ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n<\/strong>: C\u00e1c t\u1ec7p nh\u1ecb ph\u00e2n kh\u00f4ng th\u1ec3 \u0111\u01b0\u1ee3c so s\u00e1nh b\u1eb1ng Git-diff, khi\u1ebfn vi\u1ec7c theo d\u00f5i l\u1ecbch s\u1eed thay \u0111\u1ed5i tr\u1edf n\u00ean kh\u00f3 kh\u0103n.<\/p>\n<\/li>\n<li>\n<p><strong>Chi ph\u00ed c\u1ed9ng t\u00e1c cao<\/strong>: C\u00e1c th\u00e0nh vi\u00ean trong nh\u00f3m c\u1ea7n c\u00e0i \u0111\u1eb7t ph\u1ea7n m\u1ec1m c\u1ee5 th\u1ec3 \u0111\u1ec3 xem ho\u1eb7c ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3.<\/p>\n<\/li>\n<li>\n<p><strong>\u0110\u1ed9 tr\u1ec5 b\u1ea3o tr\u00ec<\/strong>: M\u00e3 thay \u0111\u1ed5i nh\u01b0ng s\u01a1 \u0111\u1ed3 th\u00ec kh\u00f4ng, d\u1eabn \u0111\u1ebfn t\u00e0i li\u1ec7u b\u1ecb l\u1ec7ch so v\u1edbi h\u1ec7 th\u1ed1ng th\u1ef1c t\u1ebf.<\/p>\n<\/li>\n<\/ul>\n<p><strong>&#8220;V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3&#8221; (DaC)<\/strong> \u0111\u00e3 \u0111\u01b0\u1ee3c sinh ra \u0111\u1ec3 gi\u1ea3i quy\u1ebft nh\u1eefng v\u1ea5n \u0111\u1ec1 n\u00e0y. B\u1eb1ng c\u00e1ch \u0111\u1ecbnh ngh\u0129a s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u0103n b\u1ea3n, n\u00f3 mang l\u1ea1i c\u00e1c gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i sau:<\/p>\n<ul>\n<li>\n<p>\u2705\u00a0<strong>Th\u00e2n thi\u1ec7n v\u1edbi ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n<\/strong>: Qu\u1ea3n l\u00fd s\u01a1 \u0111\u1ed3 nh\u01b0 m\u00e3, h\u1ed7 tr\u1ee3 Ph\u00e2n nh\u00e1nh\/H\u1ee3p nh\u1ea5t.<\/p>\n<\/li>\n<li>\n<p>\u2705\u00a0<strong>S\u1eb5n s\u00e0ng t\u1ef1 \u0111\u1ed9ng h\u00f3a<\/strong>: C\u00f3 th\u1ec3 t\u00edch h\u1ee3p v\u00e0o quy tr\u00ecnh CI\/CD \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng t\u1ea1o c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac m\u1edbi nh\u1ea5t.<\/p>\n<\/li>\n<li>\n<p>\u2705\u00a0<strong>\u0110\u1ea3m b\u1ea3o t\u00ednh nh\u1ea5t qu\u00e1n<\/strong>: \u0110\u1ea3m b\u1ea3o phong c\u00e1ch \u0111\u1ea7u ra \u0111\u1ed3ng nh\u1ea5t trong to\u00e0n b\u1ed9 nh\u00f3m th\u00f4ng qua c\u00e1c m\u1eabu v\u00e0 ti\u00eau chu\u1ea9n m\u00e3.<\/p>\n<\/li>\n<li>\n<p>\u2705\u00a0<strong>&#8220;T\u00ednh t\u00e1i l\u1eadp&#8221;<\/strong>: Bi\u1ec3u \u0111\u1ed3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng l\u1ea1i b\u1ea5t c\u1ee9 l\u00fac n\u00e0o mi\u1ec5n l\u00e0 t\u1ec7p ngu\u1ed3n v\u1eabn t\u1ed3n t\u1ea1i.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>&#8220;2. T\u1ed5ng quan v\u1ec1 s\u1ea3n ph\u1ea9m: Mermaid l\u00e0 g\u00ec?&#8221;<\/h2>\n<p><strong>&#8220;Mermaid&#8221;<\/strong>&#8221; l\u00e0 m\u1ed9t th\u01b0 vi\u1ec7n v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u1ef1a tr\u00ean JavaScript, s\u1eed d\u1ee5ng c\u00fa ph\u00e1p v\u0103n b\u1ea3n gi\u1ed1ng Markdown \u0111\u1ec3 t\u1ea1o bi\u1ec3u \u0111\u1ed3 \u0111\u1ed9ng.<\/p>\n<h3>&#8220;\ud83d\udca1 T\u1ea1i sao ch\u1ecdn Mermaid?&#8221;<\/h3>\n<ul>\n<li>\n<p><strong>&#8220;R\u00e0o c\u1ea3n gia nh\u1eadp th\u1ea5p&#8221;<\/strong>: C\u00fa ph\u00e1p \u0111\u01a1n gi\u1ea3n, d\u1ec5 \u0111\u1ecdc \u0111\u1ed1i v\u1edbi con ng\u01b0\u1eddi.<\/p>\n<\/li>\n<li>\n<p><strong>&#8220;H\u1ec7 sinh th\u00e1i r\u1ed9ng l\u1edbn&#8221;<\/strong>: H\u1ed7 tr\u1ee3 g\u1ed1c cho GitHub, GitLab, Notion, VS Code v\u00e0 c\u00e1c n\u1ec1n t\u1ea3ng ph\u1ed5 bi\u1ebfn kh\u00e1c.<\/p>\n<\/li>\n<li>\n<p><strong>&#8220;Hi\u1ec3n th\u1ecb th\u1eddi gian th\u1ef1c&#8221;<\/strong>: Xem tr\u01b0\u1edbc t\u1ee9c th\u00ec khi s\u1eeda \u0111\u1ed5i m\u00e3, cung c\u1ea5p v\u00f2ng ph\u1ea3n h\u1ed3i ng\u1eafn.<\/p>\n<\/li>\n<li>\n<p><strong>&#8220;C\u00f3 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng cao&#8221;<\/strong>: H\u1ed7 tr\u1ee3 ch\u1ee7 \u0111\u1ec1 v\u00e0 ki\u1ec3u t\u00f9y ch\u1ec9nh.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>&#8220;3. Ph\u00e2n t\u00edch t\u00ednh n\u0103ng ch\u00ednh: C\u00e1c kh\u00e1i ni\u1ec7m c\u1ed1t l\u00f5i c\u1ee7a Mermaid&#8221;<\/h2>\n<p>&#8220;Khi s\u1eed d\u1ee5ng Mermaid, m\u1ed9t s\u1ed1 kh\u00e1i ni\u1ec7m c\u1ed1t l\u00f5i t\u1ea1o n\u00ean \u201clogic s\u1ea3n ph\u1ea9m\u201d c\u1ee7a n\u00f3:&#8221;<\/p>\n<p id=\"dvGOfWW\"><img alt=\"B\u1ea3ng t\u00f3m t\u1eaft c\u00fa ph\u00e1p Mermaid chi ti\u1ebft v\u1ec1 c\u00e1c khai b\u00e1o bi\u1ec3u \u0111\u1ed3, n\u00fat, c\u1ea1nh, h\u01b0\u1edbng b\u1ed1 c\u1ee5c v\u00e0 c\u00e1c t\u00f9y ch\u1ecdn \u0111\u1ecbnh d\u1ea1ng.\" class=\"alignnone size-full wp-image-20188\" decoding=\"async\" height=\"521\" loading=\"lazy\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3.png 986w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3-300x159.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d537baf8c3-768x406.png 768w\" width=\"986\"\/><\/p>\n<h3>&#8220;3.1 Khai b\u00e1o bi\u1ec3u \u0111\u1ed3&#8221;<\/h3>\n<p>&#8220;M\u1ecdi bi\u1ec3u \u0111\u1ed3 \u0111\u1ec1u ph\u1ea3i b\u1eaft \u0111\u1ea7u b\u1eb1ng m\u1ed9t khai b\u00e1o lo\u1ea1i, ch\u1eb3ng h\u1ea1n nh\u01b0&#8221;<code data-backticks=\"1\">\"graph TD\"<\/code>&#8220;. \u0110i\u1ec1u n\u00e0y t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi vi\u1ec7c x\u00e1c \u0111\u1ecbnh \u201cch\u1ebf \u0111\u1ed9\u201d c\u1ee7a s\u1ea3n ph\u1ea9m.<\/p>\n<h3>&#8220;3.2 N\u00fat v\u00e0 c\u1ea1nh&#8221;<\/h3>\n<ul>\n<li>\n<p><strong>&#8220;N\u00fat&#8221;<\/strong>: \u0110\u1ea1i di\u1ec7n cho c\u00e1c th\u1ef1c th\u1ec3, c\u00e1c b\u01b0\u1edbc quy tr\u00ecnh ho\u1eb7c tr\u1ea1ng th\u00e1i.<\/p>\n<\/li>\n<li>\n<p><strong>&#8220;C\u1ea1nh&#8221;<\/strong>: X\u00e1c \u0111\u1ecbnh m\u1ed1i quan h\u1ec7 v\u00e0 lu\u1ed3ng d\u1eef li\u1ec7u gi\u1eefa c\u00e1c n\u00fat.<\/p>\n<\/li>\n<\/ul>\n<h3>&#8220;3.3 H\u01b0\u1edbng b\u1ed1 c\u1ee5c&#8221;<\/h3>\n<p>&#8220;Ki\u1ec3m so\u00e1t lu\u1ed3ng tr\u1ef1c quan \u0111\u1ec3 th\u00edch \u1ee9ng v\u1edbi c\u00e1c th\u00f3i quen \u0111\u1ecdc kh\u00e1c nhau:&#8221;<\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">\"TD\"<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">\"TB\"<\/code>: T\u1eeb tr\u00ean xu\u1ed1ng (m\u1eb7c \u0111\u1ecbnh, ph\u00f9 h\u1ee3p cho s\u01a1 \u0111\u1ed3 lu\u1ed3ng)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">LR<\/code>: T\u1eeb tr\u00e1i sang ph\u1ea3i (ph\u00f9 h\u1ee3p cho bi\u1ec3u \u0111\u1ed3 th\u1eddi gian ho\u1eb7c chu\u1ed7i)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">BT<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">RL<\/code>: T\u1eeb d\u01b0\u1edbi l\u00ean \/ T\u1eeb ph\u1ea3i sang tr\u00e1i<\/p>\n<\/li>\n<\/ul>\n<h3>3.4 Ng\u1eef ngh\u0129a h\u00ecnh d\u1ea1ng n\u00fat<\/h3>\n<p>C\u00e1c h\u00ecnh d\u1ea1ng kh\u00e1c nhau truy\u1ec1n t\u1ea3i c\u00e1c \u00fd ngh\u0129a kinh doanh kh\u00e1c nhau:<\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">[ ]<\/code>: H\u00ecnh ch\u1eef nh\u1eadt (b\u01b0\u1edbc th\u00f4ng th\u01b0\u1eddng)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">( )<\/code>: H\u00ecnh ch\u1eef nh\u1eadt bo tr\u00f2n (b\u1eaft \u0111\u1ea7u\/k\u1ebft th\u00fac)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">(( ))<\/code>: H\u00ecnh tr\u00f2n (s\u1ef1 ki\u1ec7n)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">{ }<\/code>: H\u00ecnh thoi (\u0111i\u1ec3m quy\u1ebft \u0111\u1ecbnh)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">[\/ \/]<\/code>: H\u00ecnh b\u00ecnh h\u00e0nh (nh\u1eadp\/xu\u1ea5t)<\/p>\n<\/li>\n<\/ul>\n<h3>3.5 Lo\u1ea1i c\u1ea1nh<\/h3>\n<ul>\n<li>\n<p><code data-backticks=\"1\">--&gt;<\/code>: M\u0169i t\u00ean li\u1ec1n<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">---<\/code>: \u0110\u01b0\u1eddng kh\u00f4ng m\u0169i t\u00ean<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">-.-&gt;<\/code>: M\u0169i t\u00ean ch\u1ea5m (th\u01b0\u1eddng ch\u1ec9 b\u00e1o b\u1ea5t \u0111\u1ed3ng b\u1ed9 ho\u1eb7c t\u00f9y ch\u1ecdn)<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">==&gt;<\/code>: M\u0169i t\u00ean \u0111\u1eadm (nh\u1ea5n m\u1ea1nh \u0111\u01b0\u1eddng ch\u00ednh)<\/p>\n<\/li>\n<\/ul>\n<h3>3.6 \u0110\u1ed3 th\u1ecb con<\/h3>\n<p>\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 m\u00f4-\u0111un h\u00f3a v\u00e0 nh\u00f3m c\u00e1c h\u1ec7 th\u1ed1ng ph\u1ee9c t\u1ea1p, c\u1ea3i thi\u1ec7n kh\u1ea3 n\u0103ng \u0111\u1ecdc v\u00e0 th\u1ee9 b\u1eadc logic.<\/p>\n<h3>3.7 \u0110\u1ecbnh d\u1ea1ng<\/h3>\n<p>H\u1ed7 tr\u1ee3 c\u00fa ph\u00e1p gi\u1ed1ng CSS, cho ph\u00e9p t\u00f9y ch\u1ec9nh m\u00e0u s\u1eafc, vi\u1ec1n v\u00e0 ph\u00f4ng ch\u1eef \u0111\u1ec3 \u0111\u00e1p \u1ee9ng c\u00e1c h\u01b0\u1edbng d\u1eabn v\u1ec1 th\u01b0\u01a1ng hi\u1ec7u.<\/p>\n<hr\/>\n<h2>4. Thi\u1ebft l\u1eadp m\u00f4i tr\u01b0\u1eddng &amp; T\u00edch h\u1ee3p: L\u1ee3i th\u1ebf c\u1ee7a h\u1ec7 sinh th\u00e1i Visual Paradigm<\/h2>\n<p>M\u1eb7c d\u00f9 Mermaid c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong b\u1ea5t k\u1ef3 tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n n\u00e0o, vi\u1ec7c k\u1ebft h\u1ee3p n\u00f3 v\u1edbi <strong>Visual Paradigm (VP)<\/strong> c\u00f4ng c\u1ee5 s\u1ebd t\u0103ng c\u01b0\u1eddng \u0111\u00e1ng k\u1ec3 tr\u1ea3i nghi\u1ec7m.<\/p>\n<h3>\ud83d\udee0\ufe0f B\u1ed9 c\u00f4ng c\u1ee5 \u0111\u01b0\u1ee3c khuy\u1ebfn ngh\u1ecb: Chatbot AI Visual Paradigm + VPasCode<\/h3>\n<p><strong>Visual Paradigm<\/strong> cung c\u1ea5p h\u1ed7 tr\u1ee3 m\u1ea1nh m\u1ebd \u1edf c\u1ea5p \u0111\u1ed9 doanh nghi\u1ec7p, trong khi <strong>VPasCode<\/strong> plugin \u0111\u00f3ng vai tr\u00f2 l\u00e0 c\u1ea7u n\u1ed1i gi\u1eefa giao di\u1ec7n \u0111\u1ed3 h\u1ecda (GUI) v\u00e0 m\u00e3 ngu\u1ed3n.<\/p>\n<hr\/>\n<h2>5. B\u1eaft \u0111\u1ea7u: C\u00fa ph\u00e1p c\u01a1 b\u1ea3n<\/h2>\n<p>H\u00e3y xem m\u1ed9t v\u00ed d\u1ee5 s\u01a1 \u0111\u1ed3 lu\u1ed3ng \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 hi\u1ec3u &#8220;c\u1ea5u tr\u00fac m\u00e3&#8221; c\u1ee7a n\u00f3:<\/p>\n<p id=\"uqGQPgN\"><img alt=\"V\u00ed d\u1ee5 s\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid trong VPasCode hi\u1ec3n th\u1ecb c\u00e1c \u0111\u01b0\u1eddng d\u1eabn B\u1eaft \u0111\u1ea7u, Quy\u1ebft \u0111\u1ecbnh v\u00e0 G\u1ee1 l\u1ed7i\" class=\"alignnone size-full wp-image-20163\" decoding=\"async\" height=\"876\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-768x351.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49adec69c-1536x701.png 1536w\" width=\"1919\"\/><\/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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" 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\">\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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" 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\/editor\/#mermaid:eNpLL0osyFAIceFSAALHaO+Mh7vnZyocmfhw1\/LSWAVdXTsFp2q\/w5sVkoE4I\/\/hroUlIMndM\/PS7WvBepxAimqcD2+uUXCODimtfLi7vUSh7OHuuZmKsUgKvDMOb8lLr1FwiXZJTSpNh0i5QCwAAIfLMO0=\" \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\">graph TD\n    A[Kh\u1edfi \u0111\u1ea7u] --&gt; B{N\u00f3 c\u00f3 ho\u1ea1t \u0111\u1ed9ng?}\n    B --&gt;|C\u00f3| C[Tuy\u1ec7t v\u1eddi!]\n    B --&gt;|Kh\u00f4ng| D[Debug]\n    D --&gt; B\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceFSAALHaO+Mh7vnZyocmfhw1\/LSWAVdXTsFp2q\/w5sVkoE4I\/\/hroUlIMndM\/PS7WvBepxAimqcD2+uUXCODimtfLi7vUSh7OHuuZmKsUgKvDMOb8lLr1FwiXZJTSpNh0i5QCwAAIfLMO0=\" \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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07Badqz2KFzBKF8vyi7My8dPtaiBonkGRNZGpxjYJztHtRamKJYiyyjF9+jYJLtEtqUmk6VNwFYhwAWaYcuw==\" 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><strong>Ph\u00e2n t\u00edch m\u00e3:<\/strong><\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">graph TD<\/code>: X\u00e1c \u0111\u1ecbnh m\u1ed9t s\u01a1 \u0111\u1ed3 lu\u1ed3ng theo h\u01b0\u1edbng t\u1eeb tr\u00ean xu\u1ed1ng.<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">A[Kh\u1edfi \u0111\u1ea7u]<\/code>: N\u00fat c\u00f3 ID &#8216;A&#8217;, hi\u1ec3n th\u1ecb v\u0103n b\u1ea3n &#8216;Kh\u1edfi \u0111\u1ea7u&#8217;.<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">--&gt;<\/code>: X\u00e1c \u0111\u1ecbnh h\u01b0\u1edbng lu\u1ed3ng.<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">B{...}<\/code>: N\u00fat h\u00ecnh thoi, \u0111\u1ea1i di\u1ec7n cho m\u1ed9t quy\u1ebft \u0111\u1ecbnh.<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">|C\u00f3|<\/code>: Nh\u00e3n tr\u00ean \u0111\u01b0\u1eddng n\u1ed1i.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>6. C\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng d\u1ef1a tr\u00ean k\u1ecbch b\u1ea3n: C\u00e1c lo\u1ea1i bi\u1ec3u \u0111\u1ed3 ph\u1ed5 bi\u1ebfn<\/h2>\n<p>V\u1edbi t\u01b0 c\u00e1ch l\u00e0 c\u00e1c nh\u00e0 qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m (PM), ch\u00fang ta th\u01b0\u1eddng xuy\u00ean c\u1ea7n v\u1ebd c\u00e1c lo\u1ea1i bi\u1ec3u \u0111\u1ed3 kh\u00e1c nhau. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e1c k\u1ecbch b\u1ea3n \u1ee9ng d\u1ee5ng ph\u1ed5 bi\u1ebfn cho Mermaid:<\/p>\n<h3>6.1 Bi\u1ec3u \u0111\u1ed3 lu\u1ed3ng<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: \u0110\u0103ng nh\u1eadp ng\u01b0\u1eddi d\u00f9ng, lu\u1ed3ng x\u1eed l\u00fd \u0111\u01a1n h\u00e0ng<br \/>\n<\/em><\/p>\n<p id=\"wvBvjha\"><img alt=\"S\u01a1 \u0111\u1ed3 lu\u1ed3ng Mermaid trong VPasCode hi\u1ec3n th\u1ecb quy tr\u00ecnh \u0111\u0103ng nh\u1eadp ng\u01b0\u1eddi d\u00f9ng, x\u00e1c th\u1ef1c th\u00f4ng tin \u0111\u0103ng nh\u1eadp v\u00e0 logic truy c\u1eadp b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n.\" class=\"alignnone size-full wp-image-20165\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49d40f1d5-1536x699.png 1536w\" width=\"1915\"\/><\/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\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" 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\">\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\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" 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\/editor\/#mermaid:eNpLL0osyFDwCeJSAALH6CMTjjTnpSvkZTzctbZAIS\/92IaHu+dmKqQc3pmXHqugq2un4BQdcXhhskJJxsPdG0HU4S1A9SWZeQpHJiJpjQWb5wTSUePxcPfiAoWch7vbaxSco8MOL8hXSHq4azFQ7ZGJmQ93N5YqZGcA6eY8ZE3eEIMzkPS6RHuAlYHt7oZZnXR4YT5IwfRMiHYXsCsdAURfW8A=\" \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\">graph LR\n    A[\u0110\u0103ng nh\u1eadp ng\u01b0\u1eddi d\u00f9ng] --&gt; B[X\u00e1c th\u1ef1c th\u00f4ng tin \u0111\u0103ng nh\u1eadp]\n    B --&gt;|H\u1ee3p l\u1ec7| C[V\u00e0o b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n]\n    B --&gt;|Kh\u00f4ng h\u1ee3p l\u1ec7| D[Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o l\u1ed7i]\n    D --&gt; A\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeJSAALH6CMTjjTnpSvkZTzctbZAIS\/92IaHu+dmKqQc3pmXHqugq2un4BQdcXhhskJJxsPdG0HU4S1A9SWZeQpHJiJpjQWb5wTSUePxcPfiAoWch7vbaxSco8MOL8hXSHq4azFQ7ZGJmQ93N5YqZGcA6eY8ZE3eEIMzkPS6RHuAlYHt7oZZnXR4YT5IwfRMiHYXsCsdAURfW8A=\" \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\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCeLlUgACx+jQ4tQiBZ\/89My8WAVdXTsFp+iwxJzMlMSSVAXnotSU1LySzMSc4liIcieQkhqwghoF52jXvBKgZpfE4oyk\/MSiFBRFnnllEGUu0cEZ+eUKrkVF+UUKvqnFxYnpqVCVLmAbHQHkWSvt\" 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<h3>6.2 Bi\u1ec3u \u0111\u1ed3 tr\u00ecnh t\u1ef1<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: T\u01b0\u01a1ng t\u00e1c API, g\u1ecdi d\u1ecbch v\u1ee5 vi m\u00f4<br \/>\n<\/em><\/p>\n<p id=\"OGiznZz\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 tr\u00ecnh t\u1ef1 Mermaid trong VPasCode minh h\u1ecda c\u00e1c t\u01b0\u01a1ng t\u00e1c API gi\u1eefa Ng\u01b0\u1eddi d\u00f9ng, API Gateway v\u00e0 C\u01a1 s\u1edf d\u1eef li\u1ec7u.\" class=\"alignnone size-full wp-image-20166\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b.png 1918w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d49f6ea32b-1536x699.png 1536w\" width=\"1918\"\/><\/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\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" 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\">\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\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" 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\/editor\/#mermaid:eNorTi0sTc1LTnXJTEwvSszlUgCCgsSikszkzILEvBIFv\/RjGx7unpupkHJ4Z146hrRjgKd7YklqeWIlhpTzsYUKxQ93z1dIebh7vUJO5sPd7aVgRWAC1VxdOzuESVYKkYdXlSokP9y1vBRDM0IZUA82K6wUQopKKxXKHu5amqeQ9HDX4jyF9IxMsF5synXRrA4pAmoB6t7dqJD9cNf+EoXCUqAAutVATagesFJwf7h7baZCQQbYxoyHuydnAgBndZIg\" \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\">sequenceDiagram\n    participant Ng\u01b0\u1eddi d\u00f9ng\n    participant APIGateway\n    participant C\u01a1 s\u1edf d\u1eef li\u1ec7u\n    \n    Ng\u01b0\u1eddi d\u00f9ng-&gt;&gt;APIGateway: Y\u00eau c\u1ea7u d\u1eef li\u1ec7u\n    APIGateway-&gt;&gt;C\u01a1 s\u1edf d\u1eef li\u1ec7u: Truy v\u1ea5n b\u1ea3n ghi\n    C\u01a1 s\u1edf d\u1eef li\u1ec7u--&gt;&gt;APIGateway: Tr\u1ea3 v\u1ec1 k\u1ebft qu\u1ea3\n    APIGateway--&gt;&gt;Ng\u01b0\u1eddi d\u00f9ng: G\u1eedi ph\u1ea3n h\u1ed3i\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTi0sTc1LTnXJTEwvSszlUgCCgsSikszkzILEvBIFv\/RjGx7unpupkHJ4Z146hrRjgKd7YklqeWIlhpTzsYUKxQ93z1dIebh7vUJO5sPd7aVgRWAC1VxdOzuESVYKkYdXlSokP9y1vBRDM0IZUA82K6wUQopKKxXKHu5amqeQ9HDX4jyF9IxMsF5synXRrA4pAmoB6t7dqJD9cNf+EoXCUqAAutVATagesFJwf7h7baZCQQbYxoyHuydnAgBndZIg\" \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\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljj0KwzAMRvdC7+AL5AIeAoVAydYfegDVEcWQOq4kE3L7yoiQwR5k0Pf0JMZfwRRwiPAh+J5PTl8GkhhihiTuxUht93IbryC4wtZmAwi8gdESq9XS9f0x5t2jbmbDDTpSRXeLd\/eCtCkeFpoM3LOuUUqhpB+XWbiRKl3v8O6JaapUXhLjHyLGUYU=\" 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<h3>6.3 Bi\u1ec3u \u0111\u1ed3 l\u1edbp<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: Thi\u1ebft k\u1ebf m\u00f4 h\u00ecnh mi\u1ec1n, s\u1eafp x\u1ebfp quan h\u1ec7 \u0111\u1ed1i t\u01b0\u1ee3ng<br \/>\n<\/em><\/p>\n<p id=\"ELqcWnQ\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 l\u1edbp Mermaid trong VPasCode hi\u1ec3n th\u1ecb m\u1ed1i quan h\u1ec7 gi\u1eefa Qu\u1ea3n l\u00fd S\u1ea3n ph\u1ea9m v\u00e0 Nh\u00f3m Scrum.\" class=\"alignnone size-full wp-image-20167\" decoding=\"async\" height=\"872\" loading=\"lazy\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8.png 1919w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a191cec8-1536x698.png 1536w\" width=\"1919\"\/><\/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\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" 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\">\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\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" 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\/editor\/#mermaid:eNpljzsKwkAQhntPsaUiuYCFhQ+wUAmJFpbjZFgXsw9mNyqIhxGPYelJvIlJELLoX0wxH8P3D5bg\/UyBZNA9UQebhUjZFhWGFRiQxOLaoibDPLAyUqxBU7dUJoj5xRErMkg7AvYdnDJBoMxCocH1BxGwppFsPXFGvj7Cwxff2hn1yZErvSHQcZWl8kGsSO8p1uWuLhjSEoypi8a+jE6KzhPAY2nlv+nn5yQZR9qRWLyfDyfC644fn8ZZiQ==\" \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\">classDiagram\n    class ProductManager {\n        +String Name\n        +int ExperienceYears\n        +CreateRoadmap()\n        +ConductUserResearch()\n    }\n    \n    class ScrumTeam {\n        +List Members\n        +SprintPlanning()\n        +ReviewBacklog()\n    }\n    \n    ProductManager --&gt; ScrumTeam : H\u1ee3p t\u00e1c\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpljzsKwkAQhntPsaUiuYCFhQ+wUAmJFpbjZFgXsw9mNyqIhxGPYelJvIlJELLoX0wxH8P3D5bg\/UyBZNA9UQebhUjZFhWGFRiQxOLaoibDPLAyUqxBU7dUJoj5xRErMkg7AvYdnDJBoMxCocH1BxGwppFsPXFGvj7Cwxff2hn1yZErvSHQcZWl8kGsSO8p1uWuLhjSEoypi8a+jE6KzhPAY2nlv+nn5yQZR9qRWLyfDyfC644fn8ZZiQ==\" \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\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkL0KwkAQhHvBd9hSkbyAhYXRzkhItLDcXJbz8H7C3kUF8d29EISLOM3CDMs3u0Kj9zuFktHMZxAlBgdKdm0vQoEWJTG8xmzQqg6srIQjGkpcZQPsnx2xIivoQsg+SXMmDFQ5bA12i2WaODuAzp64Ih\/XxPWbv8eR1qoF9+ZEaCaNDsoHKMg0NIHWXSwaSo3WxsITakV3RY8tipt28i\/v5wFZtknga8id1tg4jlf5Dy7dWcg=\" 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<h3>6.4 Bi\u1ec3u \u0111\u1ed3 tr\u1ea1ng th\u00e1i<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: Chuy\u1ec3n \u0111\u1ed5i tr\u1ea1ng th\u00e1i \u0111\u01a1n h\u00e0ng, quy tr\u00ecnh ph\u00ea duy\u1ec7t<br \/>\n<\/em><\/p>\n<p id=\"mnRDgmO\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 tr\u1ea1ng th\u00e1i Mermaid trong VPasCode minh h\u1ecda c\u00e1c chuy\u1ec3n \u0111\u1ed5i tr\u1ea1ng th\u00e1i \u0111\u01a1n h\u00e0ng t\u1eeb D\u1ef1 th\u1ea3o sang \u0110\u00e3 ph\u00ea duy\u1ec7t v\u00e0 \u0110\u00e3 xu\u1ea5t b\u1ea3n.\" class=\"alignnone size-full wp-image-20168\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a4528df1-1536x700.png 1536w\" width=\"1911\"\/><\/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\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" 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\">\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\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" 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\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl4e7NyqUZDzctTgfIoEkAFZwZEJiXrpCRWquQsXhlSUKVgruD3evzYSoRZMDKQ\/IOLxKIaW08uHudpDiIxMe7lpYglM1smVWCiEPd69WSM54uHtipsKRiQ93NwOlEivBzKlQG1GMB5ngfHgL0NAkoB6gAQgORDWSJEgt0M8AmcBqjA==\" \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\">stateDiagram-v2\r\n    [*] --&gt; D\u1ef1 th\u1ea3o\r\n    D\u1ef1 th\u1ea3o --&gt; \u0110ang xem x\u00e9t : G\u1eedi\r\n    \u0110ang xem x\u00e9t --&gt; Ph\u00ea duy\u1ec7t : \u0110\u1ea1t\r\n    \u0110ang xem x\u00e9t --&gt; D\u1ef1 th\u1ea3o : T\u1eeb ch\u1ed1i \u0111\u1ec3 thay \u0111\u1ed5i\r\n    Ph\u00ea duy\u1ec7t --&gt; C\u00f4ng b\u1ed1 : C\u00f4ng b\u1ed1\r\n    C\u00f4ng b\u1ed1 --&gt; [*]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl4e7NyqUZDzctTgfIoEkAFZwZEJiXrpCRWquQsXhlSUKVgruD3evzYSoRZMDKQ\/IOLxKIaW08uHudpDiIxMe7lpYglM1smVWCiEPd69WSM54uHtipsKRiQ93NwOlEivBzKlQG1GMB5ngfHgL0NAkoB6gAQgORDWSJEgt0M8AmcBqjA==\" \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\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLkksSXXJTEwvSszVLTPi5VIAgmitWAVdXTsFl6LEtBKIEJgJFgzNS0ktCkoty0wtV7BSCC5Nys2EqkGWAal0LCgoyi9LTQEqC0gsLsauCGKwlUJQalZqcolCWn6RgnNGYl56KlQ93BCQ4oDSpJzM4gyIkRA2RBVCAqQM6H4ADE5AVg==\" 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<h3>6.5 Bi\u1ec3u \u0111\u1ed3 quan h\u1ec7 th\u1ef1c th\u1ec3 (ERD)<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: Thi\u1ebft k\u1ebf c\u01a1 s\u1edf d\u1eef li\u1ec7u, m\u00f4 h\u00ecnh h\u00f3a d\u1eef li\u1ec7u<\/em><\/p>\n<p id=\"XibenPl\"><img alt=\"S\u01a1 \u0111\u1ed3 quan h\u1ec7 th\u1ef1c th\u1ec3 (ERD) Mermaid trong VPasCode tr\u1ef1c quan h\u00f3a c\u00e1c m\u1ed1i quan h\u1ec7 l\u01b0\u1ee3c \u0111\u1ed3 c\u01a1 s\u1edf d\u1eef li\u1ec7u gi\u1eefa Ng\u01b0\u1eddi d\u00f9ng, \u0110\u01a1n h\u00e0ng v\u00e0 S\u1ea3n ph\u1ea9m.\" class=\"alignnone size-full wp-image-20169\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1922px) 100vw, 1922px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031.png 1922w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-1024x464.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-768x348.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4a8334031-1536x695.png 1536w\" width=\"1922\"\/><\/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\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" 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\">\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\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" 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\/editor\/#mermaid:eNpLLXLJTEwvSszl5VIAgtBg1yCFmhpd3fxqhSMTji3wU\/A43ODnrmAF5D3ctb0EogpZBqS4ploh+OGuRX4KAR4Pd63wBap2zni4e2UikpnVEDYIZOaVKGSmIPjFJUWZeekKeYm5qRiCqbmJmTkQ0VoI5R\/kgt+4lMSSVIX8opTUIhcgCyGelpOfWKJQkl+SmOOYm1+aB\/VLLQBwBUuS\" \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\">erDiagram\r\n    USER ||--o{ \u0110\u01a0N H\u00c0NG : \u0110\u1eb7t\r\n    \u0110\u01a0N H\u00c0NG ||--|{ S\u1ea2N PH\u1ea8M : Ch\u1ee9a\r\n    USER {\r\n        int id\r\n        string name\r\n        string email\r\n    }\r\n    ORDER {\r\n        int id\r\n        date orderDate\r\n        float totalAmount\r\n    }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLLXLJTEwvSszl5VIAgtBg1yCFmhpd3fxqhSMTji3wU\/A43ODnrmAF5D3ctb0EogpZBqS4ploh+OGuRX4KAR4Pd63wBap2zni4e2UikpnVEDYIZOaVKGSmIPjFJUWZeekKeYm5qRiCqbmJmTkQ0VoI5R\/kgt+4lMSSVIX8opTUIhcgCyGelpOfWKJQkl+SmOOYm1+aB\/VLLQBwBUuS\" \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\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jUEKwzAMBO+F\/kEfyAd6K3HPCW7zAFGrQWDLYKunOH+vgwsJFLqn3dGyomQY54ThfIKq6X6zUErXxQUGa2q4wOjxSbndG9sKZYHRDmbqH7XSR1FkyYeRpflNLArs9pw1scwgGOgHUkD2ja7Hl3\/mHCpBTI6SqW7nLx9RQaOiv4b4Fv3OfgAGLj4h\" 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<h3>6.6 Bi\u1ec3u \u0111\u1ed3 Gantt<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: L\u1eadp l\u1ecbch d\u1ef1 \u00e1n, hi\u1ec3n th\u1ecb l\u1ed9 tr\u00ecnh<br \/>\n<\/em><\/p>\n<p id=\"xsaqPUB\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 Gantt Mermaid trong VPasCode hi\u1ec3n th\u1ecb l\u1ed9 tr\u00ecnh ph\u00e1t tri\u1ec3n s\u1ea3n ph\u1ea9m v\u1edbi c\u00e1c giai \u0111o\u1ea1n l\u1eadp k\u1ebf ho\u1ea1ch, ph\u00e1t tri\u1ec3n v\u00e0 ki\u1ec3m th\u1eed.\" class=\"alignnone size-full wp-image-20170\" decoding=\"async\" height=\"876\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-300x138.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-1024x469.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-768x352.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4aaf64d8d-1536x704.png 1536w\" width=\"1911\"\/><\/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\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" 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\">\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\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" 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\/editor\/#mermaid:eNp9jzFOwzAYhXck7vAO0EhpmjKwgaoi1FYqEgyMlhPVVhqnSv8OzJygI2NhQCByAWdgMBfxTXBigRJU8cuL\/\/97T++tmCI6PYEbkrROMbf1E6g0H0pgI8yB3Efa+lFha\/WLcjur33KvSBil06LMGQH3boLFIphM\/G2bcpKFwpVkEl\/7wuqDwtrqaoPM6k+IZsOFh5fCPCuQqbjAg3nfgVv9umsuOI\/C6CwIh+4NMAoTL7gV0pmQt7q7Brps1LLRD3s0Sa\/ab4hO20vGs1Qlfd\/heIB4nBzjp2Wh6I9g1AaJ\/w2SNfIcJGxdeWzW2eDmot8tbjO4bt8anpjO\" \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\">gantt\r\n    title L\u1ed9 tr\u00ecnh ph\u00e1t tri\u1ec3n s\u1ea3n ph\u1ea9m\r\n    dateFormat  YYYY-MM-DD\r\n    section Giai \u0111o\u1ea1n l\u1eadp k\u1ebf ho\u1ea1ch\r\n    Ph\u00e2n t\u00edch y\u00eau c\u1ea7u     :2026-01-01, 30d\r\n    Thi\u1ebft k\u1ebf UI       :2026-02-01, 20d\r\n    section Giai \u0111o\u1ea1n ph\u00e1t tri\u1ec3n\r\n    Ph\u00e1t tri\u1ec3n Backend     :2026-02-15, 45d\r\n    Ph\u00e1t tri\u1ec3n Frontend     :2026-03-01, 40d\r\n    section Giai \u0111o\u1ea1n ki\u1ec3m th\u1eed\r\n    Ki\u1ec3m th\u1eed QA       :2026-04-15, 20d\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jzFOwzAYhXck7vAO0EhpmjKwgaoi1FYqEgyMlhPVVhqnSv8OzJygI2NhQCByAWdgMBfxTXBigRJU8cuL\/\/97T++tmCI6PYEbkrROMbf1E6g0H0pgI8yB3Efa+lFha\/WLcjur33KvSBil06LMGQH3boLFIphM\/G2bcpKFwpVkEl\/7wuqDwtrqaoPM6k+IZsOFh5fCPCuQqbjAg3nfgVv9umsuOI\/C6CwIh+4NMAoTL7gV0pmQt7q7Brps1LLRD3s0Sa\/ab4hO20vGs1Qlfd\/heIB4nBzjp2Wh6I9g1AaJ\/w2SNfIcJGxdeWzW2eDmot8tbjO4bt8anpjO\" \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\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptj8EKwjAQRO+C\/7AfYKGm1YM3pRQ8CFXqwWNolhpMN5psBf\/etFWp4pLTztuZSS2JeTqBMKzZIBTOqrZiyPCOxl4bJIZSN2g04cApyZhb10gGOIWJdrsoywbNY8XaEhRGEmmqoThL\/7o74K3VDjtHD2uS5uG17wRYiVgso3ge3gySWA38cRtKeF0TwJgSPSXe1Dtx3HcUupHVBUl18rfJfDGDdPEyyZ0l\/oMlfVb6m1Wi55\/P7def7VfbtA8KbZ8Lz2F+\" 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<h3>6.7 Bi\u1ec3u \u0111\u1ed3 tr\u00f2n<\/h3>\n<p><em>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng: Ph\u00e2n b\u1ed5 ngu\u1ed3n l\u1ef1c, ph\u00e2n t\u00edch ph\u00e2n ph\u1ed1i th\u1eddi gian<br \/>\n<\/em><\/p>\n<p id=\"QgVNCJC\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 tr\u00f2n Mermaid trong VPasCode hi\u1ec3n th\u1ecb ph\u00e2n b\u1ed5 th\u1eddi gian l\u00e0m vi\u1ec7c cho Nghi\u00ean c\u1ee9u Ng\u01b0\u1eddi d\u00f9ng, L\u1eadp k\u1ebf ho\u1ea1ch L\u1ed9 tr\u00ecnh v\u00e0 Ph\u00e2n t\u00edch D\u1eef li\u1ec7u.\" class=\"alignnone size-full wp-image-20171\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-1024x468.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-768x351.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4acc1aa6f-1536x701.png 1536w\" width=\"1914\"\/><\/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\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" 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\">\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\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" 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\/editor\/#mermaid:eNpVjjEKwkAQRXvBO3w8gQo21haCQSxygbhKdlHXKEmuYGVpISIkdoqiYGW2sBjwHnMT1zUWTvnn8f6P1BixiqdjDCQdNIZsNvAlm71CqAINj7IZUsVmJaoV2Kv1Q6nopCHYHBP0w9fN0SN66LCGNpqtEvS4uESYcPGEnHORCwmPzRbxks5aOrReol026wgpm52CoFxg+GmYup5FEugP3Ph5v0tjulhhh83VcnZe8if0KVNlDkn3wAl+z560Fd\/kDSvIYeA=\" \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\">pie title Ph\u00e2n b\u1ed5 Th\u1eddi gian L\u00e0m vi\u1ec7c\r\n    \"Nghi\u00ean c\u1ee9u Ng\u01b0\u1eddi d\u00f9ng\" : 25\r\n    \"L\u1eadp k\u1ebf ho\u1ea1ch L\u1ed9 tr\u00ecnh\" : 20\r\n    \"H\u1ecdp v\u1edbi c\u00e1c b\u00ean li\u00ean quan\" : 15\r\n    \"Ph\u00e2n t\u00edch D\u1eef li\u1ec7u\" : 20\r\n    \"T\u00e0i li\u1ec7u h\u00f3a\" : 10\r\n    \"Kh\u00e1c\" : 10\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVjjEKwkAQRXvBO3w8gQo21haCQSxygbhKdlHXKEmuYGVpISIkdoqiYGW2sBjwHnMT1zUWTvnn8f6P1BixiqdjDCQdNIZsNvAlm71CqAINj7IZUsVmJaoV2Kv1Q6nopCHYHBP0w9fN0SN66LCGNpqtEvS4uESYcPGEnHORCwmPzRbxks5aOrReol026wgpm52CoFxg+GmYup5FEugP3Ph5v0tjulhhh83VcnZe8if0KVNlDkn3wAl+z560Fd\/kDSvIYeA=\" \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\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVzrEKwkAMgOFd8B1Cn0AFF7dCV1FaxTlcgxeay5W7OPj2nmc7mDFffsjMBMYmBI+YJrhxIGhFokPjqNsNlGnumRL0lAmT8w2c4HBcpI84BpzhKqjK+qy4W3AwnMhHGUt9JrLi+XuwX+sODaFVlHfm\/Jd20b0CqdUvarPKxTyl3+YDdjk0fQ==\" 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<hr\/>\n<h2>7. \u0110\u00e1nh gi\u00e1 T\u00ednh n\u0103ng N\u00e2ng cao: T\u1ea1o ki\u1ec3u, Nh\u00e1nh con v\u00e0 T\u01b0\u01a1ng t\u00e1c<\/h2>\n<h3>7.1 Nh\u00e1nh con \u2013 T\u01b0 duy M\u00f4-\u0111un<\/h3>\n<p>Khi h\u1ec7 th\u1ed1ng ph\u1ee9c t\u1ea1p, h\u00e3y s\u1eed d\u1ee5ng nh\u00e1nh con \u0111\u1ec3 chia c\u00e1c s\u01a1 \u0111\u1ed3 l\u1edbn th\u00e0nh c\u00e1c kh\u1ed1i logic.<\/p>\n<p id=\"vSPaiqV\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 Mermaid trong VPasCode minh h\u1ecda vi\u1ec7c s\u1eed d\u1ee5ng c\u00e1c \u0111\u1ed3 th\u1ecb con \u0111\u1ec3 m\u00f4-\u0111un h\u00f3a c\u00e1c l\u1edbp h\u1ec7 th\u1ed1ng Frontend v\u00e0 Backend.\" class=\"alignnone size-full wp-image-20172\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b.png 1911w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4afc4443b-1536x700.png 1536w\" width=\"1911\"\/><\/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\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" 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\">\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\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" 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\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjH+5ekZeukPJw91IgFZSamFwSi5B2ig7JOLZBoSzz4e72PIWQjMML8jIUCjIe7lqepxDqCVUINBXCQLPSKTE5G9NG52jfwwsrFZIzHu5eruAY4Ilkm0u087GFCsUPd88HuWe9Qg7I2lLstjgq6OraKThDOM5gjgsAB6ZM7w==\" \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\">graph TB\r\n    subgraph FrontendLayer\r\n        A[\u1ee8ng d\u1ee5ng React]\r\n        B[Th\u01b0 vi\u1ec7n Th\u00e0nh ph\u1ea7n UI]\r\n    end\r\n    \r\n    subgraph BackendLayer\r\n        C[M\u00e1y ch\u1ee7 API]\r\n        D[C\u01a1 s\u1edf d\u1eef li\u1ec7u]\r\n    end\r\n    \r\n    A --&gt; C\r\n    C --&gt; D\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjH+5ekZeukPJw91IgFZSamFwSi5B2ig7JOLZBoSzz4e72PIWQjMML8jIUCjIe7lqepxDqCVUINBXCQLPSKTE5G9NG52jfwwsrFZIzHu5eruAY4Ilkm0u087GFCsUPd88HuWe9Qg7I2lLstjgq6OraKThDOM5gjgsAB6ZM7w==\" \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\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceLlUgCC4tKkdLCAW1F+XklqXopPYmVqEUQOBByjg1ITk0sUHAsKYhGiTtGhngrO+bkF+XmpeSUKPplJRYlFlVAFQEMgDDQbnBKTszEtcI52DPBUCE4tKkstQrLBJdolsSQxKbE4Fbupjgq6unYKzhCOM5jjAgB8Azbm\" 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<h3>7.2 T\u1ea1o ki\u1ec3u \u2013 T\u00ednh nh\u1ea5t qu\u00e1n Th\u01b0\u01a1ng hi\u1ec7u<\/h3>\n<p>B\u1ea1n c\u00f3 th\u1ec3 th\u00eam ki\u1ec3u CSS cho c\u00e1c n\u00fat c\u1ee5 th\u1ec3 b\u1eb1ng t\u1eeb kh\u00f3a <code data-backticks=\"1\">style<\/code> .<\/p>\n<p id=\"LvZAHxQ\"><img alt=\"Giao di\u1ec7n VPasCode hi\u1ec3n th\u1ecb bi\u1ec3u \u0111\u1ed3 Mermaid v\u1edbi c\u00e1c ki\u1ec3u CSS t\u00f9y ch\u1ec9nh \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng cho c\u00e1c n\u00fat B\u1eaft \u0111\u1ea7u, X\u1eed l\u00fd v\u00e0 K\u1ebft th\u00fac.\" class=\"alignnone size-full wp-image-20173\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1914px) 100vw, 1914px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24.png 1914w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4b24cab24-1536x698.png 1536w\" width=\"1914\"\/><\/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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" 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\">\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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" 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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx2inh7vWlygcmfhw1\/LSWAVdXTsFp+iIh7vXKuQc3hsLUeQEFnaO9n64a3+JQknG4V3JUBkIWVxSmZOq4KiQlpmTY6WcZpmmU1xSlJ+daqVsbGwMZeuWZ6aUZFiZFFQg63GC6klKwqPHCFWPM0xPWhJePQCb3Ezg\" \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\">graph TD\r\n    A[B\u1eaft \u0111\u1ea7u] --&gt; B[X\u1eed l\u00fd]\r\n    B --&gt; C[K\u1ebft th\u00fac]\r\n    \r\n    style A fill:#f9f,stroke:#333,stroke-width:4px\r\n    style B fill:#bbf,stroke:#333,stroke-width:2px\r\n    style C fill:#bfb,stroke:#333,stroke-width:2px\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx2inh7vWlygcmfhw1\/LSWAVdXTsFp+iIh7vXKuQc3hsLUeQEFnaO9n64a3+JQknG4V3JUBkIWVxSmZOq4KiQlpmTY6WcZpmmU1xSlJ+daqVsbGwMZeuWZ6aUZFiZFFQg63GC6klKwqPHCFWPM0xPWhJePQCb3Ezg\" \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\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFAIceHlUgACx+jgksSiklgFXV07BafogKL85NTi4sy89FiIvBNYwjnaNS8FKgIhi0sqc1IVHBXSMnNyrJTTLNN0ikuK8rNTrZSNjY2hbN3yzJSSDCuTggpkPU5QPUlJePQYoepxhulJS8KrBwA0v0JU\" 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<h3>7.3 S\u1ef1 ki\u1ec7n Nh\u1ea5p v\u00e0 Li\u00ean k\u1ebft<\/h3>\n<p>N\u00e2ng cao t\u00ednh t\u01b0\u01a1ng t\u00e1c, bi\u1ebfn c\u00e1c s\u01a1 \u0111\u1ed3 th\u00e0nh t\u00e0i li\u1ec7u c\u00f3 th\u1ec3 \u0111i\u1ec1u h\u01b0\u1edbng.<\/p>\n<p id=\"mpjkdIG\"><img alt=\"M\u00e3 bi\u1ec3u \u0111\u1ed3 Mermaid trong VPasCode t\u1ea1o li\u00ean k\u1ebft c\u00f3 th\u1ec3 nh\u1ea5p t\u1eeb Xem T\u00e0i li\u1ec7u \u0111\u1ebfn Trang ch\u00ednh c\u1ee7a Visual Paradigm.\" class=\"alignnone size-full wp-image-20185\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5280b7f7d-1536x699.png 1536w\" width=\"1917\"\/><\/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\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" 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\">\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\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" 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\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMjkjNVQg5vCBTISfz4e720lgFXV27Gr+Mh7uWFigcmfhwd7NCckZpJZDOA3F37c+rUXCKDilKzEsHShxem5ehEJZZXJqYoxCQWJSYkpmeGws0NjknMzlbwVEhoyg1TUEpo6SkoNhKX7+8vFyvDKxYtwCqWC85P1dJQSmkqLRSIfnhrrUFCviMVgIAaFFJdg==\" \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\">graph LR \r\nA[Xem T\u00e0i li\u1ec7u] --&gt;|Nh\u1ea5p \u0111\u1ec3 chuy\u1ec3n \u0111\u1ebfn| B[Trang ch\u00ednh Visual Paradigm] \r\nclick A href \"https:\/\/www.visual-paradigm.com\" \"Truy c\u1eadp Trang ch\u00ednh Visual Paradigm\"\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMjkjNVQg5vCBTISfz4e720lgFXV27Gr+Mh7uWFigcmfhwd7NCckZpJZDOA3F37c+rUXCKDilKzEsHShxem5ehEJZZXJqYoxCQWJSYkpmeGws0NjknMzlbwVEhoyg1TUEpo6SkoNhKX7+8vFyvDKxYtwCqWC85P1dJQSmkqLRSIfnhrrUFCviMVgIAaFFJdg==\" \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\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLL0osyFDwCVLg5XKMDstMLVdwyU8ujlXQ1bWrcc7JTM5WKMlX8CrNLahRcALKF5cm5igEJBYlpmSm5yr4JmbmKQRnlqTGArUng1U7KmQUpaYpKGWUlBQUW+nrl5eX65WBtekWQLXpJefnKikoAQ3LLFHAaaQSAHIaNAU=\" 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<hr\/>\n<h2>8. Quy tr\u00ecnh l\u00e0m vi\u1ec7c \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi AI: VP AI Chatbot + VPasCode trong h\u00e0nh \u0111\u1ed9ng<\/h2>\n<p>\u0110\u00e2y l\u00e0 ph\u1ea7n t\u00f4i mu\u1ed1n chia s\u1ebb nhi\u1ec1u nh\u1ea5t.<strong>Tr\u1ee3 l\u00fd \u1ea3o AI c\u1ee7a Visual Paradigm<\/strong> k\u1ebft h\u1ee3p v\u1edbi <strong>VPasCode<\/strong> \u0111\u00e3 ho\u00e0n to\u00e0n thay \u0111\u1ed5i c\u00e1ch ch\u00fang ta t\u1ea1o s\u01a1 \u0111\u1ed3.<\/p>\n<h3>8.1 L\u1ee3i \u00edch c\u1ed1t l\u00f5i<\/h3>\n<ol>\n<li>\n<p><strong>T\u1ea1o ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean<\/strong>: Ch\u1ec9 c\u1ea7n m\u00f4 t\u1ea3 y\u00eau c\u1ea7u, AI s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o m\u00e3 Mermaid.<\/p>\n<\/li>\n<li>\n<p><strong>Chuy\u1ec3n \u0111\u1ed5i hai chi\u1ec1u<\/strong>: Chuy\u1ec3n \u0111\u1ed5i c\u00e1c s\u01a1 \u0111\u1ed3 GUI hi\u1ec7n c\u00f3 th\u00e0nh m\u00e3, ho\u1eb7c hi\u1ec3n th\u1ecb m\u00e3 th\u00e0nh GUI \u0111\u1ec3 tinh ch\u1ec9nh.<\/p>\n<\/li>\n<li>\n<p><strong>X\u00e1c th\u1ef1c th\u00f4ng minh<\/strong>: T\u1ef1 \u0111\u1ed9ng ph\u00e1t hi\u1ec7n l\u1ed7i c\u00fa ph\u00e1p v\u00e0 \u0111\u01b0a ra g\u1ee3i \u00fd s\u1eeda l\u1ed7i.<\/p>\n<\/li>\n<li>\n<p><strong>Xu\u1ea5t \u0111a \u0111\u1ecbnh d\u1ea1ng<\/strong>: Xu\u1ea5t sang PNG, SVG, PDF ch\u1ec9 v\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t, thu\u1eadn ti\u1ec7n \u0111\u1ec3 nh\u00fang v\u00e0o PowerPoint ho\u1eb7c b\u00e1o c\u00e1o.<\/p>\n<\/li>\n<\/ol>\n<h3>8.2 Minh h\u1ecda quy tr\u00ecnh l\u00e0m vi\u1ec7c th\u1ef1c t\u1ebf<\/h3>\n<p><strong>B\u01b0\u1edbc 1: M\u00f4 t\u1ea3 y\u00eau c\u1ea7u b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean<\/strong><\/p>\n<blockquote>\n<p><em>T\u00f4i nh\u1eadp v\u00e0o VP AI Chatbot:<\/em><br \/>\n&#8220;T\u00f4i c\u1ea7n m\u1ed9t s\u01a1 \u0111\u1ed3 tr\u00ecnh t\u1ef1 cho lu\u1ed3ng x\u00e1c th\u1ef1c ng\u01b0\u1eddi d\u00f9ng OAuth2, bao g\u1ed3m Ng\u01b0\u1eddi d\u00f9ng, \u1ee8ng d\u1ee5ng Kh\u00e1ch, M\u00e1y ch\u1ee7 X\u00e1c th\u1ef1c v\u00e0 M\u00e1y ch\u1ee7 T\u00e0i nguy\u00ean.&#8221;<\/p>\n<\/blockquote>\n<p><strong>B\u01b0\u1edbc 2: AI t\u1ea1o m\u00e3 ban \u0111\u1ea7u<\/strong><br \/>\n<em>AI nhanh ch\u00f3ng t\u1ea1o m\u00e3 Mermaid sau:<br \/>\n<\/em><\/p>\n<p id=\"dgYigOg\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 tr\u00ecnh t\u1ef1 Mermaid minh h\u1ecda lu\u1ed3ng x\u00e1c th\u1ef1c ng\u01b0\u1eddi d\u00f9ng OAuth2 gi\u1eefa Ng\u01b0\u1eddi d\u00f9ng, \u1ee8ng d\u1ee5ng Kh\u00e1ch h\u00e0ng, M\u00e1y ch\u1ee7 X\u00e1c th\u1ef1c v\u00e0 M\u00e1y ch\u1ee7 T\u00e0i nguy\u00ean.\" class=\"alignnone size-full wp-image-20184\" decoding=\"async\" height=\"711\" loading=\"lazy\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6.png 878w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6-300x243.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d52427a8a6-768x622.png 768w\" width=\"878\"\/><\/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\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" 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\">\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\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" 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\/editor\/#mermaid:eNqlkr9OwzAQxnck3uFeoC\/QoRISAwxUDCyMlhs5VsiRBruqR9SBgYkHQKKqUKtKCJBYiEdXvIffhCNhSBQHqtaD\/+i++\/zznW+isY6QR8eSiZylhwdAI2O5klxmDBUMxdebt48SRu4TRTvu7QoFjLx9piWJ3ZzHbdGZmxvgsbdLmJICFG3f+Z865Z4koNDGrbESVnOTpzcYBAD6cOnWGrgvlho2D5sZRTD2xUtWeQRSyCgM2fCimIGxNt7e\/kKFk3pk1wTtw4n0doal4B5UzujqAFrreV1UwzKJju6DLJTEkFs3XbBqF7kvFjCh10HqFu1W7Vw3dZ1EuC9SaUKV0+bHdete1j9SA+ro\/BQSt0o76Op52+BR5BWuqMl3upvsv39RM\/kGNeOccA==\" \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\">sequenceDiagram\r\n    participant Ng\u01b0\u1eddi d\u00f9ng\r\n    participant \u1ee8ng d\u1ee5ng kh\u00e1ch\r\n    participant M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c\r\n    participant M\u00e1y ch\u1ee7 t\u00e0i nguy\u00ean\r\n    \r\n    Ng\u01b0\u1eddi d\u00f9ng-&gt;&gt;\u1ee8ng d\u1ee5ng kh\u00e1ch: Y\u00eau c\u1ea7u \u0111\u0103ng nh\u1eadp\r\n    \u1ee8ng d\u1ee5ng kh\u00e1ch-&gt;&gt;M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c: Y\u00eau c\u1ea7u \u1ee7y quy\u1ec1n\r\n    M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c--&gt;&gt;Ng\u01b0\u1eddi d\u00f9ng: Hi\u1ec3n th\u1ecb trang \u0111\u0103ng nh\u1eadp\r\n    Ng\u01b0\u1eddi d\u00f9ng-&gt;&gt;M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c: Nh\u1eadp th\u00f4ng tin \u0111\u0103ng nh\u1eadp\r\n    M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c--&gt;&gt;\u1ee8ng d\u1ee5ng kh\u00e1ch: Tr\u1ea3 v\u1ec1 m\u00e3 x\u00e1c th\u1ef1c\r\n    \u1ee8ng d\u1ee5ng kh\u00e1ch-&gt;&gt;M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c: Y\u00eau c\u1ea7u token\r\n    M\u00e1y ch\u1ee7 x\u00e1c th\u1ef1c--&gt;&gt;\u1ee8ng d\u1ee5ng kh\u00e1ch: Tr\u1ea3 v\u1ec1 token truy c\u1eadp\r\n    \u1ee8ng d\u1ee5ng kh\u00e1ch-&gt;&gt;M\u00e1y ch\u1ee7 t\u00e0i nguy\u00ean: Y\u00eau c\u1ea7u API k\u00e8m token\r\n    M\u00e1y ch\u1ee7 t\u00e0i nguy\u00ean--&gt;&gt;\u1ee8ng d\u1ee5ng kh\u00e1ch: Tr\u1ea3 v\u1ec1 d\u1eef li\u1ec7u\r\n    \u1ee8ng d\u1ee5ng kh\u00e1ch--&gt;&gt;Ng\u01b0\u1eddi d\u00f9ng: Hi\u1ec3n th\u1ecb d\u1eef li\u1ec7u\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqlkr9OwzAQxnck3uFeoC\/QoRISAwxUDCyMlhs5VsiRBruqR9SBgYkHQKKqUKtKCJBYiEdXvIffhCNhSBQHqtaD\/+i++\/zznW+isY6QR8eSiZylhwdAI2O5klxmDBUMxdebt48SRu4TRTvu7QoFjLx9piWJ3ZzHbdGZmxvgsbdLmJICFG3f+Z865Z4koNDGrbESVnOTpzcYBAD6cOnWGrgvlho2D5sZRTD2xUtWeQRSyCgM2fCimIGxNt7e\/kKFk3pk1wTtw4n0doal4B5UzujqAFrreV1UwzKJju6DLJTEkFs3XbBqF7kvFjCh10HqFu1W7Vw3dZ1EuC9SaUKV0+bHdete1j9SA+ro\/BQSt0o76Op52+BR5BWuqMl3upvsv39RM\/kGNeOccA==\" \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\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNkEsOgjAQhvcm3qEX8AIsTAy4MHFhfBxgUicwEds6HSR6eisSKEiMLLrgf3x\/xuOtQqMxI8gZrvOZCp8DFtLkwIg6eeTvv2lJaGTl3Le0qqQ4IN+nYnv0tmKNsf5535jFctn1JmprczIhEfZ5+Zg6NTh7TNIgLdMThOwo0tsWIfSmJOpQ2Lqt30GOgwFx7doIskoZz4FKUPqpymjxHqVi0+gqtWf8PbqdqY72gubPZq3R+zgRlw+PG66y23SQmsKmKDf0TtMyEBhTuhtm5F0Jj8b0AvPava0=\" 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><strong>B\u01b0\u1edbc 3: T\u1ed1i \u01b0u h\u00f3a l\u1eb7p<\/strong><\/p>\n<blockquote>\n<p><em>T\u00f4i ti\u1ebfp t\u1ee5c:<\/em><br \/>\n\u201cVui l\u00f2ng th\u00eam nh\u00e1nh x\u1eed l\u00fd l\u1ed7i cho tr\u01b0\u1eddng h\u1ee3p \u2018th\u00f4ng tin \u0111\u0103ng nh\u1eadp kh\u00f4ng h\u1ee3p l\u1ec7\u2019.\u201d<\/p>\n<\/blockquote>\n<p><em>Tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o c\u1eadp nh\u1eadt m\u00e3, th\u00eam logic \u0111i\u1ec1u ki\u1ec7n.<\/em><\/p>\n<p><strong>B\u01b0\u1edbc 4: Xu\u1ea5t v\u00e0 t\u00edch h\u1ee3p<\/strong><br \/>\nS\u1eed d\u1ee5ng VPasCode \u0111\u1ec3 xu\u1ea5t m\u00e3 cu\u1ed1i c\u00f9ng d\u01b0\u1edbi d\u1ea1ng SVG \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao v\u00e0 nh\u00fang n\u00f3 v\u00e0o T\u00e0i li\u1ec7u Y\u00eau c\u1ea7u S\u1ea3n ph\u1ea9m (PRD) c\u1ee7a t\u00f4i. \u0110\u1ed3ng th\u1eddi, h\u00e3y commit file ngu\u1ed3n <code data-backticks=\"1\">.mmd<\/code>file ngu\u1ed3n v\u00e0o kho l\u01b0u tr\u1eef Git \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o c\u00e1c th\u00e0nh vi\u00ean kh\u00e1c trong nh\u00f3m c\u00f3 th\u1ec3 theo d\u00f5i v\u00e0 ch\u1ec9nh s\u1eeda n\u00f3.<\/p>\n<h3>8.3 Tr\u01b0\u1eddng h\u1ee3p to\u00e0n di\u1ec7n: Quy tr\u00ecnh qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m<\/h3>\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 s\u01a1 \u0111\u1ed3 quy tr\u00ecnh v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m ho\u00e0n ch\u1ec9nh \u0111\u01b0\u1ee3c t\u1ea1o v\u1edbi s\u1ef1 h\u1ed7 tr\u1ee3 c\u1ee7a tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o:<\/p>\n<p id=\"UGlMfDd\"><img alt=\"S\u01a1 \u0111\u1ed3 lu\u1ed3ng d\u1ecdc hi\u1ec3n th\u1ecb c\u00e1c giai \u0111o\u1ea1n v\u00f2ng \u0111\u1eddi s\u1ea3n ph\u1ea9m: Kh\u00e1m ph\u00e1, L\u1eadp k\u1ebf ho\u1ea1ch, Th\u1ef1c thi v\u00e0 V\u00f2ng l\u1eb7p Ph\u1ea3n h\u1ed3i.\" class=\"alignnone size-full wp-image-20183\" decoding=\"async\" height=\"1621\" loading=\"lazy\" sizes=\"auto, (max-width: 387px) 100vw, 387px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d522c3d857.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d522c3d857.png 387w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d522c3d857-367x1536.png 367w\" width=\"387\"\/><\/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\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" 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\">\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\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" 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\/editor\/#mermaid:eNqFk89u00AQxu9IvMMolThRyZaoqvSAlDR\/2iaNihpxsXqwnbV3FXdtErtqjogDhx4g4sQBiVAhlEJEywVhHzg46nvsmzDepM46UOGDZe385pv5ZsfuwAwodKsPHwA+w8hy5UGNDW3\/jAxGRqnJTAbzsS\/iCYcWTSenEOC7dLJIyZ6K0XEpS6842CKZRhBSkVxAOLi9FskH7p7A5uZTqBpHePyGu3Am4s8cuCvDDHrpL2RWalWJ7yKefuIQpjOboi5WpyhpcqqguxKtGfO3WBDj3KXzqbksMB+L5OUSJry3+FjzeeSZnDPurtlsi3gWQF\/Ev4FmJzZV7dZk1brRxYgPnkjeY2Ppt0Jndck01jsbpVdRZuZLpLANyTaNYxF\/D+AcqwZyhFMIRXIDt9c40cV0qQ+Wafc93\/2Pr\/o5saOQ+XzNWBdlb2xUZ6qhpmxgz\/jbNhwHA8ZDhd2T7H52O5MQfTORvOJKfF\/GD4xWFjiVPmbwCJ5VFOZAMq2lBk0\/5qO7z0+DkF7m3Cg9T3\/gCnki\/hngHor4kgOWeFfw05L67eyC0A+GLwMYimQMHjb1Wh19W5KH2WrmStnUv96\/nocypVNYz2xkIbyIUEQhO5Ks\/NtZOPLI6jcDh3nezgbRnS3HeTwMB36f7Gxo+tZ22VIT7vZ1yTuO84ToOV+2tk1NV\/l8D1YFHCVB08tWMeFu0HkBohcKaLqm\/wG7IXdO\" \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\">graph TB\r\n    subgraph Discovery[\"Giai \u0111o\u1ea1n Kh\u00e1m ph\u00e1\"]\r\n        A[Nghi\u00ean c\u1ee9u th\u1ecb tr\u01b0\u1eddng] --&gt; B[Ph\u1ecfng v\u1ea5n ng\u01b0\u1eddi d\u00f9ng]\r\n        B --&gt; C[Ph\u00e2n t\u00edch c\u1ea1nh tranh]\r\n        C --&gt; D[\u0110\u1ecbnh ngh\u0129a v\u1ea5n \u0111\u1ec1]\r\n    end\r\n    \r\n    subgraph Planning[\"Giai \u0111o\u1ea1n L\u1eadp k\u1ebf ho\u1ea1ch\"]\r\n        D --&gt; E[T\u1ea1o l\u1ed9 tr\u00ecnh]\r\n        E --&gt; F[\u0110\u1ecbnh ngh\u0129a y\u00eau c\u1ea7u]\r\n        F --&gt; G[S\u1eafp x\u1ebfp th\u1ee9 t\u1ef1 \u01b0u ti\u00ean cho backlog]\r\n    end\r\n    \r\n    subgraph Execution[\"Giai \u0111o\u1ea1n Th\u1ef1c thi\"]\r\n        G --&gt; H[L\u1eadp k\u1ebf ho\u1ea1ch Sprint]\r\n        H --&gt; I[Ph\u00e1t tri\u1ec3n]\r\n        I --&gt; J[Ki\u1ec3m th\u1eed &amp; QA]\r\n        J --&gt; K[Ph\u00e1t h\u00e0nh]\r\n    end\r\n    \r\n    subgraph Feedback[\"V\u00f2ng l\u1eb7p ph\u1ea3n h\u1ed3i\"]\r\n        K --&gt; L[T\u1eadp h\u1ee3p s\u1ed1 li\u1ec7u]\r\n        L --&gt; M[Ph\u1ea3n h\u1ed3i t\u1eeb ng\u01b0\u1eddi d\u00f9ng]\r\n        M --&gt; N[Ph\u00e2n t\u00edch k\u1ebft qu\u1ea3]\r\n        N --&gt; A\r\n    end\r\n    \r\n    style Discovery fill:#e1f5ff,stroke:#01579b\r\n    style Planning fill:#fff4e1,stroke:#9b7a01\r\n    style Execution fill:#e1ffe1,stroke:#019b01\r\n    style Feedback fill:#ffe1e1,stroke:#9b0101\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFk89u00AQxu9IvMMolThRyZaoqvSAlDR\/2iaNihpxsXqwnbV3FXdtErtqjogDhx4g4sQBiVAhlEJEywVhHzg46nvsmzDepM46UOGDZe385pv5ZsfuwAwodKsPHwA+w8hy5UGNDW3\/jAxGRqnJTAbzsS\/iCYcWTSenEOC7dLJIyZ6K0XEpS6842CKZRhBSkVxAOLi9FskH7p7A5uZTqBpHePyGu3Am4s8cuCvDDHrpL2RWalWJ7yKefuIQpjOboi5WpyhpcqqguxKtGfO3WBDj3KXzqbksMB+L5OUSJry3+FjzeeSZnDPurtlsi3gWQF\/Ev4FmJzZV7dZk1brRxYgPnkjeY2Ppt0Jndck01jsbpVdRZuZLpLANyTaNYxF\/D+AcqwZyhFMIRXIDt9c40cV0qQ+Wafc93\/2Pr\/o5saOQ+XzNWBdlb2xUZ6qhpmxgz\/jbNhwHA8ZDhd2T7H52O5MQfTORvOJKfF\/GD4xWFjiVPmbwCJ5VFOZAMq2lBk0\/5qO7z0+DkF7m3Cg9T3\/gCnki\/hngHor4kgOWeFfw05L67eyC0A+GLwMYimQMHjb1Wh19W5KH2WrmStnUv96\/nocypVNYz2xkIbyIUEQhO5Ks\/NtZOPLI6jcDh3nezgbRnS3HeTwMB36f7Gxo+tZ22VIT7vZ1yTuO84ToOV+2tk1NV\/l8D1YFHCVB08tWMeFu0HkBohcKaLqm\/wG7IXdO\" \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\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkk9LAzEQxe+C3yGs4ElhFxSpB6H\/rbZSq56Ch+z2pQ1NkzVJq\/XTm03tmqrQnIa838y8TGZmWDknz63jI+KPXeWzcNERttBrmA1N6pCM58wied2i1WnSETMLODKBBTPF\/JWcn9+QFn2xMGSgHMxa4N1GKa1AtGlbL0s44cQapKmY3FgRY+2AdejY6FxiSTrgQnlaq28IaroNfhkfS6aUUDOa7KK\/tjuheJe2DZgDmWg2XbIyAroB6NHQ1QN4WwmDJZSLPfYC1fcehTbe2ydIixULqWcHPHY\/UKyqt9CkDv+67Ifyt\/SpNEK5+mERcRuIgbe5htRl5S9SB0G9o8+wrhrDKXlsRvJdkO\/pBBK+8wHLPWCa+8fRZBeRodZl7Pc+FBz6n5UShSMjOCOKeGDDQIy227GrE+mjoD\/QsA+f1dztSu6N\/CEQzf+9uo3Ez+ISLqS8PkHGLzk\/s87oBa5P0uzyqpHHCfWabHnO+QWymm\/kVyzNYv7nx+oGPEpIs0a+n1APbNcA2V6DNEuzL3IW\/E8=\" 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<h3>8.4 M\u1eb9o s\u1eed d\u1ee5ng<\/h3>\n<ul>\n<li>\n<p><strong>H\u00e3y c\u1ee5 th\u1ec3<\/strong>: C\u00e0ng chi ti\u1ebft l\u1eddi nh\u1eafc c\u1ee7a b\u1ea1n d\u00e0nh cho AI (bao g\u1ed3m t\u00ean n\u00fat, lo\u1ea1i quan h\u1ec7), th\u00ec m\u00e3 \u0111\u01b0\u1ee3c t\u1ea1o ra c\u00e0ng ch\u00ednh x\u00e1c.<\/p>\n<\/li>\n<li>\n<p><strong>Th\u1ef1c hi\u1ec7n t\u1eebng b\u01b0\u1edbc nh\u1ecf<\/strong>: T\u1ea1o khung s\u01b0\u1eddn tr\u01b0\u1edbc, sau \u0111\u00f3 d\u1ea7n d\u1ea7n th\u00eam chi ti\u1ebft.<\/p>\n<\/li>\n<li>\n<p><strong>T\u1eadn d\u1ee5ng m\u1eabu<\/strong>: VP c\u00f3 nhi\u1ec1u m\u1eabu ti\u00eau chu\u1ea9n ng\u00e0nh \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u00e1i s\u1eed d\u1ee5ng tr\u1ef1c ti\u1ebfp.<\/p>\n<\/li>\n<li>\n<p><strong>X\u00e1c th\u1ef1c s\u1edbm<\/strong>: H\u00e3y \u0111\u1ec3 AI ki\u1ec3m tra t\u00ednh h\u1ee3p l\u1ec7 c\u1ee7a c\u00fa ph\u00e1p tr\u01b0\u1edbc khi th\u1ef1c hi\u1ec7n c\u00e1c thay \u0111\u1ed5i quy m\u00f4 l\u1edbn.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>9. C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t nh\u1ea5t: M\u1eb9o \u0111\u1ec3 tr\u00e1nh c\u00e1c sai l\u1ea7m<\/h2>\n<p>D\u1ef1a tr\u00ean kinh nghi\u1ec7m c\u1ee7a t\u00f4i, \u0111\u00e2y l\u00e0 m\u1ed9t v\u00e0i khuy\u1ebfn ngh\u1ecb:<\/p>\n<h3>9.1 Quy \u01b0\u1edbc \u0111\u1eb7t t\u00ean<\/h3>\n<ul>\n<li>\n<p><strong>ID c\u00f3 \u00fd ngh\u0129a<\/strong>: H\u00e3y c\u1ed1 g\u1eafng s\u1eed d\u1ee5ng <code data-backticks=\"1\">B\u1eaft \u0111\u1ea7u<\/code>,\u00a0<code data-backticks=\"1\">X\u1eed l\u00fd<\/code>,\u00a0<code data-backticks=\"1\">K\u1ebft th\u00fac<\/code> thay v\u00ec <code data-backticks=\"1\">A<\/code>,\u00a0<code data-backticks=\"1\">B<\/code>,\u00a0<code data-backticks=\"1\">C<\/code> \u0111\u1ec3 d\u1ec5 b\u1ea3o tr\u00ec h\u01a1n.<\/p>\n<\/li>\n<li>\n<p><strong>Nh\u00e3n ng\u1eafn g\u1ecdn<\/strong>: Gi\u1eef v\u0103n b\u1ea3n c\u1ee7a n\u00fat ng\u1eafn g\u1ecdn; tr\u00e1nh c\u00e1c \u0111o\u1ea1n v\u0103n d\u00e0i.<\/p>\n<\/li>\n<\/ul>\n<h3>9.2 T\u1ed1i \u01b0u h\u00f3a b\u1ed1 c\u1ee5c<\/h3>\n<ul>\n<li>\n<p><strong>Ch\u1ecdn h\u01b0\u1edbng ph\u00f9 h\u1ee3p<\/strong>: S\u1eed d\u1ee5ng <code data-backticks=\"1\">TD<\/code> cho s\u01a1 \u0111\u1ed3 quy tr\u00ecnh, <code data-backticks=\"1\">LR<\/code> cho c\u00e1c chu\u1ed7i.<\/p>\n<\/li>\n<li>\n<p><strong>Gi\u1ea3m c\u00e1c giao c\u1eaft<\/strong>: Gi\u1ea3m s\u1ef1 l\u1ed9n x\u1ed9n c\u1ee7a c\u00e1c \u0111\u01b0\u1eddng b\u1eb1ng c\u00e1ch \u0111i\u1ec1u ch\u1ec9nh th\u1ee9 t\u1ef1 n\u00fat ho\u1eb7c s\u1eed d\u1ee5ng c\u00e1c \u0111\u1ed3 th\u1ecb con.<\/p>\n<\/li>\n<li>\n<p><strong>Ki\u1ec3m so\u00e1t \u0111\u1ed9 ph\u1ee9c t\u1ea1p<\/strong>: N\u1ebfu m\u1ed9t s\u01a1 \u0111\u1ed3 \u0111\u01a1n l\u1ebb v\u01b0\u1ee3t qu\u00e1 20 n\u00fat, h\u00e3y c\u00e2n nh\u1eafc chia n\u00f3 th\u00e0nh nhi\u1ec1u s\u01a1 \u0111\u1ed3 con ho\u1eb7c c\u00e1c bi\u1ec3u \u0111\u1ed3 li\u00ean k\u1ebft.<\/p>\n<\/li>\n<\/ul>\n<h3>9.3 Chi\u1ebfn l\u01b0\u1ee3c B\u1ea3o tr\u00ec<\/h3>\n<ul>\n<li>\n<p><strong>Qu\u1ea3n l\u00fd Git<\/strong>: H\u00e3y ch\u1eafc ch\u1eafn bao g\u1ed3m <code data-backticks=\"1\">.mmd<\/code> v\u00e0o h\u1ec7 th\u1ed1ng ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n.<\/p>\n<\/li>\n<li>\n<p><strong>B\u1ed1i c\u1ea3nh T\u00e0i li\u1ec7u<\/strong>: Gi\u1ea3i th\u00edch b\u1ed1i c\u1ea3nh kinh doanh v\u00e0 ph\u1ea1m vi c\u1ee7a bi\u1ec3u \u0111\u1ed3 trong c\u00e1c nh\u1eadn x\u00e9t m\u00e3.<\/p>\n<\/li>\n<li>\n<p><strong>\u0110\u00e1nh gi\u00e1 \u0110\u1ecbnh k\u1ef3<\/strong>: Th\u01b0\u1eddng xuy\u00ean ki\u1ec3m tra xem c\u00e1c bi\u1ec3u \u0111\u1ed3 c\u00f3 c\u00f2n ph\u1ea3n \u00e1nh \u0111\u00fang th\u1ef1c t\u1ebf khi s\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c l\u1eb7p l\u1ea1i hay kh\u00f4ng.<\/p>\n<\/li>\n<\/ul>\n<h3>9.4 Kh\u1ea3 n\u0103ng Ti\u1ebfp c\u1eadn<\/h3>\n<ul>\n<li>\n<p><strong>Cung c\u1ea5p V\u0103n b\u1ea3n Thay th\u1ebf<\/strong>: Th\u00eam c\u00e1c m\u00f4 t\u1ea3 v\u0103n b\u1ea3n chi ti\u1ebft cho c\u00e1c bi\u1ec3u \u0111\u1ed3 \u0111\u1ec3 h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi d\u00f9ng khi\u1ebfm th\u1ecb ho\u1eb7c tr\u00ecnh \u0111\u1ecdc v\u0103n b\u1ea3n.<\/p>\n<\/li>\n<li>\n<p><strong>\u0110\u1ed9 t\u01b0\u01a1ng ph\u1ea3n M\u00e0u s\u1eafc<\/strong>: \u0110\u1ea3m b\u1ea3o c\u00e1c m\u00e0u s\u1eafc trong phong c\u00e1ch c\u00f3 \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n \u0111\u1ee7 l\u1edbn.<\/p>\n<\/li>\n<\/ul>\n<h3>9.5 H\u1ee3p t\u00e1c Nh\u00f3m<\/h3>\n<ul>\n<li>\n<p><strong>Chia s\u1ebb M\u00e3 ngu\u1ed3n<\/strong>: \u0110\u1eebng ch\u1ec9 chia s\u1ebb h\u00ecnh \u1ea3nh; h\u00e3y chia s\u1ebb c\u00e1c t\u1ec7p ngu\u1ed3n.<\/p>\n<\/li>\n<li>\n<p><strong>Phong c\u00e1ch Th\u1ed1ng nh\u1ea5t<\/strong>: Th\u1ed1ng nh\u1ea5t v\u1ec1 b\u1ea3ng m\u00e0u v\u00e0 quy \u01b0\u1edbc \u0111\u1eb7t t\u00ean trong nh\u00f3m.<\/p>\n<\/li>\n<li>\n<p><strong>R\u00e0 so\u00e1t M\u00e3<\/strong>: Bao g\u1ed3m c\u00e1c thay \u0111\u1ed5i m\u00e3 bi\u1ec3u \u0111\u1ed3 trong quy tr\u00ecnh r\u00e0 so\u00e1t PR.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>10. C\u00e1c Case Study Ho\u00e0n Ch\u1ec9nh<\/h2>\n<h3>Case 1: Quy tr\u00ecnh Sprint Agile<\/h3>\n<p id=\"EIKoJTD\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 Mermaid minh h\u1ecda quy tr\u00ecnh Sprint Agile v\u1edbi c\u00e1c giai \u0111o\u1ea1n L\u1eadp k\u1ebf ho\u1ea1ch Sprint, C\u00f4ng vi\u1ec7c H\u00e0ng ng\u00e0y v\u00e0 \u0110\u00e1nh gi\u00e1 &amp; H\u1ed3i c\u1ee9u.\" class=\"alignnone size-full wp-image-20182\" decoding=\"async\" height=\"200\" loading=\"lazy\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330.png 2560w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-300x23.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-1024x80.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-768x60.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-1536x120.png 1536w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51fe08330-2048x160.png 2048w\" width=\"2560\"\/><\/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\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" 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\">\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\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" 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\/editor\/#mermaid:eNp9krtKA0EUhnuf4hDBLp2iWAjJ5rK5QUgCCkOKzextyGZ22WwiqS0sxELEyiZhsVAMWljtFBYjeY95EyeT6K4iTrMM\/3fO\/58944RG4EKzswPyjCcDR927QUho1PYMSgl1UK4pkmUAQ5G8g+uLZIG\/kFxfFa5PAXWsKbHOoWjgoec7fcjnT6CIVi+C3WPwVq+CxdSBbuSHxBqnhUUFakgzRsoigpZgDxgiwp8mW58NbVFTfX+GLRnEm5364RDlNP4mHaZEsEsMOp\/LC3X4fJaJqSm3EtIFuw5kGIOakyDLpmhJoWXUdvkigiiUbS9oKpeVXEEdPoexv0ZaPE7lipKrqLEuG0HkCrb8b4zN30O5tN0eyJC3BLBgj5PMCFXVWUe9kD9TFwYyNGQnT0ldkTXUE+xOyjJCHEDbFUlM15dbkqI1hdZRxjIV60psoDO+wPBxI9iV9NVkGyK3JFdG\/xisoWoKmUmjmWf9elpgE8873sXYOrDtDPW90y1g7lumaWSA7VvbqPaReWgan1A19M0=\" \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\">graph LR\n    subgraph SprintPlanning[\"L\u1eadp k\u1ebf ho\u1ea1ch Sprint\"]\n        A[Review Backlog] --&gt; B[\u01af\u1edbc l\u01b0\u1ee3ng Stories]\n        B --&gt; C[Cam k\u1ebft M\u1ee5c ti\u00eau Sprint]\n    end\n    \n    subgraph DailyWork[\"C\u00f4ng vi\u1ec7c H\u00e0ng ng\u00e0y\"]\n        C --&gt; D[H\u1ecdp Standup H\u00e0ng ng\u00e0y]\n        D --&gt; E[Ph\u00e1t tri\u1ec3n]\n        E --&gt; F[R\u00e0 so\u00e1t M\u00e3]\n        F --&gt; G[Ki\u1ec3m th\u1eed]\n    end\n    \n    subgraph Review[\"R\u00e0 so\u00e1t &amp; H\u1ed3i c\u1ee9u\"]\n        G --&gt; H[Tr\u00ecnh b\u00e0y C\u00f4ng vi\u1ec7c]\n        H --&gt; I[T\u1ed5ng h\u1ee3p Ph\u1ea3n h\u1ed3i]\n        I --&gt; J[H\u1ed3i c\u1ee9u]\n        J --&gt; K[X\u00e1c \u0111\u1ecbnh C\u1ea3i ti\u1ebfn]\n    end\n    \n    K --&gt; A\n    \n    style SprintPlanning fill:#cce5ff\n    style DailyWork fill:#d4edda\n    style Review fill:#f8d7da\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9krtKA0EUhnuf4hDBLp2iWAjJ5rK5QUgCCkOKzextyGZ22WwiqS0sxELEyiZhsVAMWljtFBYjeY95EyeT6K4iTrMM\/3fO\/58944RG4EKzswPyjCcDR927QUho1PYMSgl1UK4pkmUAQ5G8g+uLZIG\/kFxfFa5PAXWsKbHOoWjgoec7fcjnT6CIVi+C3WPwVq+CxdSBbuSHxBqnhUUFakgzRsoigpZgDxgiwp8mW58NbVFTfX+GLRnEm5364RDlNP4mHaZEsEsMOp\/LC3X4fJaJqSm3EtIFuw5kGIOakyDLpmhJoWXUdvkigiiUbS9oKpeVXEEdPoexv0ZaPE7lipKrqLEuG0HkCrb8b4zN30O5tN0eyJC3BLBgj5PMCFXVWUe9kD9TFwYyNGQnT0ldkTXUE+xOyjJCHEDbFUlM15dbkqI1hdZRxjIV60psoDO+wPBxI9iV9NVkGyK3JFdG\/xisoWoKmUmjmWf9elpgE8873sXYOrDtDPW90y1g7lumaWSA7VvbqPaReWgan1A19M0=\" \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\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkjFPwzAQhXck\/sMpSGzdQCAGpLZJ07QMqEVisDq48SW16tiR4wb13+OcA3IrJDxd7nu+vHdJbXl7gLfN7Q340532NTW2rZXavSuutdQ1S8Iz\/DSSXdAPZ8o22Ev8ghkvj8rUO5hMXmHGss7JhjuErTNWYhddmZFkzuamaaQDZ8b3QW64GnWoRSiunKVcqvOnsUeWUAlDHfuZ0\/CUBbp1XItTG\/GUeMZS7FGZtkHtIpoRXXhrAiEEi+iCaM4+0IfT9T9Ww3WWjPu59w1nTew1p3lL76UxunN2WNeQJ5IsSVKwnLsDWlggir1fdKQoSLFiNL1rsXSyx4iviK9ZIXxUWZ2haFprehySd39HWNOV6UUqd1Z49V9AJZV6uStLfKyqWPb7kUaFeEAheKwYdxJw9SyeBP8GL8O1Dg==\" 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<h3>Tr\u01b0\u1eddng h\u1ee3p 2: T\u1ed5ng quan v\u1ec1 ki\u1ebfn tr\u00fac vi d\u1ecbch v\u1ee5<\/h3>\n<p id=\"mYEhBIm\"><img alt=\"Bi\u1ec3u \u0111\u1ed3 hi\u1ec3n th\u1ecb ki\u1ebfn tr\u00fac vi d\u1ecbch v\u1ee5 v\u1edbi c\u00e1c d\u1ecbch v\u1ee5 API Gateway, \u0110\u01a1n h\u00e0ng, Thanh to\u00e1n, Ng\u01b0\u1eddi d\u00f9ng, X\u00e1c th\u1ef1c v\u00e0 Th\u00f4ng b\u00e1o \u0111\u01b0\u1ee3c k\u1ebft n\u1ed1i v\u1edbi c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng.\" class=\"alignnone size-full wp-image-20181\" decoding=\"async\" height=\"629\" loading=\"lazy\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8.png 1003w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8-300x188.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51e7e8af8-768x482.png 768w\" width=\"1003\"\/><\/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\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" 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\">\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\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" 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\/editor\/#mermaid:eNqFk09LwzAYxu+C3+FlXuZB9LbNg+A2mF78rxOCh7RNm0DNpE2VfQIPXvQoIlpEPKrgxfXYse+Rb2KTxpmOgTm0yZNfkrfPkwYRvqBw1F5cgKJ1Qka4QOUL+sRZHd9i8BiM72R2z4OzEiufceIEevXm3nYPC3KFh6hW9MEMaoZWrddH1oyZINybu98hiS6ZS2JUO2HgyezGpXAps1d7w81EUNT9m4PTPHVBUJl9uhZ2HJOogu0Ekw+ZPRb75t\/T71FtN\/Jm0PHtJOVA8+cKt4eH58ojmzyimFMQgzzlFrkzEMxnLhZswGfw\/IsH4OTp4B8ntrkf4VhEiSuSiKBaZ5JCLLMnoHKUgpCjNx7YrnTbqD5lCufeIWQyu06WLaaDXUpQvV0ECrzw60GHe30OB8RjsU3uJyQhaEsZoJkXBoJxtWj0zudXbm7OyspGEXkp9fp6qAKrCCqaiqATKBXd1aKxe1bWpZWi7mrRNtwuSh2tga655uro+YI2Z\/awX8rUUtFMYGIYEus\/AJ+F4fqS73uNtTUb+b3aBmg2XEIcG6gmbrBW03dazR\/gYytn\" \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\">graph TB\r\n    Client[Client Web\/\u0110a di \u0111\u1ed9ng]\r\n    \r\n    subgraph APIGateway[\"API Gateway\"]\r\n        GW[API Gateway]\r\n    end\r\n    \r\n    subgraph Services[\"Vi d\u1ecbch v\u1ee5\"]\r\n        Auth[D\u1ecbch v\u1ee5 X\u00e1c th\u1ef1c]\r\n        User[D\u1ecbch v\u1ee5 Ng\u01b0\u1eddi d\u00f9ng]\r\n        Order[D\u1ecbch v\u1ee5 \u0110\u01a1n h\u00e0ng]\r\n        Payment[D\u1ecbch v\u1ee5 Thanh to\u00e1n]\r\n        Notification[D\u1ecbch v\u1ee5 Th\u00f4ng b\u00e1o]\r\n    end\r\n    \r\n    subgraph Infrastructure[\"C\u01a1 s\u1edf h\u1ea1 t\u1ea7ng\"]\r\n        DB[(C\u01a1 s\u1edf d\u1eef li\u1ec7u)]\r\n        Cache[(B\u1ed9 nh\u1edb \u0111\u1ec7m Redis)]\r\n        Queue[H\u00e0ng \u0111\u1ee3i tin nh\u1eafn]\r\n    end\r\n    \r\n    Client --&gt; GW\r\n    GW --&gt; Auth\r\n    GW --&gt; User\r\n    GW --&gt; Order\r\n    Order --&gt; Payment\r\n    Order --&gt; Queue\r\n    Queue --&gt; Notification\r\n    \r\n    Auth --&gt; DB\r\n    User --&gt; DB\r\n    User --&gt; Cache\r\n    Order --&gt; DB\r\n    Payment --&gt; DB\r\n    \r\n    style APIGateway fill:#ffd700\r\n    style Services fill:#87ceeb\r\n    style Infrastructure fill:#98fb98\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFk09LwzAYxu+C3+FlXuZB9LbNg+A2mF78rxOCh7RNm0DNpE2VfQIPXvQoIlpEPKrgxfXYse+Rb2KTxpmOgTm0yZNfkrfPkwYRvqBw1F5cgKJ1Qka4QOUL+sRZHd9i8BiM72R2z4OzEiufceIEevXm3nYPC3KFh6hW9MEMaoZWrddH1oyZINybu98hiS6ZS2JUO2HgyezGpXAps1d7w81EUNT9m4PTPHVBUJl9uhZ2HJOogu0Ekw+ZPRb75t\/T71FtN\/Jm0PHtJOVA8+cKt4eH58ojmzyimFMQgzzlFrkzEMxnLhZswGfw\/IsH4OTp4B8ntrkf4VhEiSuSiKBaZ5JCLLMnoHKUgpCjNx7YrnTbqD5lCufeIWQyu06WLaaDXUpQvV0ECrzw60GHe30OB8RjsU3uJyQhaEsZoJkXBoJxtWj0zudXbm7OyspGEXkp9fp6qAKrCCqaiqATKBXd1aKxe1bWpZWi7mrRNtwuSh2tga655uro+YI2Z\/awX8rUUtFMYGIYEus\/AJ+F4fqS73uNtTUb+b3aBmg2XEIcG6gmbrBW03dazR\/gYytn\" \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\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1Uj1vgzAQ3Sv1PyC6pEPUbCEdKiVBQhlo0y9lsDrY5gyWKFS2acW\/r79QDXI9HL73no3v3tUCfzXJ2+H6KtHr2HLoFLoAuSt7wlvwyIejXZQDqe2p\/flUYAU\/eESp3ic+Sb3arOKCAsYT0FXR+15BfHMKEqUlp6KXPg3v2w+qQSZM4oB71weQCRHuSVSatDHCnvH4aer234jisVeccYoV7zsUJgvtf6WdOiawVGKgahCA0nkeVpgf0CrHChMs4TbAj5g2gFYvUHHpkpB9HmAAVIKUuAaXxV\/k\/EzW6wftjYOKi01NV2eAaeUMsO1ziOukAX3PlrB9ggPt1oJh48JHWUONIPdzaF2MArby5c8m1eRfiHkj1KiH+W9gE8bb9v6GsWq72YSSaQa9INtSABIK5s552S5jZJf9AijN6MY=\" 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<h3>Tr\u01b0\u1eddng h\u1ee3p 3: C\u00e2y quy\u1ebft \u0111\u1ecbnh \u01b0u ti\u00ean h\u00f3a t\u00ednh n\u0103ng<\/h3>\n<p id=\"qKbzBOw\"><img alt=\"S\u01a1 \u0111\u1ed3 c\u00e2y quy\u1ebft \u0111\u1ecbnh \u01b0u ti\u00ean h\u00f3a t\u00ednh n\u0103ng \u0111\u00e1nh gi\u00e1 t\u00e1c \u0111\u1ed9ng, t\u00ednh kh\u1ea3 thi, ngu\u1ed3n l\u1ef1c v\u00e0 s\u1ef1 ph\u00f9 h\u1ee3p.\" class=\"alignnone size-full wp-image-20179\" decoding=\"async\" height=\"1168\" loading=\"lazy\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021.png 831w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021-213x300.png 213w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021-729x1024.png 729w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d51cdaa021-768x1079.png 768w\" width=\"831\"\/><\/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\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" 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\">\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\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" 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\/editor\/#mermaid:eNp9Uj9Lw0AU3wW\/wwPBTeik1EFo66aI1C4SHNLzmjsbLyG9FKTpIA6OKk7iYikiVoWKipgbHK70e9w38TVN2nQxw5G7935\/3h8nsH0Gte3lJcDvQNqB7BzqQQjExE8hSP0mGIjRhXDg1Kh73p0m5tJhbW0rqukegdGNUXeYSGwvglJnh5m4D5JxaBt1Dk2jfvAWmvhNdv\/FSwQ++hFU6Qkl0tr1TNzjUDfqChj+fxMYD9Ea1wOR5h7lXZUSxpl6BOXUyrSMlom\/BBD9AcIJjboV4Br1TrqLYP2Jqc05R5W2qB0QZu05LBEmRj2HsAo1NOdhb+KXcMFFOSGqoEwiGEGls8\/0DzCj+j4Qxk38i9LjId4z8XJenMyhZZs0Xc+xakwPTqGtHzxg+gFzJh3r8wXdSsIxl8JJ+H7gtam1HZ4ZdSkT0AWe46E95cL670AG+lWwozxJasTPcVUp8USLH9PAGl3rHu6Gw3UPGSYTwgV5Tqc4n9CCuayLE3ooZW8ZZfKa7EQe05JnLs2KgAZ33c2VYoHSYiEfn+5KGm401uvr9Xw47eAsfrxRKPwBhpIrnA==\" \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\">graph TD\r\n    Start{Y\u00eau c\u1ea7u t\u00ednh n\u0103ng m\u1edbi}\r\n    \r\n    Start --&gt;|T\u00e1c \u0111\u1ed9ng cao| A{Kh\u1ea3 thi v\u1ec1 k\u1ef9 thu\u1eadt}\r\n    Start --&gt;|T\u00e1c \u0111\u1ed9ng th\u1ea5p| Reject[Lo\u1ea1i b\u1ecf ho\u1eb7c \u01b0u ti\u00ean th\u1ea5p]\r\n    \r\n    A --&gt;|Kh\u1ea3 thi| B{Kh\u1ea3 n\u0103ng s\u1eb5n c\u00f3 ngu\u1ed3n l\u1ef1c}\r\n    A --&gt;|Kh\u00f4ng kh\u1ea3 thi| Research[Nghi\u00ean c\u1ee9u &amp; T\u1ea1o m\u1eabu]\r\n    \r\n    B --&gt;|C\u00f3 s\u1eb5n| C{Ph\u00f9 h\u1ee3p chi\u1ebfn l\u01b0\u1ee3c}\r\n    B --&gt;|Kh\u00f4ng c\u00f3 s\u1eb5n| Backlog[Th\u00eam v\u00e0o h\u00e0ng \u0111\u1ee3i]\r\n    \r\n    C --&gt;|Ph\u00f9 h\u1ee3p| Approve[Duy\u1ec7t \u0111\u1ec3 \u0111\u01b0a v\u00e0o l\u1ed9 tr\u00ecnh]\r\n    C --&gt;|Kh\u00f4ng ph\u00f9 h\u1ee3p| Reconsider[\u0110\u00e1nh gi\u00e1 l\u1ea1i m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean]\r\n    \r\n    Research --&gt; A\r\n    Reconsider --&gt; Start\r\n    \r\n    style Approve fill:#90ee90\r\n    style Reject fill:#ff6b6b\r\n    style Backlog fill:#ffd700\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9Uj9Lw0AU3wW\/wwPBTeik1EFo66aI1C4SHNLzmjsbLyG9FKTpIA6OKk7iYikiVoWKipgbHK70e9w38TVN2nQxw5G7935\/3h8nsH0Gte3lJcDvQNqB7BzqQQjExE8hSP0mGIjRhXDg1Kh73p0m5tJhbW0rqukegdGNUXeYSGwvglJnh5m4D5JxaBt1Dk2jfvAWmvhNdv\/FSwQ++hFU6Qkl0tr1TNzjUDfqChj+fxMYD9Ea1wOR5h7lXZUSxpl6BOXUyrSMlom\/BBD9AcIJjboV4Br1TrqLYP2Jqc05R5W2qB0QZu05LBEmRj2HsAo1NOdhb+KXcMFFOSGqoEwiGEGls8\/0DzCj+j4Qxk38i9LjId4z8XJenMyhZZs0Xc+xakwPTqGtHzxg+gFzJh3r8wXdSsIxl8JJ+H7gtam1HZ4ZdSkT0AWe46E95cL670AG+lWwozxJasTPcVUp8USLH9PAGl3rHu6Gw3UPGSYTwgV5Tqc4n9CCuayLE3ooZW8ZZfKa7EQe05JnLs2KgAZ33c2VYoHSYiEfn+5KGm401uvr9Xw47eAsfrxRKPwBhpIrnA==\" \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\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNptkU1rwzAMhu+D\/QfBYLdCTh3dYZB0jA1GGWlvoQfVURNvTpw5SkpJ+9\/nfM4Z80W2Xz16LTkxWKSwe769Abu2jIabDZ3ghZArQxDSd0UlX3vdyYLF4unyKpMU3rICBV\/Ab3Yk0lwKVC1eyoNUks\/Xv9C7Pk1MSJ8kOOoDaAOt+GGkNpbcu6Z+x\/Z1FV0gaEIqdWUEgV+jVDhz67M3muGXsPmERqTRuIF7a6VZ87mgmVfQ0UPZFl03WzbIlEgBvpJJnlE+ziSYrBwgQPGldBL5cQysx+PMZN2btNUottMrCqNrioYIRzuMUGOcYbF3gc5ohEISOi9lTMY2taAaVWVf+f8Ap65tFfDHu5Hvbrs\/cpmSz4pgepJU6vFu5RGtPFcffq+Xj8flYXlw5aH5SY8fPO8H5ZXCnw==\" 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<hr\/>\n<h2>\ud83d\udcdd K\u1ebft lu\u1eadn<\/h2>\n<p>Qua giai \u0111o\u1ea1n th\u1ef1c h\u00e0nh n\u00e0y, t\u00f4i tin r\u1eb1ng <strong><a href=\"https:\/\/www.visual-paradigm.com\/features\/mermaid-editor\/\">Mermaid<\/a> + <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/\">Tr\u1ee3 l\u00fd \u1ea3o AI Visual Paradigm<\/a> + <a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\">VPasCode<\/a><\/strong> l\u00e0 m\u1ed9t gi\u1ea3i ph\u00e1p \u201cS\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3\u201d c\u00f3 ti\u1ec1m n\u0103ng r\u1ea5t l\u1edbn.<\/p>\n<ul>\n<li>\n<p><strong>\u0110\u1ed1i v\u1edbi c\u00e1 nh\u00e2n<\/strong>: N\u00f3 gi\u1ea3m r\u00e0o c\u1ea3n trong vi\u1ec7c v\u1ebd, cho ph\u00e9p b\u1ea1n t\u1eadp trung v\u00e0o logic thay v\u00ec b\u1ed1 c\u1ee5c.<\/p>\n<\/li>\n<li>\n<p><strong>\u0110\u1ed1i v\u1edbi nh\u00f3m<\/strong>: N\u00f3 gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 v\u1ec1 \u0111\u1ed3ng b\u1ed9 h\u00f3a t\u00e0i li\u1ec7u v\u00e0 qu\u1ea3n l\u00fd phi\u00ean b\u1ea3n, n\u00e2ng cao hi\u1ec7u qu\u1ea3 c\u1ed9ng t\u00e1c.<\/p>\n<\/li>\n<li>\n<p><strong>\u0110\u1ed1i v\u1edbi doanh nghi\u1ec7p<\/strong>: N\u00f3 \u0111\u1ea1t \u0111\u01b0\u1ee3c vi\u1ec7c c\u1ea5u tr\u00fac h\u00f3a v\u00e0 t\u1ef1 \u0111\u1ed9ng h\u00f3a t\u00e0i s\u1ea3n tri th\u1ee9c, ph\u00f9 h\u1ee3p v\u1edbi c\u00e1c kh\u00e1i ni\u1ec7m DevOps v\u00e0 Agile.<\/p>\n<\/li>\n<\/ul>\n<p>N\u1ebfu b\u1ea1n v\u1eabn g\u1eb7p kh\u00f3 kh\u0103n trong vi\u1ec7c c\u1eadp nh\u1eadt s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac ho\u1eb7c mu\u1ed1n n\u00e2ng cao t\u00ednh chuy\u00ean nghi\u1ec7p v\u00e0 kh\u1ea3 n\u0103ng b\u1ea3o tr\u00ec c\u1ee7a t\u00e0i li\u1ec7u s\u1ea3n ph\u1ea9m, t\u00f4i strongly khuy\u00ean b\u1ea1n n\u00ean th\u1eed quy tr\u00ecnh l\u00e0m vi\u1ec7c n\u00e0y.<\/p>\n<p>Hy v\u1ecdng chia s\u1ebb n\u00e0y h\u1eefu \u00edch! N\u1ebfu b\u1ea1n c\u00f3 c\u00e2u h\u1ecfi c\u1ee5 th\u1ec3 v\u1ec1 c\u00e1ch s\u1eed d\u1ee5ng, h\u00e3y tho\u1ea3i m\u00e1i li\u00ean h\u1ec7 b\u1ea5t c\u1ee9 l\u00fac n\u00e0o.<\/p>\n<p class=\"\"><em>(L\u01b0u \u00fd: T\u1ea5t c\u1ea3 m\u00e3 Mermaid trong b\u00e0i vi\u1ebft n\u00e0y \u0111\u1ec1u c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb tr\u1ef1c ti\u1ebfp trong VPasCode h\u1ed7 tr\u1ee3 Mermaid c\u1ee7a Visual Paradigm.)<br \/>\n<\/em><\/p>\n<h2>T\u00e0i li\u1ec7u tham kh\u1ea3o<\/h2>\n<div class=\"sc-46jc02-0 fPzQAv\">\n<div class=\"sc-46jc02-1 gNJhWh\">\n<div id=\"editor\">\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<ol>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-chart-generation-create-with-chatbot-edit-with-vpascode\/#content\"><strong>T\u1ea1o bi\u1ec3u \u0111\u1ed3 b\u1eb1ng AI: T\u1ea1o b\u1eb1ng Chatbot, Ch\u1ec9nh s\u1eeda b\u1eb1ng VPasCode<\/strong><\/a>: Ghi ch\u00fa ph\u00e1t h\u00e0nh ch\u00ednh th\u1ee9c v\u1ec1 quy tr\u00ecnh t\u1ea1o bi\u1ec3u \u0111\u1ed3 AI, cho ph\u00e9p t\u1ea1o bi\u1ec3u \u0111\u1ed3 qua chatbot v\u00e0 ch\u1ec9nh s\u1eeda tr\u1ef1c ti\u1ebfp trong VPasCode \u0111\u1ec3 tinh ch\u1ec9nh d\u1eef li\u1ec7u v\u00e0 phong c\u00e1ch.<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/fr\/from-code-to-clarity-a-beginners-guide-to-seamless-diagramming-with-vpascode-and-opendocs\/\"><strong>T\u1eeb M\u00e3 \u0111\u1ebfn S\u1ef1 R\u00f5 R\u00e0ng: H\u01b0\u1edbng d\u1eabn cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u v\u1ec1 vi\u1ec7c t\u1ea1o s\u01a1 \u0111\u1ed3 li\u1ec1n m\u1ea1ch v\u1edbi VPasCode v\u00e0 OpenDocs<\/strong><\/a>: H\u01b0\u1edbng d\u1eabn (ti\u1ebfng Ph\u00e1p) v\u1ec1 quy tr\u00ecnh t\u1eeb VPasCode \u0111\u1ebfn OpenDocs \u0111\u1ec3 \u0111\u1ea9y s\u01a1 \u0111\u1ed3 tr\u1ef1c ti\u1ebfp v\u00e0o t\u00e0i li\u1ec7u, k\u00e8m theo c\u00e1c v\u00ed d\u1ee5 th\u1ef1c t\u1ebf v\u1ec1 PlantUML.<\/li>\n<li><a href=\"https:\/\/www.cnblogs.com\/uml-tool\/p\/19569737\/visual-paradigm-ai-chatbot-diagram-refinement#1\"><strong>\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m: Visual Paradigm AI Chatbot \u2013 \u201cB\u1ed9 t\u0103ng t\u1ed1c AI\u201d cho m\u00f4 h\u00ecnh h\u00f3a c\u1ee7a l\u1eadp tr\u00ecnh vi\u00ean<\/strong><\/a>: \u0110\u00e1nh gi\u00e1 th\u1ef1c t\u1ebf (ti\u1ebfng Trung) chi ti\u1ebft c\u00e1ch AI Chatbot t\u1ea1o s\u01a1 \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng UML t\u1eeb c\u00e1c l\u1ec7nh nh\u1eafc, x\u1eed l\u00fd<code data-backticks=\"1\">&lt;&lt;include&gt;&gt;<\/code> v\u00e0 <code data-backticks=\"1\">&lt;&lt;extend&gt;&gt;<\/code> c\u00e1c m\u1ed1i quan h\u1ec7, v\u00e0 h\u1ed7 tr\u1ee3 tinh ch\u1ec9nh l\u1eb7p l\u1ea1i qua h\u1ed9i tho\u1ea1i.<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode: C\u00f4ng c\u1ee5 chuy\u1ec3n \u0111\u1ed5i v\u0103n b\u1ea3n th\u00e0nh s\u01a1 \u0111\u1ed3 mi\u1ec5n ph\u00ed &amp; Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3<\/strong><\/a>: Trang s\u1ea3n ph\u1ea9m ch\u00ednh th\u1ee9c c\u1ee7a VPasCode, nh\u1ea5n m\u1ea1nh kh\u1ea3 n\u0103ng h\u1ed7 tr\u1ee3 PlantUML, Mermaid v\u00e0 Graphviz, c\u00f9ng c\u00e1c t\u00ednh n\u0103ng d\u1ef1a tr\u00ean AI nh\u01b0 s\u1eeda l\u1ed7i c\u00fa ph\u00e1p v\u00e0 d\u1ecbch s\u01a1 \u0111\u1ed3.<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/tw\/docs\/vpascode-docs\/introduction-getting-started\/60-second-vpascode-quickstart-guide\/\"><strong>H\u01b0\u1edbng d\u1eabn b\u1eaft \u0111\u1ea7u nhanh VPasCode trong 60 gi\u00e2y<\/strong><\/a>: H\u01b0\u1edbng d\u1eabn b\u1eaft \u0111\u1ea7u nhanh cho bi\u1ebft c\u00e1ch t\u1ea1o, t\u00f9y ch\u1ec9nh v\u00e0 chia s\u1ebb m\u1ed9t s\u01a1 \u0111\u1ed3 trong v\u00f2ng ch\u01b0a \u0111\u1ea7y m\u1ed9t ph\u00fat b\u1eb1ng t\u00ednh n\u0103ng xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c v\u00e0 li\u00ean k\u1ebft chia s\u1ebb c\u1ee7a VPasCode.<\/li>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/edit-sync-diagrams-ai-chatbot-opendocs-vpascode\/\"><strong>Qu\u1ea3n l\u00fd v\u00f2ng \u0111\u1eddi s\u01a1 \u0111\u1ed3 li\u1ec1n m\u1ea1ch: Ch\u1ec9nh s\u1eeda &amp; \u0110\u1ed3ng b\u1ed9 h\u00f3a s\u01a1 \u0111\u1ed3 do AI t\u1ea1o t\u1eeb AI Chatbot \u0111\u1ebfn OpenDocs qua VPasCode<\/strong><\/a>: Th\u00f4ng b\u00e1o v\u1ec1 quy tr\u00ecnh \u0111\u01b0\u1ee3c n\u00e2ng c\u1ea5p cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng t\u1ea1o s\u01a1 \u0111\u1ed3 b\u1eb1ng AI Chatbot, ghi l\u1ea1i trong OpenDocs v\u00e0 ch\u1ec9nh s\u1eeda l\u1ea1i qua VPasCode \u0111\u1ec3 ki\u1ec3m so\u00e1t to\u00e0n b\u1ed9 v\u00f2ng \u0111\u1eddi.<\/li>\n<li><a href=\"https:\/\/www.go-diagram.com\/mastering-data-flow-diagrams-a-hands-on-review-of-visual-paradigms-ai-powered-dfd-generator\/\"><strong>L\u00e0m ch\u1ee7 s\u01a1 \u0111\u1ed3 lu\u1ed3ng d\u1eef li\u1ec7u: \u0110\u00e1nh gi\u00e1 th\u1ef1c t\u1ebf v\u1ec1 c\u00f4ng c\u1ee5 t\u1ea1o DFD d\u1ef1a tr\u00ean AI c\u1ee7a Visual Paradigm<\/strong><\/a>: \u0110\u00e1nh gi\u00e1 kh\u1ea3 n\u0103ng t\u1ea1o DFD c\u1ee7a AI Chatbot, t\u1eadp trung v\u00e0o ranh gi\u1edbi h\u1ec7 th\u1ed1ng v\u00e0 t\u00edch h\u1ee3p v\u1edbi VPasCode \u0111\u1ec3 t\u00f9y ch\u1ec9nh t\u1ee9c th\u00ec b\u1eb1ng c\u00fa ph\u00e1p Graphviz.<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/whats-new-in-vpascode-launch-feature-roundup\/#content\"><strong>Nh\u1eefng t\u00ednh n\u0103ng m\u1edbi trong VPasCode \u2013 T\u1ed5ng h\u1ee3p c\u00e1c t\u00ednh n\u0103ng ra m\u1eaft<\/strong><\/a>: T\u1ed5ng h\u1ee3p c\u00e1c t\u00ednh n\u0103ng chi ti\u1ebft v\u1ec1 kh\u1ea3 n\u0103ng h\u1ed7 tr\u1ee3 \u0111a c\u00fa ph\u00e1p c\u1ee7a VPasCode, s\u1eeda l\u1ed7i m\u00e3 b\u1eb1ng AI, d\u1ecbch b\u1eb1ng AI v\u00e0 t\u00edch h\u1ee3p v\u1edbi Visual Paradigm OpenDocs cho t\u00e0i li\u1ec7u.<\/li>\n<li><a href=\"https:\/\/www.vpascode.com\/seamlessly-connect-diagrams-to-documentation-with-opendocs\/#content\"><strong>K\u1ebft n\u1ed1i s\u01a1 \u0111\u1ed3 v\u1edbi t\u00e0i li\u1ec7u m\u1ed9t c\u00e1ch li\u1ec1n m\u1ea1ch b\u1eb1ng OpenDocs<\/strong><\/a>: B\u00e0i vi\u1ebft gi\u1ea3i th\u00edch c\u00e1ch VPasCode \u0111\u00f3ng vai tr\u00f2 c\u1ea7u n\u1ed1i \u0111\u1ebfn OpenDocs, bi\u1ebfn c\u00e1c s\u01a1 \u0111\u1ed3 t\u0129nh th\u00e0nh t\u00e0i s\u1ea3n t\u00e0i li\u1ec7u s\u1ed1ng \u0111\u1ed9ng v\u00e0 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 \u201cdoc-rot\u201d.<\/li>\n<li><a href=\"https:\/\/www.cnblogs.com\/uml-tool\/p\/22514491\/DFD-top-down-decomposition-visual-paradigm-tool-with-ai-chatbot-vpascode-features#commentform#1\"><strong>\u0110\u00e1nh gi\u00e1 th\u1ef1c t\u1ebf: S\u1eed d\u1ee5ng ph\u00e2n r\u00e3 t\u1eeb tr\u00ean xu\u1ed1ng DFD \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi AI v\u1edbi Visual Paradigm + VPasCode<\/strong><\/a>: Tr\u1ea3i nghi\u1ec7m c\u1ee7a ng\u01b0\u1eddi d\u00f9ng (ti\u1ebfng Trung) khi s\u1eed d\u1ee5ng AI Chatbot nh\u01b0 m\u1ed9t \u201chu\u1ea5n luy\u1ec7n vi\u00ean DFD ri\u00eang t\u01b0\u201d cho ph\u00e2n r\u00e3 t\u1eeb tr\u00ean xu\u1ed1ng, v\u00e0 d\u00f9ng VPasCode \u0111\u1ec3 ch\u1ec9nh s\u1eeda v\u00e0 tinh ch\u1ec9nh c\u00e1c s\u01a1 \u0111\u1ed3.<\/li>\n<li><a href=\"https:\/\/blog.51cto.com\/u_13102515\/14841078#1\"><strong>\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: VPasCode v\u1edbi Apache ECharts &amp; AI \u2013 T\u1ea1m bi\u1ec7t k\u00e9o v\u00e0 th\u1ea3<\/strong><\/a>: \u0110\u00e1nh gi\u00e1 c\u1ee7a l\u1eadp tr\u00ecnh vi\u00ean (ti\u1ebfng Trung) gi\u1edbi thi\u1ec7u c\u00e1ch VPasCode th\u1ed1ng nh\u1ea5t s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi AI \u0111\u1ec3 t\u1ea1o b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n ECharts v\u00e0 s\u01a1 \u0111\u1ed3 PlantUML, k\u00e8m theo h\u01b0\u1edbng d\u1eabn 5 b\u01b0\u1edbc \u0111\u1ec3 b\u1eaft \u0111\u1ea7u.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"sc-afr2nh-0 sc-97fke2-1 jmpjbl hkyNvy\">\n<div class=\"sc-97fke2-2 geHObL\">\n<h3 id=\"packages\"><\/h3>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2014\u2014 Chia s\u1ebb c\u00e1c ph\u01b0\u01a1ng ph\u00e1p t\u1ed1t nh\u1ea5t v\u1edbi Chatbot AI Visual Paradigm + VPasCode Xin ch\u00e0o m\u1ecdi ng\u01b0\u1eddi, t\u00f4i<\/p>\n","protected":false},"author":11,"featured_media":12178,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[117],"tags":[],"class_list":["post-12177","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.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode - Cybermedian<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode - Cybermedian\" \/>\n<meta property=\"og:description\" content=\"\u2014\u2014 Chia s\u1ebb c\u00e1c ph\u01b0\u01a1ng ph\u00e1p t\u1ed1t nh\u1ea5t v\u1edbi Chatbot AI Visual Paradigm + VPasCode Xin ch\u00e0o m\u1ecdi ng\u01b0\u1eddi, t\u00f4i\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Cybermedian\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T07:50:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:26:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.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=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode\",\"datePublished\":\"2026-08-25T07:50:31+00:00\",\"dateModified\":\"2026-09-03T15:26:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\"},\"wordCount\":4646,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png\",\"articleSection\":[\"VPasCode\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\",\"name\":\"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode - Cybermedian\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png\",\"datePublished\":\"2026-08-25T07:50:31+00:00\",\"dateModified\":\"2026-09-03T15:26:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/\",\"name\":\"Cybermedian\",\"description\":\"H\u1ecdc m\u1ed9t \u0111i\u1ec1u m\u1edbi m\u1ed7i ng\u00e0y\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/vn\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode - Cybermedian","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:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","og_locale":"vi_VN","og_type":"article","og_title":"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode - Cybermedian","og_description":"\u2014\u2014 Chia s\u1ebb c\u00e1c ph\u01b0\u01a1ng ph\u00e1p t\u1ed1t nh\u1ea5t v\u1edbi Chatbot AI Visual Paradigm + VPasCode Xin ch\u00e0o m\u1ecdi ng\u01b0\u1eddi, t\u00f4i","og_url":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","og_site_name":"Cybermedian","article_published_time":"2026-08-25T07:50:31+00:00","article_modified_time":"2026-09-03T15:26:01+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png","type":"","width":"","height":""},{"width":1024,"height":572,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d4f60c67dd.png","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"curtis","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"12 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode","datePublished":"2026-08-25T07:50:31+00:00","dateModified":"2026-09-03T15:26:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"},"wordCount":4646,"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png","articleSection":["VPasCode"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","url":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/","name":"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode - Cybermedian","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png","datePublished":"2026-08-25T07:50:31+00:00","dateModified":"2026-09-03T15:26:01+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#primaryimage","url":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png","contentUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/08\/img_6a8d4f60c67dd.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/vn\/deep-dive-review-diagram-as-code-with-mermaid-using-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/vn\/"},{"@type":"ListItem","position":2,"name":"\u0110\u00e1nh gi\u00e1 chuy\u00ean s\u00e2u: V\u1ebd s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u1edbi Mermaid s\u1eed d\u1ee5ng VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/vn\/#website","url":"https:\/\/www.cybermedian.com\/vn\/","name":"Cybermedian","description":"H\u1ecdc m\u1ed9t \u0111i\u1ec1u m\u1edbi m\u1ed7i ng\u00e0y","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/vn\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts\/12177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/comments?post=12177"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts\/12177\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media\/12178"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media?parent=12177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/categories?post=12177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/tags?post=12177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}