id: 44e735ceb04d41c19bed8daa0b2385bd
parent_id: 
item_type: 1
item_id: b0da490495404c93a941be306535a8d6
item_updated_time: 1764345622411
title_diff: "[{\"diffs\":[[1,\"AI工具+drawio生成各种图表\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":17}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>AI工具+drawio生成各种图表</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"38224\\\"></a>\\\r\\\n<h1>AI工具+drawio生成各种图表</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"\\\"><div style=\\\"max-width: 700px;\\\"><p></p><div style=\\\"--en-blockquote: true; box-sizing: border-box; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial;\\\"><div>原文链接: <a href=\\\"http://mp.weixin.qq.com/s?__biz=MzU1MDkwNDQwMw==&amp;mid=2247483842&amp;idx=1&amp;sn=86e5ab3b386f4eb94ee63230e6e1891b&amp;chksm=fae99b42c52a3e3ab8dc273cf66b242a76277b2284b22a8d83eb9c36c99a34496fd89aa4a31b&amp;mpshare=1&amp;scene=1&amp;srcid=0313OWZwt1Qd5Imh8GKyOhOE&amp;sharer_shareinfo=9afa5bff1a58b73336b3013034d5548f&amp;sharer_shareinfo_first=9afa5bff1a58b73336b3013034d5548f#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=MzU1MDkwNDQwMw==&amp;mid=2247483...</span></a></div></div><p></p><div style=\\\"\\\"><div><div><div><span style=\\\"\\\">原创</span><span><span style=\\\"\\\">轩圆子</span></span><span><a style=\\\"\\\"> 轩圆子 </a></span><span><em></em></span></div><div style=\\\"\\\"><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); color: rgb(10,10,10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0; text-transform: none; widows: 2; word-spacing: 0; -webkit-text-stroke-width: 0; white-space: normal; background-color: rgb(255,255,255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span></span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><h2 style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: center; display: table; color: rgb(255,255,255); background: rgb(15,76,129);\\\"><span>浅尝一下</span></h2><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bolder;\\\"><span>第一步：</span></strong><span>使用AI工具生成可视化代码</span></p><ol style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); list-style: none; text-align: left; color: rgb(63,63,63);\\\"><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>1. 提需求</span></div></li></ol><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/7835cae1e8074b1fb1dcb51fc33a3250\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><ol style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); list-style: none; text-align: left; color: rgb(63,63,63);\\\"><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>2. 结果输出（使用Mermaid语法可以直接在Typora中直接生成图表）</span></div></li></ol><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-feature-settings: normal; font-variation-settings: normal;\\\"><span style=\\\"fill: #333; max-width: 797.3343505859375px;\\\"><span><span><span><span><span><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>系统对接</span></span></div></span></span></span><span><span><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同执行后</span></span></div></span></span></span><span><span><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同执行中</span></span></div></span></span></span><span><span><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同签订前</span></span></div></span></span></span></span><span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>同步ERP</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>生成合同编号</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>对接OA</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>通过</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>ERP校验</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>驳回</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>超预算</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>OA审批</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>GPS定位/拍照取证</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>ERP入账</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>审批流同步</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>预算数据交互</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>支付数据交互</span></p><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); background-color: rgba(232,232,232,0.8);\\\"><span>核算数据同步</span></p><p style=\\\"\\\"></p></span></span></span></span><span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同调研</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同草拟</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同审批</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>预算分配</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>合同签订</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>费用申请</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>OA审批</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>预算检查</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>费用支付</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>预算调整申请</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>活动执行</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>费用核销</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>生成费用报表</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>财务核算</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>费用分析</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>优化策略</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>OA系统</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>ERP系统</span></span></div></span></span></span></span></span></span></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bolder;\\\"><span>第二步：</span></strong><span>基于Drawio生成可视化图表</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/ee91757776c04844b13d75ad845bb5a3\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bolder;\\\"><span>第三步：</span></strong><span>根据实际业务需求，微调图表，优化展示效果</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>**同样的，另外的使用场景还有：**根据文档描述生成图表</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>比如说：使用 DeepSeek 网站进行AI问答</span></p><ol style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); list-style: none; text-align: left; color: rgb(63,63,63);\\\"><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>1. 访问 DeepSeek 网站</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>2. 注册或登录账户</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>3. 进行AI问答</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>4. 查看回答</span></div></li></ol><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/b38c3b1d2566481d89e4c80e6fe3520a\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-feature-settings: normal; font-variation-settings: normal;\\\"><span style=\\\"fill: #333; max-width: 209.40000915527344px;\\\"><span><span><span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span><span style=\\\"background-color: rgba(232,232,232, 0.8); text-align: center;\\\"><span style=\\\"color: #333;\\\"><span><p style=\\\"\\\"></p></span></span></span></span><span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>访问DeepSeek网站</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>注册或登录账户</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>进行AI问答</span></span></div></span></span></span><span><span style=\\\"color: #333; text-align: center;\\\"><span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); fill: rgb(51, 51, 51); color: rgb(51, 51, 51);\\\"><span>查看回答</span></span></div></span></span></span></span></span></span></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>总体上感觉用起来确实还不错，能很大程度的提高我们的工作效率。</span></p><hr style=\\\"box-sizing: border-box; border-width: 1px 0px 0px; border-style: solid; border-color: hsl(var(--border)); height: 0px; color: inherit;\\\"/><h2 style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: center; display: table; color: rgb(255,255,255); background: rgb(15,76,129);\\\"><span>简单的了解一下drawio</span></h2><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(87, 107, 149);\\\"><span>drawio的下载地址</span></span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>drawio是个啥玩意？</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); color: red;\\\"><span>drawio是个开源、免费的绘图工具。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); color: red;\\\"><span>me印象里的画图场景有：</span></p><ul style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); list-style: circle; text-align: left; color: rgb(63,63,63);\\\"><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 画用例图（明确系统的操作角色，以及系统提供的所有功能和服务），这个在进行系统操作相关培训的时候必不可少</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 画系统流程图（进行模块划分，明确每个模块之间的交互方式，尤其需要关注的是</span><font color=\\\"red\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><span>数据在各个模块之间的数据流转</span></font><span>），这个在开发人员内部进行系统培训的时候必不可少</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 画架构图，这个可以帮助开发人员快速的理解系统的整体设计，各个组件之间的交互以及数据流</span></div></li></ul><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); color: red;\\\"><span>me经常用的到的图表有哪些呢？</span></p><ul style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); list-style: circle; text-align: left; color: rgb(63,63,63);\\\"><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 流程图（</span><font color=\\\"red\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><span>最常用</span></font><span>）</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 时序图（用于展示</span><font color=\\\"red\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><span>多个角色</span></font><span>在</span><font color=\\\"red\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><span>时间顺序上</span></font><span>如何协作的），比如这篇文章：</span><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkwNDQwMw==&amp;mid=2247483720&amp;idx=1&amp;sn=84a644520c61c1350e59ce5d4d0ae8cd&amp;scene=21#wechat_redirect\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(87, 107, 149); text-decoration: none; text-align: left;\\\" title=\\\"什么是jwt？为什么要用jwt？\\\"><span>什么是jwt？为什么要用jwt？</span></a><span>用的就是时序图</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 甘特图（通过甘特图可以知道你要</span><font color=\\\"red\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><span>做什么+什么时候做+做多久+谁来做</span></font><span>，</span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: left; color: rgb(15, 76, 129);\\\"><span>横向看时间，纵向看任务</span></strong><span>），比如这篇文章：</span><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkwNDQwMw==&amp;mid=2247483687&amp;idx=1&amp;sn=a600c33cc3f026c0677a32cc307e890e&amp;scene=21#wechat_redirect\\\" style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(87, 107, 149); text-decoration: none; text-align: left;\\\" title=\\\"国产AI之光！DeepSeek\\\"><span>国产AI之光！DeepSeek</span></a><span>用的就是甘特图</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 架构图</span></div></li></ul><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: left; color: rgb(15, 76, 129);\\\"><span>这里以画流程图的方式了解一下drawio的使用：</span></strong></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/5169d17cff0d4be59f9e588899883724\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>drawio的操作界面主要分成三个部分：形状面板+画布+格式化面板。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>画流程图，我们首先要知道的是各个形状及其代表的节点类型：</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); max-width: 100%; overflow: auto;\\\"><table style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: inherit; text-indent: 0px; border-collapse: collapse; border-spacing: 0px;\\\"><thead><tr style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>形状</span></div></td><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>节点类型</span></div></td></tr></thead><tbody><tr style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>椭圆或圆角矩形</span></div></td><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>开始节点/结束节点</span></div></td></tr><tr style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>菱形</span></div></td><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>决策节点</span></div></td></tr><tr style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>矩形</span></div></td><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>处理数据节点</span></div></td></tr><tr style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border));\\\"><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>连接线</span></div></td><td style=\\\"box-sizing: border-box; border: 1px solid rgb(223, 223, 223); text-align: left; color: rgb(63, 63, 63); word-break: keep-all;\\\"><div><span>连接形状</span></div></td></tr></tbody></table></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>例子：</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/6cc2ca82cba04adca30fd898454ca463\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: left; color: rgb(15, 76, 129);\\\"><span>使用drawio好用快捷键有（Windows系统）：</span></strong></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>Ctrl + D：复制选中的元素</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>Ctrl + 按住选择的元素：复制副本</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/2abbd378d82b4fbfa51780f3d4a2963c\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>箭头与图形的连接点，可以是蓝色也可以是绿色。其中蓝色方框之间的连接点，会随着图形的相对位置变化而变动，始终是最短路径；而绿色方框之间的连接点，是不会发生变化的。（所以说上面菱形拖出来的连接点可以用绿色的）</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/38d3c68bd20746b0b69e8648c35ded4b\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: left; color: rgb(15, 76, 129);\\\"><span>另外在画流程图的时候还可能使用到泳道图：</span></strong></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>泳道图是一种特殊的流程图，用于展示不同参与者或部门在业务流程中的角色和责任。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>比如我们常见的OA审批流程就是一个泳道图的例子。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/435f1def318642b2a01269b941712f45\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>泳道图有横向泳道图和纵向泳道图，体现在形状面板-&gt;高级：</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><span><br/></span><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/9eee59eba4cf439d96fd6b4da1ebfc22\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto;\\\" width=\\\"auto\\\"/></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: left; color: rgb(63, 63, 63);\\\"><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); text-align: center; color: rgb(136, 136, 136);\\\"><span><br/></span></div></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>还有我们在画系统流程图的时候，可以把系统业务拆分成多个模块，通过各个模块之间的相互协作串联整个系统流程图。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>这个时候需要用子流程进行分解，将复制流程进行简化。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>我们一般的操作是拖拽出一个矩形，然后将矩形边框虚线化，使用快捷键</span><code style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-feature-settings: normal; font-variation-settings: normal; text-align: left; color: rgb(221, 17, 68); background: rgba(27, 31, 35, 0.05); border-radius: 4px;\\\"><span>Ctrl + G</span></code><span>将图形转化为容器，接着将相关流程拖拽到容器中，拖拽时容器的边框会呈现蓝色阴影，将容器折叠后，调整容器的大小，标注名称，再调整一下在父流程相对位置（更有层级感）。</span></p><h2 style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: center; display: table; color: rgb(255,255,255); background: rgb(15,76,129);\\\"><span>简单的了解一下纯文本绘图工具Mermaid</span></h2><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>就像用Markdown写文章会自动排版一样，Mermaid用</span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: left; color: rgb(15, 76, 129);\\\"><span>纯文本代码描述图表结构</span></strong><span>，自动生成流程图、思维导图等可视化图表。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>Mermaid就像**“图表界的Markdown”**，用写代码的方式画图，特别适合需要频繁修改、注重逻辑而非美感的场景。从技术文档到学习笔记，从项目管理到AI协作，它都能让可视化变得简单高效。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>嗯……，好像很厉害的样子，但是我先不学<img src=\\\":/e5f7ace3988242e784eb59c78fada97f\\\" type=\\\"image/png\\\" data-filename=\\\"Expression_94@2x.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; display: inline-block; width: auto; vertical-align: middle; background-size: cover;\\\" width=\\\"auto\\\"/>。</span></p><h2 style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); font-weight: bold; text-align: center; display: table; color: rgb(255,255,255); background: rgb(15,76,129);\\\"><span>结尾</span></h2><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>giao！！！</span></p><p style=\\\"box-sizing: border-box; border: 1px solid rgb(221,221,221); text-align: center; background-color: rgb(248,248,248); border-radius: 10px; font-size: 20px; font-weight: bold; color: rgb(51,51,51); text-shadow: rgb(170,170,170) 2px 2px 4px; display: block; max-width: 300px;\\\"><span>家人们点点关注！</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span><br/></span></p></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); color: rgb(10,10,10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0; text-transform: none; widows: 2; word-spacing: 0; -webkit-text-stroke-width: 0; white-space: normal; background-color: rgb(255,255,255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span></span></p></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":53477}]"
metadata_diff: {"new":{"id":"b0da490495404c93a941be306535a8d6","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348816151,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:03:15.934Z
created_time: 2025-11-28T21:03:15.934Z
type_: 13