clouddisk-project/architecture/system-overview.drawio

<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&#xa;(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&#xa;(窗口管理/系统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&#xa;(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&#xa;(文件管理/同步/分享)" 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&#xa;(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&#xa;(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&#xa;(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&#xa;(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>