添加 Draw.io 图表:
- UI设计稿: login-page.drawio - 系统架构图: system-overview.drawio - 业务流程图: business-flow.drawio
This commit is contained in:
Team
parent
3474a7b67e
commit
e8733a1de2
98
architecture/business-flow.drawio
Normal file
98
architecture/business-flow.drawio
Normal file
@ -0,0 +1,98 @@
|
||||
<mxfile host="app.diagrams.net" modified="2026-03-10T07:00:00Z" agent="OpenClaw" version="21.0.0">
|
||||
<diagram name="业务流程图">
|
||||
<mxGraphModel dx="1000" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1000" pageHeight="600" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0" />
|
||||
<mxCell id="1" parent="0" />
|
||||
|
||||
<!-- 开始 -->
|
||||
<mxCell id="start" value="开始" style="ellipse;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366" vertex="1" parent="1">
|
||||
<mxGeometry x="440" y="20" width="80" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 用户登录 -->
|
||||
<mxCell id="login" value="用户登录" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="80" width="160" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 验证账号 -->
|
||||
<mxCell id="verify" value="验证账号密码" style="rhombus;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656" vertex="1" parent="1">
|
||||
<mxGeometry x="420" y="140" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 登录成功 -->
|
||||
<mxCell id="success" value="进入主界面" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="220" width="160" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 文件操作 -->
|
||||
<mxCell id="fileOp" value="文件操作
(上传/下载/删除)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="280" width="160" height="50" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 云端同步 -->
|
||||
<mxCell id="sync" value="云端同步" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="350" width="160" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 分享文件 -->
|
||||
<mxCell id="share" value="分享文件" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="410" width="160" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 结束 -->
|
||||
<mxCell id="end" value="结束" style="ellipse;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366" vertex="1" parent="1">
|
||||
<mxGeometry x="440" y="470" width="80" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 连接线 -->
|
||||
<mxCell id="e1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="start" target="login">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="login" target="verify">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="verify" target="success">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="success" target="fileOp">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="fileOp" target="sync">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="sync" target="share">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#666666;endArrow=classic" edge="1" parent="1" source="share" target="end">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 失败分支 -->
|
||||
<mxCell id="fail" value="登录失败" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450" vertex="1" parent="1">
|
||||
<mxGeometry x="560" y="145" width="100" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#ff4d4f;endArrow=classic" edge="1" parent="1" source="verify" target="fail">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="e9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;strokeColor=#ff4d4f;endArrow=classic" edge="1" parent="1" source="fail" target="login">
|
||||
<mxGeometry relative="0.5" as="geometry">
|
||||
<Array as="points">
|
||||
<mxPoint x="610" y="100" />
|
||||
</Array>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
|
||||
<!-- 失败文字 -->
|
||||
<mxCell id="failLabel" value="失败" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontColor=#ff4d4f" vertex="1" parent="1">
|
||||
<mxGeometry x="540" y="140" width="40" height="20" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 成功文字 -->
|
||||
<mxCell id="successLabel" value="成功" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;rounded=0;fontColor=#52c41a" vertex="1" parent="1">
|
||||
<mxGeometry x="520" y="225" width="40" height="20" as="geometry" />
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
73
architecture/system-overview.drawio
Normal file
73
architecture/system-overview.drawio
Normal file
@ -0,0 +1,73 @@
|
||||
<mxfile host="app.diagrams.net" modified="2026-03-10T07:00:00Z" agent="OpenClaw" version="21.0.0">
|
||||
<diagram name="系统架构图">
|
||||
<mxGraphModel dx="1000" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1000" pageHeight="600" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0" />
|
||||
<mxCell id="1" parent="0" />
|
||||
|
||||
<!-- 客户端 -->
|
||||
<mxCell id="client" value="Electron Client
(Windows/Mac/Linux)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf" vertex="1" parent="1">
|
||||
<mxGeometry x="340" y="40" width="200" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 主进程 -->
|
||||
<mxCell id="main" value="Electron Main Process
(窗口管理/系统API)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366" vertex="1" parent="1">
|
||||
<mxGeometry x="340" y="150" width="200" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 渲染进程 -->
|
||||
<mxCell id="renderer" value="Electron Renderer
(React UI)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656" vertex="1" parent="1">
|
||||
<mxGeometry x="340" y="250" width="200" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 业务层 -->
|
||||
<mxCell id="business" value="Business Layer
(文件管理/同步/分享)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450" vertex="1" parent="1">
|
||||
<mxGeometry x="340" y="350" width="200" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 云端服务 -->
|
||||
<mxCell id="cloud" value="Cloud Service
(Node.js API)" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6" vertex="1" parent="1">
|
||||
<mxGeometry x="600" y="350" width="160" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 数据库 -->
|
||||
<mxCell id="db" value="Database
(SQLite/MySQL)" style="shape=cylinder;whiteSpace=wrap;html=1;boundedLbx=1;fillColor=#ffe6cc;strokeColor=#d79b00" vertex="1" parent="1">
|
||||
<mxGeometry x="620" y="440" width="120" height="80" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 对象存储 -->
|
||||
<mxCell id="storage" value="Object Storage
(OSS/S3)" style="shape=cloud;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666" vertex="1" parent="1">
|
||||
<mxGeometry x="340" y="440" width="140" height="80" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 连接线 -->
|
||||
<mxCell id="line1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="client" target="main">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="line2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="main" target="renderer">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="line3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="renderer" target="business">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="line4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="business" target="cloud">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="line5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="cloud" target="db">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="line6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="business" target="storage">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
|
||||
<!-- 本地存储 -->
|
||||
<mxCell id="local" value="Local Storage
(SQLite)" style="shape=cylinder;whiteSpace=wrap;html=1;boundedLbx=1;fillColor=#ffe6cc;strokeColor=#d79b00" vertex="1" parent="1">
|
||||
<mxGeometry x="80" y="350" width="120" height="80" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="line7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#666666" edge="1" parent="1" source="business" target="local">
|
||||
<mxGeometry relative="0.5" as="geometry" />
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
34
ui-design/designs/login-page.drawio
Normal file
34
ui-design/designs/login-page.drawio
Normal file
@ -0,0 +1,34 @@
|
||||
<mxfile host="app.diagrams.net" modified="2026-03-10T07:00:00Z" agent="OpenClaw" version="21.0.0">
|
||||
<diagram name="登录页设计">
|
||||
<mxGraphModel dx="800" dy="600" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="600" pageHeight="500" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0" />
|
||||
<mxCell id="1" parent="0" />
|
||||
<!-- Logo区域 -->
|
||||
<mxCell id="logo" value="CloudDisk" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=24;fontStyle=1" vertex="1" parent="1">
|
||||
<mxGeometry x="200" y="40" width="200" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
<!-- 用户名输入框 -->
|
||||
<mxCell id="username" value="用户名" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#d9d9d9" vertex="1" parent="1">
|
||||
<mxGeometry x="150" y="120" width="300" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
<!-- 密码输入框 -->
|
||||
<mxCell id="password" value="密码" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#d9d9d9" vertex="1" parent="1">
|
||||
<mxGeometry x="150" y="180" width="300" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
<!-- 记住密码复选框 -->
|
||||
<mxCell id="remember" value="记住密码" style="rounded=0;whiteSpace=wrap;html=1" vertex="1" parent="1">
|
||||
<mxGeometry x="150" y="240" width="100" height="20" as="geometry" />
|
||||
</mxCell>
|
||||
<!-- 登录按钮 -->
|
||||
<mxCell id="loginBtn" value="登录" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#1890ff;strokeColor=#096dd9;fontColor=#ffffff" vertex="1" parent="1">
|
||||
<mxGeometry x="150" y="290" width="140" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
<!-- 注册按钮 -->
|
||||
<mxCell id="registerBtn" value="注册" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#1890ff;fontColor=#1890ff" vertex="1" parent="1">
|
||||
<mxGeometry x="310" y="290" width="140" height="40" as="geometry" />
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
Loading…
Reference in New Issue
Block a user