{"id":12129,"date":"2026-08-25T16:52:27","date_gmt":"2026-08-25T08:52:27","guid":{"rendered":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/"},"modified":"2026-09-03T23:25:53","modified_gmt":"2026-09-03T15:25:53","slug":"from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/","title":{"rendered":"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid"},"content":{"rendered":"<h2>Gi\u1edbi thi\u1ec7u<\/h2>\n<p>Trong th\u1ebf gi\u1edbi k\u1ef9 thu\u1eadt ph\u1ea7n m\u1ec1m \u0111\u1ea7y t\u1ed1c \u0111\u1ed9, t\u00e0i li\u1ec7u th\u01b0\u1eddng \u0111i sau qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n. M\u00f4 h\u00ecnh h\u00f3a UML truy\u1ec1n th\u1ed1ng, d\u00f9 m\u1ea1nh m\u1ebd, th\u01b0\u1eddng tr\u1edf th\u00e0nh n\u00fat th\u1eaft c\u1ed5 chai do s\u1ef1 ph\u1ee5 thu\u1ed9c v\u00e0o c\u00e1c giao di\u1ec7n k\u00e9o-th\u1ea3 th\u1ee7 c\u00f4ng. Khi c\u00e1c m\u00f4 h\u00ecnh mi\u1ec1n h\u01b0\u1edbng \u0111\u1ed1i t\u01b0\u1ee3ng ph\u00e1t tri\u1ec3n nhanh ch\u00f3ng, vi\u1ec7c gi\u1eef cho c\u00e1c s\u01a1 \u0111\u1ed3 lu\u00f4n c\u1eadp nh\u1eadt c\u00f3 th\u1ec3 c\u1ea3m gi\u00e1c nh\u01b0 m\u1ed9t nhi\u1ec7m v\u1ee5 v\u00f4 \u00edch (nh\u01b0 Sisyphus), d\u1eabn \u0111\u1ebfn c\u00e1c t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac l\u1ed7i th\u1eddi v\u00e0 s\u1ef1 hi\u1ec3u bi\u1ebft kh\u00f4ng th\u1ed1ng nh\u1ea5t trong \u0111\u1ed9i ng\u0169.<\/p>\n<p id=\"vOlJcQu\"><img alt=\"Infographic so s\u00e1nh c\u00e1c n\u00fat c\u1ed5 chai UML truy\u1ec1n th\u1ed1ng v\u1edbi vi\u1ec7c t\u1ea1o s\u01a1 \u0111\u1ed3 l\u1edbp \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi AI s\u1eed d\u1ee5ng Visual Paradigm AI v\u00e0 VPasCode.\" class=\"alignnone size-full wp-image-20196\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254-768x429.png 768w\" width=\"1024\"\/><\/p>\n<p>H\u01b0\u1edbng d\u1eabn n\u00e0y kh\u00e1m ph\u00e1 m\u1ed9t gi\u1ea3i ph\u00e1p hi\u1ec7n \u0111\u1ea1i cho th\u00e1ch th\u1ee9c n\u00e0y: t\u00edch h\u1ee3p<strong>Chatbot AI c\u1ee7a Visual Paradigm<\/strong>v\u1edbi<strong>N\u1ec1n t\u1ea3ng VPasCode<\/strong>. B\u1eb1ng c\u00e1ch t\u1eadn d\u1ee5ng x\u1eed l\u00fd ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean v\u00e0 tr\u00ecnh b\u00e0y d\u1ef1a tr\u00ean m\u00e3, c\u00e1c \u0111\u1ed9i k\u1ef9 thu\u1eadt c\u00f3 th\u1ec3 t\u1ea1o ra, tinh ch\u1ec9nh v\u00e0 duy tr\u00ec c\u00e1c s\u01a1 \u0111\u1ed3 l\u1edbp ph\u1ee9c t\u1ea1p m\u00e0 kh\u00f4ng c\u1ea7n ch\u1ea1m v\u00e0o chu\u1ed9t. C\u00e1ch ti\u1ebfp c\u1eadn n\u00e0y kh\u00f4ng ch\u1ec9 t\u0103ng t\u1ed1c giai \u0111o\u1ea1n thi\u1ebft k\u1ebf m\u00e0 c\u00f2n \u0111\u1ea3m b\u1ea3o t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac \u0111\u01b0\u1ee3c ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n, c\u00f3 th\u1ec3 t\u00ecm ki\u1ebfm v\u00e0 \u0111\u1ed3ng b\u1ed9 h\u00f3a n\u1ed9i t\u1ea1i v\u1edbi c\u01a1 s\u1edf m\u00e3.<\/p>\n<hr\/>\n<h2>C\u00e1c Kh\u00e1i ni\u1ec7m Ch\u00ednh<\/h2>\n<h3>1. S\u1ef1 chuy\u1ec3n d\u1ecbch t\u1eeb M\u00f4 h\u00ecnh h\u00f3a Giao di\u1ec7n Ng\u01b0\u1eddi d\u00f9ng \u0110\u1ed3 h\u1ecda (GUI) sang M\u00f4 h\u00ecnh h\u00f3a d\u1ef1a tr\u00ean M\u00e3<\/h3>\n<p>C\u00e1c c\u00f4ng c\u1ee5 truy\u1ec1n th\u1ed1ng d\u1ef1a tr\u00ean giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng \u0111\u1ed3 h\u1ecda (GUI), n\u01a1i m\u1ecdi y\u1ebfu t\u1ed1 ph\u1ea3i \u0111\u01b0\u1ee3c \u0111\u1eb7t th\u1ee7 c\u00f4ng. M\u00f4 h\u00ecnh h\u00f3a d\u1ef1a tr\u00ean m\u00e3, s\u1eed d\u1ee5ng c\u00fa ph\u00e1p nh\u01b0 Mermaid, coi c\u00e1c s\u01a1 \u0111\u1ed3 l\u00e0 m\u00e3. \u0110i\u1ec1u n\u00e0y cho ph\u00e9p:<\/p>\n<ul>\n<li>\n<p><strong>Ki\u1ec3m so\u00e1t Phi\u00ean b\u1ea3n:<\/strong>S\u01a1 \u0111\u1ed3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c cam k\u1ebft v\u00e0o Git, cho ph\u00e9p so s\u00e1nh s\u1ef1 kh\u00e1c bi\u1ec7t (diff), ph\u00e2n nh\u00e1nh v\u00e0 h\u1ee3p nh\u1ea5t.<\/p>\n<\/li>\n<li>\n<p><strong>Kh\u1ea3 n\u0103ng T\u00e1i t\u1ea1o:<\/strong>M\u1ed9t s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra t\u1eeb m\u1ed9t t\u1ec7p v\u0103n b\u1ea3n, \u0111\u1ea3m b\u1ea3o n\u00f3 tr\u00f4ng gi\u1ed1ng h\u1ec7t nhau tr\u00ean m\u00e1y c\u1ee7a m\u1ecdi nh\u00e0 ph\u00e1t tri\u1ec3n.<\/p>\n<\/li>\n<li>\n<p><strong>T\u1ef1 \u0111\u1ed9ng h\u00f3a:<\/strong>S\u01a1 \u0111\u1ed3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u1ea1o t\u1ef1 \u0111\u1ed9ng trong c\u00e1c quy tr\u00ecnh CI\/CD.<\/p>\n<\/li>\n<\/ul>\n<h3>2. Chatbot AI c\u1ee7a Visual Paradigm<\/h3>\n<p>Th\u00e0nh ph\u1ea7n AI \u0111\u00f3ng vai tr\u00f2 nh\u01b0 &#8220;ng\u01b0\u1eddi d\u1ecbch ki\u1ebfn tr\u00fac.&#8221; Thay v\u00ec v\u1eadt l\u1ed9n v\u1edbi c\u00fa ph\u00e1p ho\u1eb7c b\u1ed1 c\u1ee5c, c\u00e1c k\u1ef9 s\u01b0 m\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng c\u1ee7a h\u1ecd b\u1eb1ng ti\u1ebfng Anh \u0111\u01a1n gi\u1ea3n. AI di\u1ec5n gi\u1ea3i c\u00e1c m\u00f4 t\u1ea3 n\u00e0y, x\u00e1c \u0111\u1ecbnh c\u00e1c th\u1ef1c th\u1ec3, thu\u1ed9c t\u00ednh v\u00e0 m\u1ed1i quan h\u1ec7, sau \u0111\u00f3 xu\u1ea5t ra c\u00fa ph\u00e1p Mermaid c\u00f3 c\u1ea5u tr\u00fac.<\/p>\n<h3>3. N\u1ec1n t\u1ea3ng VPasCode<\/h3>\n<p>VPasCode \u0111\u00f3ng vai tr\u00f2 l\u00e0 \u0111\u1ed9ng c\u01a1 tr\u00ecnh b\u00e0y v\u00e0 trung t\u00e2m t\u00edch h\u1ee3p. N\u00f3 nh\u1eadn m\u00e3 Mermaid th\u00f4 \u0111\u01b0\u1ee3c t\u1ea1o b\u1edfi AI v\u00e0 tr\u1ef1c quan h\u00f3a n\u00f3 ngay l\u1eadp t\u1ee9c. Quan tr\u1ecdng h\u01a1n, n\u00f3 t\u00edch h\u1ee3p v\u00e0o quy tr\u00ecnh ph\u00e1t tri\u1ec3n, cho ph\u00e9p c\u00e1c \u0111\u1ed9i l\u01b0u tr\u1eef s\u01a1 \u0111\u1ed3 c\u00f9ng v\u1edbi m\u00e3 ngu\u1ed3n trong c\u00e1c kho l\u01b0u tr\u1eef.<\/p>\n<hr\/>\n<h2>B\u1ea3ng T\u00f3m t\u1eaft C\u00fa ph\u00e1p S\u01a1 \u0111\u1ed3 L\u1edbp Mermaid<\/h2>\n<p>\u0110\u1ec3 giao ti\u1ebfp hi\u1ec7u qu\u1ea3 v\u1edbi AI ho\u1eb7c tinh ch\u1ec9nh th\u1ee7 c\u00f4ng c\u00e1c s\u01a1 \u0111\u1ed3 \u0111\u00e3 t\u1ea1o, vi\u1ec7c l\u00e0m quen v\u1edbi c\u00fa ph\u00e1p c\u1ed1t l\u00f5i c\u1ee7a Mermaid l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft.<\/p>\n<p id=\"EanPmpd\"><img alt=\"B\u1ea3ng h\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 l\u1edbp Mermaid hi\u1ec3n th\u1ecb c\u00e1c ph\u1ea7n t\u1eed c\u1ed1t l\u00f5i, m\u1ed1i quan h\u1ec7, t\u00ednh \u0111a b\u1ed9i v\u00e0 m\u1ed9t v\u00ed d\u1ee5 ho\u00e0n ch\u1ec9nh.\" class=\"alignnone size-full wp-image-20198\" decoding=\"async\" height=\"559\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d58cf64518.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d58cf64518.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d58cf64518-300x164.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d58cf64518-768x419.png 768w\" width=\"1024\"\/><\/p>\n<h3>C\u00e1c Y\u1ebfu t\u1ed1 C\u1ed1t l\u00f5i<\/h3>\n<table>\n<thead>\n<tr>\n<th align=\"left\">Y\u1ebfu t\u1ed1<\/th>\n<th align=\"left\">C\u00fa ph\u00e1p<\/th>\n<th align=\"left\">M\u00f4 t\u1ea3<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td align=\"left\"><strong>\u0110\u1ecbnh ngh\u0129a L\u1edbp<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">class TenLop<\/code><\/td>\n<td align=\"left\">X\u00e1c \u0111\u1ecbnh m\u1ed9t th\u1ef1c th\u1ec3 l\u1edbp m\u1edbi.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Th\u00e0nh vi\u00ean c\u00f4ng khai<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">+thu\u1ed9c t\u00ednh<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">+ph\u01b0\u01a1ng th\u1ee9c()<\/code><\/td>\n<td align=\"left\">C\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y b\u1edfi t\u1ea5t c\u1ea3 c\u00e1c l\u1edbp kh\u00e1c.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Th\u00e0nh vi\u00ean ri\u00eang t\u01b0<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">-thu\u1ed9c t\u00ednh<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">-ph\u01b0\u01a1ng th\u1ee9c()<\/code><\/td>\n<td align=\"left\">Ch\u1ec9 c\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y b\u00ean trong l\u1edbp.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Th\u00e0nh vi\u00ean \u0111\u01b0\u1ee3c b\u1ea3o v\u1ec7<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">#thu\u1ed9c t\u00ednh<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">#ph\u01b0\u01a1ng th\u1ee9c()<\/code><\/td>\n<td align=\"left\">C\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y b\u1edfi l\u1edbp v\u00e0 c\u00e1c l\u1edbp con c\u1ee7a n\u00f3.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>G\u00f3i\/N\u1ed9i b\u1ed9<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">~thu\u1ed9c t\u00ednh<\/code>\u00a0\/\u00a0<code data-backticks=\"1\">~ph\u01b0\u01a1ng th\u1ee9c()<\/code><\/td>\n<td align=\"left\">C\u00f3 th\u1ec3 nh\u00ecn th\u1ea5y trong c\u00f9ng m\u1ed9t g\u00f3i.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>M\u1ed1i quan h\u1ec7 &amp; S\u1ed1 l\u01b0\u1ee3ng<\/h3>\n<table>\n<thead>\n<tr>\n<th align=\"left\">M\u1ed1i quan h\u1ec7<\/th>\n<th align=\"left\">K\u00fd hi\u1ec7u<\/th>\n<th align=\"left\">V\u00ed d\u1ee5<\/th>\n<th align=\"left\">\u00dd ngh\u0129a<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td align=\"left\"><strong>K\u1ebf th\u1eeba<\/strong><\/td>\n<td align=\"left\">`&lt;<\/td>\n<td align=\"left\">\u2013`<\/td>\n<td align=\"left\">`Con &lt;<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>T\u1ed5ng h\u1ee3p<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">*--<\/code><\/td>\n<td align=\"left\"><code data-backticks=\"1\">Nh\u00e0 *-- Ph\u00f2ng<\/code><\/td>\n<td align=\"left\">S\u1edf h\u1eefu m\u1ea1nh; c\u00e1c ph\u1ea7n kh\u00f4ng th\u1ec3 t\u1ed3n t\u1ea1i n\u1ebfu kh\u00f4ng c\u00f3 t\u1ed5ng th\u1ec3.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>T\u1ee5 h\u1ee3p<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">o--<\/code><\/td>\n<td align=\"left\"><code data-backticks=\"1\">Th\u01b0 vi\u1ec7n o-- S\u00e1ch<\/code><\/td>\n<td align=\"left\">S\u1edf h\u1eefu y\u1ebfu; c\u00e1c ph\u1ea7n c\u00f3 th\u1ec3 t\u1ed3n t\u1ea1i \u0111\u1ed9c l\u1eadp.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Li\u00ean k\u1ebft<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">--&gt;<\/code><\/td>\n<td align=\"left\"><code data-backticks=\"1\">Sinh vi\u00ean --&gt; Kh\u00f3a h\u1ecdc<\/code><\/td>\n<td align=\"left\">M\u1ed1i li\u00ean k\u1ebft chung gi\u1eefa c\u00e1c l\u1edbp.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Ph\u1ee5 thu\u1ed9c<\/strong><\/td>\n<td align=\"left\"><code data-backticks=\"1\">..&gt;<\/code><\/td>\n<td align=\"left\"><code data-backticks=\"1\">D\u1ecbch v\u1ee5 ..&gt; C\u01a1 s\u1edf d\u1eef li\u1ec7u<\/code><\/td>\n<td align=\"left\">M\u1ed9t l\u1edbp s\u1eed d\u1ee5ng l\u1edbp kh\u00e1c m\u1ed9t c\u00e1ch t\u1ea1m th\u1eddi.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\"><strong>Tri\u1ec3n khai<\/strong><\/td>\n<td align=\"left\">`&lt;<\/td>\n<td align=\"left\">..`<\/td>\n<td align=\"left\">`L\u1edbp &lt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>K\u00fd hi\u1ec7u \u0111a tr\u1ecb:<\/strong> \u0110\u1eb7t s\u1ed1 ho\u1eb7c k\u00fd hi\u1ec7u tr\u01b0\u1edbc \u0111\u1ea7u cu\u1ed1i c\u1ee7a \u0111\u01b0\u1eddng quan h\u1ec7.<\/p>\n<ul>\n<li>\n<p><code data-backticks=\"1\">1<\/code> : Ch\u00ednh x\u00e1c m\u1ed9t<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">*<\/code> : Nhi\u1ec1u<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">0..1<\/code> : Kh\u00f4ng ho\u1eb7c m\u1ed9t<\/p>\n<\/li>\n<li>\n<p><code data-backticks=\"1\">1..*<\/code> : M\u1ed9t ho\u1eb7c nhi\u1ec1u<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>V\u00ed d\u1ee5 nghi\u00ean c\u1ee9u t\u00ecnh hu\u1ed1ng<\/h2>\n<h3>1. C\u1ea5u tr\u00fac l\u1edbp c\u01a1 b\u1ea3n<\/h3>\n<p>M\u1ed9t m\u00f4 h\u00ecnh c\u01a1 b\u1ea3n hi\u1ec3n th\u1ecb c\u00e1c b\u1ed9 s\u1eeda \u0111\u1ed5i quy\u1ec1n truy c\u1eadp v\u00e0 ki\u1ec3u d\u1eef li\u1ec7u. \u0110\u00e2y th\u01b0\u1eddng l\u00e0 \u0111i\u1ec3m kh\u1edfi \u0111\u1ea7u cho b\u1ea5t k\u1ef3 m\u00f4 h\u00ecnh mi\u1ec1n n\u00e0o.<\/p>\n<p id=\"LCAVNDC\"><img alt=\"S\u01a1 \u0111\u1ed3 l\u1edbp UML c\u01a1 b\u1ea3n cho th\u1ef1c th\u1ec3 User hi\u1ec3n th\u1ecb c\u00e1c b\u1ed9 s\u1eeda \u0111\u1ed5i quy\u1ec1n truy c\u1eadp v\u00e0 ki\u1ec3u d\u1eef li\u1ec7u.\" class=\"alignnone size-full wp-image-20192\" decoding=\"async\" height=\"246\" loading=\"lazy\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5785d2f5f.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5785d2f5f.png 246w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5785d2f5f-150x150.png 150w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d5785d2f5f-120x120.png 120w\" width=\"246\"\/><\/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:eNpLzkksLnbJTEwvSszl5VIAgmSQiEJocWqRQjVEBAR0g0uKMvPSFUqB4p4pCHFlqHhqbmJmDkJYG0l5XmJuKpJMTn56Zp6GpkJSfn5OamIeqkx+aQlQqiw\/E2pFLQDj5Srr\" 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:eNpLzkksLnbJTEwvSszl5VIAgmSQiEJocWqRQjVEBAR0g0uKMvPSFUqB4p4pCHFlqHhqbmJmDkJYG0l5XmJuKpJMTn56Zp6GpkJSfn5OamIeqkx+aQlQqiw\/E2pFLQDj5Srr\" 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:eNpLzkksLnbJTEwvSszl5VIAgmSQiEJocWqRQjVEBAR0g0uKMvPSFUqB4p4pCHFlqHhqbmJmDkJYG0l5XmJuKpJMTn56Zp6GpkJSfn5OamIeqkx+aQlQqiw\/E2pFLQDj5Srr\" \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\r\n    class User {\r\n        -String userId\r\n        #String email\r\n        +String username\r\n        +login() boolean\r\n        +logout() void\r\n    }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLzkksLnbJTEwvSszl5VIAgmSQiEJocWqRQjVEBAR0g0uKMvPSFUqB4p4pCHFlqHhqbmJmDkJYG0l5XmJuKpJMTn56Zp6GpkJSfn5OamIeqkx+aQlQqiw\/E2pFLQDj5Srr\" \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:eNpLzkksLnbJTEwvSszl5VIAgmSQiEJocWqRQjVEBAR0g0uKMvPSFUqB4p4pCHFlqHhqbmJmDkJYG0l5XmJuKpJMTn56Zp6GpkJSfn5OamIeqkx+aQlQqiw\/E2pFLQDj5Srr\" 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:eNpLzkksLnbJTEwvSszl5VIAgmSQiEJocWqRQjVEBAR0g0uKMvPSFUqB4p4pCHFlqHhqbmJmDkJYG0l5XmJuKpJMTn56Zp6GpkJSfn5OamIeqkx+aQlQqiw\/E2pFLQDj5Srr\" 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>2. M\u1ed1i quan h\u1ec7 v\u00e0 t\u00ednh \u0111a tr\u1ecb<\/h3>\n<p>V\u00ed d\u1ee5 n\u00e0y minh h\u1ecda c\u00e1ch c\u00e1c t\u00e0i kho\u1ea3n kh\u00e1c nhau li\u00ean quan \u0111\u1ebfn m\u1ed9t ng\u00e2n h\u00e0ng, th\u1ec3 hi\u1ec7n k\u1ebf th\u1eeba v\u00e0 t\u1eadp h\u1ee3p.<\/p>\n<p id=\"cXgYPzk\"><img alt=\"S\u01a1 \u0111\u1ed3 UML hi\u1ec3n th\u1ecb Bank qu\u1ea3n l\u00fd Account v\u00e0 SavingsAccount th\u1eeba k\u1ebf Account v\u1edbi t\u00ednh \u0111a b\u1ed9i.\" class=\"alignnone size-full wp-image-20193\" decoding=\"async\" height=\"510\" loading=\"lazy\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d579dccb18.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d579dccb18.png 306w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d579dccb18-180x300.png 180w\" width=\"306\"\/><\/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:eNp9kLEOgjAQhncT3+HSCTUMrsRF4+LiIE9wtA000pa0BWLUd7dYiNUQb2ly\/9\/7vztao7VHgaVBuVyALzp0YE+pbpWDe2gOtcmdEaoEDNK5lQU3kcx0W9QcCqxRUR4LvNFWuATl8C+DYFxBpwWLbL1wFTPY\/\/E9wxOD5th5KDvHOwIJ5bjh1l3QxVTYNPXtNGrJT0qccEB1nbuDQvk1j7ERIvEXyqYLzg6eaHePNP3dIPPAFTfC2eB9x5MtAe29ZE3gY5SosOT2BZgmgDk=\" 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:eNp9kLEOgjAQhncT3+HSCTUMrsRF4+LiIE9wtA000pa0BWLUd7dYiNUQb2ly\/9\/7vztao7VHgaVBuVyALzp0YE+pbpWDe2gOtcmdEaoEDNK5lQU3kcx0W9QcCqxRUR4LvNFWuATl8C+DYFxBpwWLbL1wFTPY\/\/E9wxOD5th5KDvHOwIJ5bjh1l3QxVTYNPXtNGrJT0qccEB1nbuDQvk1j7ERIvEXyqYLzg6eaHePNP3dIPPAFTfC2eB9x5MtAe29ZE3gY5SosOT2BZgmgDk=\" 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:eNp9kDEOwjAMRXck7mB1KqAOrBULiIWFAU7gJhFEpElJUhACTsPIDUCIgZP0JrSkiIAqvETy\/7GfPxFozJjjQmPabkFZpOrAkBCVSwt716yqN7eaywWgk6Z5mjDtyVTliWCQoEBJmC+wTBluQ0yrfzE4Ywc2ilPPtuV2STVu\/\/iO7vFB57gpoUwTbw3EpWWaGTtD61NhlondpNbCny3+hhHKVVMOEtOveZTWEGGZUPxOsHHwm3ZwiKLfC2JYFZc72GVxPaOzvwiCfgCqtAfdAD7edV5cThLE4\/YEFHSF\/g==\" \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\r\n    class Account {\r\n        +String accountNumber\r\n        +double balance\r\n        +deposit(amount: double) void\r\n        +withdraw(amount: double) void\r\n    }\r\n    \r\n    class SavingsAccount {\r\n        +double interestRate\r\n        +applyInterest() void\r\n    }\r\n\r\n    class Bank {\r\n        +String name\r\n        +addAccount(acc: Account) void\r\n    }\r\n\r\n    Account &lt;|-- SavingsAccount : k\u1ebf th\u1eeba\r\n    Bank \"1\" o-- \"*\" Account : qu\u1ea3n l\u00fd\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9kDEOwjAMRXck7mB1KqAOrBULiIWFAU7gJhFEpElJUhACTsPIDUCIgZP0JrSkiIAqvETy\/7GfPxFozJjjQmPabkFZpOrAkBCVSwt716yqN7eaywWgk6Z5mjDtyVTliWCQoEBJmC+wTBluQ0yrfzE4Ywc2ilPPtuV2STVu\/\/iO7vFB57gpoUwTbw3EpWWaGTtD61NhlondpNbCny3+hhHKVVMOEtOveZTWEGGZUPxOsHHwm3ZwiKLfC2JYFZc72GVxPaOzvwiCfgCqtAfdAD7edV5cThLE4\/YEFHSF\/g==\" \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:eNp9kLEOgjAQhncT3+HSCTUMrsRF4+LiIE9wtA000pa0BWLUd7dYiNUQb2ly\/9\/7vztao7VHgaVBuVyALzp0YE+pbpWDe2gOtcmdEaoEDNK5lQU3kcx0W9QcCqxRUR4LvNFWuATl8C+DYFxBpwWLbL1wFTPY\/\/E9wxOD5th5KDvHOwIJ5bjh1l3QxVTYNPXtNGrJT0qccEB1nbuDQvk1j7ERIvEXyqYLzg6eaHePNP3dIPPAFTfC2eB9x5MtAe29ZE3gY5SosOT2BZgmgDk=\" 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:eNp9kLEOgjAQhncT3+HSCTUMrsRF4+LiIE9wtA000pa0BWLUd7dYiNUQb2ly\/9\/7vztao7VHgaVBuVyALzp0YE+pbpWDe2gOtcmdEaoEDNK5lQU3kcx0W9QcCqxRUR4LvNFWuATl8C+DYFxBpwWLbL1wFTPY\/\/E9wxOD5th5KDvHOwIJ5bjh1l3QxVTYNPXtNGrJT0qccEB1nbuDQvk1j7ERIvEXyqYLzg6eaHePNP3dIPPAFTfC2eB9x5MtAe29ZE3gY5SosOT2BZgmgDk=\" 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>3. M\u00f4 h\u00ecnh mi\u1ec1n Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed n\u00e2ng cao<\/h3>\n<p>M\u1ed9t v\u00ed d\u1ee5 \u1edf m\u1ee9c \u0111\u1ed9 s\u1ea3n xu\u1ea5t \u0111\u01b0\u1ee3c t\u1ea1o ra qua VPasCode, minh h\u1ecda c\u00e1c t\u01b0\u01a1ng t\u00e1c ph\u1ee9c t\u1ea1p bao g\u1ed3m c\u00e1c li\u1ec7t k\u00ea, giao di\u1ec7n v\u00e0 th\u00e0nh ph\u1ea7n.<\/p>\n<p id=\"GrSaniA\"><img alt=\"S\u01a1 \u0111\u1ed3 UML m\u00f4 h\u00ecnh mi\u1ec1n th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed hi\u1ec3n th\u1ecb c\u00e1c m\u1ed1i quan h\u1ec7 gi\u1eefa c\u00e1c l\u1edbp Order, ShoppingCart v\u00e0 PaymentProcessor.\" class=\"alignnone size-full wp-image-20194\" decoding=\"async\" height=\"584\" loading=\"lazy\" sizes=\"auto, (max-width: 833px) 100vw, 833px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d57bcde951.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d57bcde951.png 833w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d57bcde951-300x210.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d57bcde951-768x538.png 768w\" width=\"833\"\/><\/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:eNrFlE1vozAQhu+V+h+snJJWoN1rFEVqAe2iRikqVe8Te5JaCza1x11Vu\/vf13xUMYQ9LwewZt7XPDMe4BVYm0o4Gaivr5i\/hDTISWrFnu+vr\/oYb1Xs0Qg0JQE5y371ifbabFC5Gg20pu32nCiyfZrvvwWBp8ckK8tRrPyeF0WWngNptstfsqcwlNztk2y3+wz9GWMV8FGjosJojtZqM2aTitAcgWNIdtv04sG6FNodKmRQa6doxQ5aVwgq0Bs8OiU+5SUZqU6MDCgLXa9yMXFNGBODQlICRsxiRsOO0MgH\/PiPnN0Rz5HpNpGLIJECYR9uV0EiHBPbPQJADhV3lTc8a4JquWJ9SYHCNcKne\/8y3Evhz361Yu9ain\/z54T1XA2+mcJxGlXhx4O9OVAkKeh7NDTaKennSvKQ74RUusMc\/oSlfNVN49\/rT51CnFsQokVcnmGlv4VVDWdZ63fslNMCLrT8FfkP7cgTdbtOgC4+kc3vOJ4dyjWTdVNhqx6OrR+JxdcFu4ki\/4zjm0XQ5zXjum60RcH0sXeMCm+NujV+mTEqAqlG74mi7eg\/s2bO4kgRx9vLetZMYINKWKbVX9oLYoE=\" 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:eNrFlE1vozAQhu+V+h+snJJWoN1rFEVqAe2iRikqVe8Te5JaCza1x11Vu\/vf13xUMYQ9LwewZt7XPDMe4BVYm0o4Gaivr5i\/hDTISWrFnu+vr\/oYb1Xs0Qg0JQE5y371ifbabFC5Gg20pu32nCiyfZrvvwWBp8ckK8tRrPyeF0WWngNptstfsqcwlNztk2y3+wz9GWMV8FGjosJojtZqM2aTitAcgWNIdtv04sG6FNodKmRQa6doxQ5aVwgq0Bs8OiU+5SUZqU6MDCgLXa9yMXFNGBODQlICRsxiRsOO0MgH\/PiPnN0Rz5HpNpGLIJECYR9uV0EiHBPbPQJADhV3lTc8a4JquWJ9SYHCNcKne\/8y3Evhz361Yu9ain\/z54T1XA2+mcJxGlXhx4O9OVAkKeh7NDTaKennSvKQ74RUusMc\/oSlfNVN49\/rT51CnFsQokVcnmGlv4VVDWdZ63fslNMCLrT8FfkP7cgTdbtOgC4+kc3vOJ4dyjWTdVNhqx6OrR+JxdcFu4ki\/4zjm0XQ5zXjum60RcH0sXeMCm+NujV+mTEqAqlG74mi7eg\/s2bO4kgRx9vLetZMYINKWKbVX9oLYoE=\" 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:eNrFlL9v1DAUx\/dK\/R+sm+5aJYL1dDoJkohGnK5RU7H7bPdikdjBeT5UATMzI1sR6lBVSLCSsYj\/I\/8Jzo\/qnFyYmyFx3o+vP+\/5JSTFReFzvFU4Oz5C5qJcMQJcCnT58viotZE6Cp0rylQMGHSBPrSO+losmNAZU7hOWi73jihY++H6lWW4OPeCOO7Z4rMwigJ\/b\/CDVfgmuLBN3ou1F6xWj6ZPfawIX2dMQKQkYUUhVZ+NC2DqChNmk53mbXCXOqVSb1KGcCa1gBnaSJkyLKx4xa60oI\/hMSgutggUFgVuehXSQdaA0VOMcvCwoqOYTqeIc\/6aXT8hZ3PEY2SydoTUcvgYWGuuV5bDHpOieViABKdEpybhUgJOpzPUlmRF6Jwad5s\/tbUEe9+uZmgnOf0\/fwgsG6vBNJNqAr0qzHigdxoL4GD13ekarQU3c8WJzbdlEOvNGP6AJU5knpt9zamDjXOKKa0Rp3tYbm52Vd1ZZnLHmshhAQexJGHkrdRgiBrVAdDBJ7L46LqjQzlHkFTlL4ISXpWfuyFpp2LyfIJOHMc8XfdkYrV6jv58+fuzKr8TBNXvb9JIPNyIxLyU961ArxW1jqx1nh3oELP3HbY3dZxl778zR0VV\/kC0Km\/F1g503eVhmXOUG8VbA6Sr8itBu4cb+Q+cUXoQ\" \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\r\n    direction TB\r\n\r\n    class OrderStatus {\r\n        &lt;&lt;enumeration&gt;&gt;\r\n        PENDING\r\n        PROCESSING\r\n        SHIPPED\r\n        DELIVERED\r\n        CANCELLED\r\n    }\r\n\r\n    class PaymentProcessor {\r\n        &lt;&lt;interface&gt;&gt;\r\n        +processPayment(double amount) boolean\r\n        +refundPayment(String transactionId) boolean\r\n    }\r\n\r\n    class CreditCardProcessor {\r\n        -String apiKey\r\n        +processPayment(double amount) boolean\r\n        +refundPayment(String transactionId) boolean\r\n    }\r\n\r\n    class Order {\r\n        -String orderId\r\n        -Date orderDate\r\n        -OrderStatus status\r\n        +calculateTotal() double\r\n        +updateStatus(OrderStatus newStatus) void\r\n    }\r\n\r\n    class OrderItem {\r\n        -String productId\r\n        -int quantity\r\n        -double unitPrice\r\n        +getSubTotal() double\r\n    }\r\n\r\n    class ShoppingCart {\r\n        +addItem(OrderItem item) void\r\n        +removeItem(String productId) void\r\n        +checkout() Order\r\n    }\r\n\r\n    PaymentProcessor &lt;|.. CreditCardProcessor : th\u1ef1c hi\u1ec7n\r\n    Order \"1\" *-- \"1..*\" OrderItem : \u0111\u01b0\u1ee3c t\u1ea1o th\u00e0nh t\u1eeb\r\n    ShoppingCart \"1\" o-- \"0..*\" OrderItem : ch\u1ee9a\r\n    Order --&gt; OrderStatus : s\u1eed d\u1ee5ng\r\n    Order ..&gt; PaymentProcessor : ph\u1ee5 thu\u1ed9c v\u00e0o\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNrFlL9v1DAUx\/dK\/R+sm+5aJYL1dDoJkohGnK5RU7H7bPdikdjBeT5UATMzI1sR6lBVSLCSsYj\/I\/8Jzo\/qnFyYmyFx3o+vP+\/5JSTFReFzvFU4Oz5C5qJcMQJcCnT58viotZE6Cp0rylQMGHSBPrSO+losmNAZU7hOWi73jihY++H6lWW4OPeCOO7Z4rMwigJ\/b\/CDVfgmuLBN3ou1F6xWj6ZPfawIX2dMQKQkYUUhVZ+NC2DqChNmk53mbXCXOqVSb1KGcCa1gBnaSJkyLKx4xa60oI\/hMSgutggUFgVuehXSQdaA0VOMcvCwoqOYTqeIc\/6aXT8hZ3PEY2SydoTUcvgYWGuuV5bDHpOieViABKdEpybhUgJOpzPUlmRF6Jwad5s\/tbUEe9+uZmgnOf0\/fwgsG6vBNJNqAr0qzHigdxoL4GD13ekarQU3c8WJzbdlEOvNGP6AJU5knpt9zamDjXOKKa0Rp3tYbm52Vd1ZZnLHmshhAQexJGHkrdRgiBrVAdDBJ7L46LqjQzlHkFTlL4ISXpWfuyFpp2LyfIJOHMc8XfdkYrV6jv58+fuzKr8TBNXvb9JIPNyIxLyU961ArxW1jqx1nh3oELP3HbY3dZxl778zR0VV\/kC0Km\/F1g503eVhmXOUG8VbA6Sr8itBu4cb+Q+cUXoQ\" \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:eNrFlE1vozAQhu+V+h+snJJWoN1rFEVqAe2iRikqVe8Te5JaCza1x11Vu\/vf13xUMYQ9LwewZt7XPDMe4BVYm0o4Gaivr5i\/hDTISWrFnu+vr\/oYb1Xs0Qg0JQE5y371ifbabFC5Gg20pu32nCiyfZrvvwWBp8ckK8tRrPyeF0WWngNptstfsqcwlNztk2y3+wz9GWMV8FGjosJojtZqM2aTitAcgWNIdtv04sG6FNodKmRQa6doxQ5aVwgq0Bs8OiU+5SUZqU6MDCgLXa9yMXFNGBODQlICRsxiRsOO0MgH\/PiPnN0Rz5HpNpGLIJECYR9uV0EiHBPbPQJADhV3lTc8a4JquWJ9SYHCNcKne\/8y3Evhz361Yu9ain\/z54T1XA2+mcJxGlXhx4O9OVAkKeh7NDTaKennSvKQ74RUusMc\/oSlfNVN49\/rT51CnFsQokVcnmGlv4VVDWdZ63fslNMCLrT8FfkP7cgTdbtOgC4+kc3vOJ4dyjWTdVNhqx6OrR+JxdcFu4ki\/4zjm0XQ5zXjum60RcH0sXeMCm+NujV+mTEqAqlG74mi7eg\/s2bO4kgRx9vLetZMYINKWKbVX9oLYoE=\" 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:eNrFlE1vozAQhu+V+h+snJJWoN1rFEVqAe2iRikqVe8Te5JaCza1x11Vu\/vf13xUMYQ9LwewZt7XPDMe4BVYm0o4Gaivr5i\/hDTISWrFnu+vr\/oYb1Xs0Qg0JQE5y371ifbabFC5Gg20pu32nCiyfZrvvwWBp8ckK8tRrPyeF0WWngNptstfsqcwlNztk2y3+wz9GWMV8FGjosJojtZqM2aTitAcgWNIdtv04sG6FNodKmRQa6doxQ5aVwgq0Bs8OiU+5SUZqU6MDCgLXa9yMXFNGBODQlICRsxiRsOO0MgH\/PiPnN0Rz5HpNpGLIJECYR9uV0EiHBPbPQJADhV3lTc8a4JquWJ9SYHCNcKne\/8y3Evhz361Yu9ain\/z54T1XA2+mcJxGlXhx4O9OVAkKeh7NDTaKennSvKQ74RUusMc\/oSlfNVN49\/rT51CnFsQokVcnmGlv4VVDWdZ63fslNMCLrT8FfkP7cgTdbtOgC4+kc3vOJ4dyjWTdVNhqx6OrR+JxdcFu4ki\/4zjm0XQ5zXjum60RcH0sXeMCm+NujV+mTEqAqlG74mi7eg\/s2bO4kgRx9vLetZMYINKWKbVX9oLYoE=\" 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>L\u1ee3i \u00edch quy tr\u00ecnh: Visual Paradigm AI + VPasCode<\/h2>\n<ol>\n<li>\n<p><strong>Nh\u1eadp l\u1ec7nh th\u00e0nh s\u01a1 \u0111\u1ed3:<\/strong>\u00a0C\u00e1c k\u1ef9 s\u01b0 t\u01b0\u01a1ng t\u00e1c v\u1edbi Chatbot AI Visual Paradigm b\u1eb1ng c\u00e1c l\u1ec7nh b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean (v\u00ed d\u1ee5:\u00a0<em>&#8220;T\u1ea1o s\u01a1 \u0111\u1ed3 l\u1edbp th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed v\u1edbi \u0110\u01a1n h\u00e0ng, S\u1ea3n ph\u1ea9m v\u00e0 Giao di\u1ec7n Thanh to\u00e1n&#8221;<\/em>).<\/p>\n<\/li>\n<li>\n<p><strong>T\u1ea1o m\u00e3 t\u1ee9c th\u00ec:<\/strong>AI x\u1eed l\u00fd y\u00eau c\u1ea7u v\u00e0 xu\u1ea5t ra m\u00e3 Mermaid s\u1ea1ch, h\u1ee3p l\u1ec7 v\u1ec1 c\u00fa ph\u00e1p, lo\u1ea1i b\u1ecf c\u00e1c l\u1ed7i g\u00f5 tay th\u1ee7 c\u00f4ng.<\/p>\n<\/li>\n<li>\n<p><strong>Hi\u1ec3n th\u1ecb v\u00e0 t\u00edch h\u1ee3p li\u1ec1n m\u1ea1ch:<\/strong>VPasCode ngay l\u1eadp t\u1ee9c hi\u1ec3n th\u1ecb m\u00e3 th\u00e0nh s\u01a1 \u0111\u1ed3 tr\u1ef1c quan. V\u00ec \u0111\u1ea7u ra l\u00e0 m\u00e3, n\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c \u0111\u1ea9y tr\u1ef1c ti\u1ebfp v\u00e0o kho l\u01b0u tr\u1eef c\u1ee7a b\u1ea1n, \u0111\u1ea3m b\u1ea3o quy tr\u00ecnh t\u00e0i li\u1ec7u c\u1ee7a b\u1ea1n lu\u00f4n \u0111\u01b0\u1ee3c t\u1ef1 \u0111\u1ed9ng h\u00f3a v\u00e0 c\u1eadp nh\u1eadt.<\/p>\n<\/li>\n<\/ol>\n<hr\/>\n<h2>K\u1ebft lu\u1eadn<\/h2>\n<p class=\"\">Vi\u1ec7c t\u00edch h\u1ee3p Visual Paradigm AI v\u1edbi n\u1ec1n t\u1ea3ng VPasCode \u0111\u1ea1i di\u1ec7n cho m\u1ed9t b\u01b0\u1edbc ti\u1ebfn l\u1edbn trong t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac. B\u1eb1ng c\u00e1ch chuy\u1ec3n t\u1eeb c\u00e1c c\u00f4ng c\u1ee5 k\u00e9o-th\u1ea3 t\u0129nh, th\u1ee7 c\u00f4ng sang vi\u1ec7c t\u1ea1o \u0111\u1ed9ng d\u1ef1a tr\u00ean m\u00e3, c\u00e1c \u0111\u1ed9i ng\u0169 c\u00f3 th\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng c\u00e1c s\u01a1 \u0111\u1ed3 UML c\u1ee7a h\u1ecd kh\u00f4ng ch\u1ec9 l\u00e0 nh\u1eefng suy ngh\u0129 b\u1ed5 sung sau c\u00f9ng, m\u00e0 l\u00e0 c\u00e1c s\u1ea3n ph\u1ea9m s\u1ed1ng \u0111\u1ed9ng c\u1ee7a quy tr\u00ecnh ph\u00e1t tri\u1ec3n. Quy tr\u00ecnh l\u00e0m vi\u1ec7c n\u00e0y gi\u1ea3m b\u1edbt s\u1ef1 c\u1ea3n tr\u1edf, n\u00e2ng cao \u0111\u1ed9 ch\u00ednh x\u00e1c v\u00e0 cho ph\u00e9p c\u1ea3 qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m l\u1eabn k\u1ef9 s\u01b0 t\u1eadp trung v\u00e0o logic thi\u1ebft k\u1ebf c\u1ea5p cao thay v\u00ec c\u00e1c chi ti\u1ebft \u0111\u1ecbnh d\u1ea1ng c\u1ea5p th\u1ea5p. Khi c\u00e1c h\u1ec7 th\u1ed1ng ng\u00e0y c\u00e0ng ph\u1ee9c t\u1ea1p, vi\u1ec7c \u00e1p d\u1ee5ng v\u1ebd s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi AI v\u00e0 c\u00f3 ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n s\u1ebd tr\u1edf n\u00ean \u00edt mang t\u00ednh xa x\u1ec9 h\u01a1n v\u00e0 ng\u00e0y c\u00e0ng tr\u1edf th\u00e0nh m\u1ed9t y\u00eau c\u1ea7u thi\u1ebft y\u1ebfu \u0111\u1ec3 duy tr\u00ec t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt r\u00f5 r\u00e0ng v\u00e0 c\u00f3 th\u1ec3 h\u00e0nh \u0111\u1ed9ng \u0111\u01b0\u1ee3c.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gi\u1edbi thi\u1ec7u Trong th\u1ebf gi\u1edbi k\u1ef9 thu\u1eadt ph\u1ea7n m\u1ec1m \u0111\u1ea7y t\u1ed1c \u0111\u1ed9, t\u00e0i li\u1ec7u th\u01b0\u1eddng \u0111i sau qu\u00e1 tr\u00ecnh ph\u00e1t<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-12129","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid - 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\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid - Cybermedian\" \/>\n<meta property=\"og:description\" content=\"Gi\u1edbi thi\u1ec7u Trong th\u1ebf gi\u1edbi k\u1ef9 thu\u1eadt ph\u1ea7n m\u1ec1m \u0111\u1ea7y t\u1ed1c \u0111\u1ed9, t\u00e0i li\u1ec7u th\u01b0\u1eddng \u0111i sau qu\u00e1 tr\u00ecnh ph\u00e1t\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\" \/>\n<meta property=\"og:site_name\" content=\"Cybermedian\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T08:52:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:25:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid\",\"datePublished\":\"2026-08-25T08:52:27+00:00\",\"dateModified\":\"2026-09-03T15:25:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\"},\"wordCount\":1825,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\",\"name\":\"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid - Cybermedian\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png\",\"datePublished\":\"2026-08-25T08:52:27+00:00\",\"dateModified\":\"2026-09-03T15:25:53+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid\"}]},{\"@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":"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid - 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\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid - Cybermedian","og_description":"Gi\u1edbi thi\u1ec7u Trong th\u1ebf gi\u1edbi k\u1ef9 thu\u1eadt ph\u1ea7n m\u1ec1m \u0111\u1ea7y t\u1ed1c \u0111\u1ed9, t\u00e0i li\u1ec7u th\u01b0\u1eddng \u0111i sau qu\u00e1 tr\u00ecnh ph\u00e1t","og_url":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/","og_site_name":"Cybermedian","article_published_time":"2026-08-25T08:52:27+00:00","article_modified_time":"2026-09-03T15:25:53+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"curtis","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid","datePublished":"2026-08-25T08:52:27+00:00","dateModified":"2026-09-03T15:25:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/"},"wordCount":1825,"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png","articleSection":["Uncategorized"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/","url":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/","name":"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid - Cybermedian","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png","datePublished":"2026-08-25T08:52:27+00:00","dateModified":"2026-09-03T15:25:53+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d581f8f254.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/vn\/from-text-to-diagram-automating-uml-with-visual-paradigm-ai-and-vpascode-using-mermaid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/vn\/"},{"@type":"ListItem","position":2,"name":"T\u1eeb V\u0103n b\u1ea3n \u0111\u1ebfn S\u01a1 \u0111\u1ed3: T\u1ef1 \u0111\u1ed9ng h\u00f3a UML b\u1eb1ng Visual Paradigm AI v\u00e0 VPasCode s\u1eed d\u1ee5ng Mermaid"}]},{"@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\/12129","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=12129"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts\/12129\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media?parent=12129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/categories?post=12129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/tags?post=12129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}