{"id":2075,"date":"2026-07-08T06:34:46","date_gmt":"2026-07-08T06:34:46","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-requirement-diagram-syntax-traceability-guide\/"},"modified":"2026-07-08T06:34:46","modified_gmt":"2026-07-08T06:34:46","slug":"mermaid-js-requirement-diagram-syntax-traceability-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-requirement-diagram-syntax-traceability-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 Y\u00eau c\u1ea7u Mermaid.js v\u00e0 H\u01b0\u1edbng d\u1eabn truy xu\u1ea5t"},"content":{"rendered":"

S\u01a1 \u0111\u1ed3 Y\u00eau c\u1ea7u l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a k\u1ef9 thu\u1eadt chuy\u00ean bi\u1ec7t \u0111\u01b0\u1ee3c c\u00e1c ki\u1ebfn tr\u00fac s\u01b0 h\u1ec7 th\u1ed1ng, qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m v\u00e0 k\u1ef9 s\u01b0 ph\u1ea7n m\u1ec1m s\u1eed d\u1ee5ng \u0111\u1ec3 l\u1eadp b\u1ea3n \u0111\u1ed3 c\u00e1c th\u00f4ng s\u1ed1 k\u1ef9 thu\u1eadt, gi\u1edbi h\u1ea1n h\u1ec7 th\u1ed1ng v\u00e0 c\u00e1c b\u00e0i ki\u1ec3m tra x\u00e1c minh. \u0110\u01b0\u1ee3c x\u00e2y d\u1ef1ng d\u1ef1a tr\u00ean ti\u00eau chu\u1ea9n SysML (Ng\u00f4n ng\u1eef m\u00f4 h\u00ecnh h\u00f3a h\u1ec7 th\u1ed1ng), b\u1ed9 x\u1eed l\u00fd g\u1ed1crequirementDiagram<\/code>cho ph\u00e9p b\u1ea1n li\u00ean k\u1ebft c\u00e1c y\u00eau c\u1ea7u thi\u1ebft k\u1ebf tr\u1eebu t\u01b0\u1ee3ng tr\u1ef1c ti\u1ebfp v\u1edbi c\u00e1c th\u00e0nh ph\u1ea7n h\u1ec7 th\u1ed1ng v\u1eadt l\u00fd v\u00e0 c\u00e1c tr\u01b0\u1eddng h\u1ee3p ki\u1ec3m th\u1eed b\u1eb1ng c\u00e1ch khai b\u00e1o d\u1ef1a tr\u00ean v\u0103n b\u1ea3n.<\/p>\n

Hi\u1ec3u c\u00e1c th\u00e0nh ph\u1ea7n trong s\u01a1 \u0111\u1ed3 Y\u00eau c\u1ea7u<\/h2>\n

S\u01a1 \u0111\u1ed3 Y\u00eau c\u1ea7u ch\u1ee7 y\u1ebfu bao g\u1ed3m hai kh\u1ed1i x\u00e2y d\u1ef1ng c\u1ea5u tr\u00fac kh\u00e1c nhau:Kh\u1ed1i Y\u00eau c\u1ea7u<\/strong> (\u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh c\u00e1c quy t\u1eafc) v\u00e0Kh\u1ed1i Th\u00e0nh ph\u1ea7n<\/strong> (\u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 m\u00f4 h\u00ecnh h\u00f3a m\u00e3 ngu\u1ed3n, ph\u1ea7n c\u1ee9ng ho\u1eb7c k\u1ecbch b\u1ea3n ki\u1ec3m th\u1eed). Sau \u0111\u00f3, c\u00e1c m\u1ed1i quan h\u1ec7 \u0111\u01b0\u1ee3c v\u1ebd gi\u1eefa c\u00e1c kh\u1ed1i n\u00e0y \u0111\u1ec3 t\u1ea1o ra m\u1ed9t ma tr\u1eadn truy xu\u1ea5t r\u00f5 r\u00e0ng.<\/p>\n

C\u1ea5u tr\u00fac c\u00fa ph\u00e1p c\u01a1 b\u1ea3n<\/h2>\n

M\u1ed7i s\u01a1 \u0111\u1ed3 b\u1eaft \u0111\u1ea7u b\u1eb1ng ph\u1ea7n khai b\u00e1orequirementDiagram<\/code>ti\u00eau \u0111\u1ec1 khai b\u00e1o. Ti\u1ebfp theo l\u00e0 vi\u1ec7c x\u00e1c \u0111\u1ecbnh c\u00e1c kh\u1ed1i y\u00eau c\u1ea7u v\u1edbi c\u00e1c thu\u1ed9c t\u00ednh l\u1ed3ng gh\u00e9p, c\u00e1c kh\u1ed1i th\u00e0nh ph\u1ea7n v\u00e0 c\u00e1c \u0111\u01b0\u1eddng m\u1ed1i quan h\u1ec7 theo h\u01b0\u1edbng.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
requirementDiagram\r\n  requirement test_req {\r\n    id: 1\r\n    text: \"H\u1ec7 th\u1ed1ng ph\u1ea3i x\u1eed l\u00fd thanh to\u00e1n m\u1ed9t c\u00e1ch an to\u00e0n.\"\r\n    risk: cao\r\n    verifymethod: test\r\n  }<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
Ph\u00e2n lo\u1ea1i \u0111\u1ea7y \u0111\u1ee7 c\u00e1c lo\u1ea1i Y\u00eau c\u1ea7u<\/h2>\n
Kh\u00f4ng ph\u1ea3i m\u1ecdi y\u00eau c\u1ea7u k\u1ef9 thu\u1eadt n\u00e0o c\u0169ng gi\u1ed1ng nhau. B\u1ed9 x\u1eed l\u00fd cung c\u1ea5p s\u00e1u t\u1eeb kh\u00f3a kh\u1ed1i kh\u00e1c nhau \u0111\u1ec3 ph\u00e2n lo\u1ea1i c\u00e1c th\u00f4ng s\u1ed1 c\u1ee7a b\u1ea1n v\u1ec1 m\u1eb7t tr\u1ef1c quan v\u00e0 ng\u1eef ngh\u0129a. M\u1ed7i lo\u1ea1i s\u1ebd thay \u0111\u1ed5i nh\u00e3n ti\u00eau \u0111\u1ec1 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb b\u00ean trong h\u1ed9p s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra:<\/p>\n