forked from younggglcy/py-crawler
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path数据可视化模块技术框架图.drawio
118 lines (118 loc) · 10.5 KB
/
数据可视化模块技术框架图.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0" version="25.0.3">
<diagram name="第 1 页" id="17-SALPNsmWPgyNgZcLt">
<mxGraphModel dx="869" dy="718" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="XlSUuOUZiyemOy3n9_np-1" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
<mxGeometry x="170" y="110" width="660" height="130" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-2" value="用户交互层" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
<mxGeometry x="40" y="40" width="120" height="60" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-3" value="功能模块层" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
<mxGeometry x="40" y="110" width="120" height="130" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-4" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
<mxGeometry x="170" y="40" width="660" height="60" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-5" value="实时飞行监控界面" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="204.5" y="50" width="175.5" height="40" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-7" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
<mxGeometry x="212.25" y="120" width="160" height="110" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-8" value="飞行路径动态展示" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F19C99;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="232.25" y="150" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-9" value="任务状态实时更新 " style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F19C99;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="232.25" y="190" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-10" value="<b><font style="font-size: 14px;">实时可视化模块</font></b>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="234.25" y="120" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-11" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
<mxGeometry x="426.5" y="120" width="160" height="110" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-12" value="任务数据展示" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F19C99;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="446.5" y="150" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-13" value="性能趋势分析 " style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F19C99;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="446.5" y="190" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-14" value="<b><font style="font-size: 14px;">历史数据分析模块</font></b>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="436.5" y="120" width="140" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-15" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
<mxGeometry x="638" y="120" width="160" height="110" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-16" value="可视化组件配置" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F19C99;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="658" y="150" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-17" value="支持报告导出 " style="rounded=0;whiteSpace=wrap;html=1;fillColor=#F19C99;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="658" y="190" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-18" value="<b><font style="font-size: 14px;">自定义报告生成模块</font></b>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="645" y="120" width="150" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-23" value="技术支持层" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;" vertex="1" parent="1">
<mxGeometry x="40" y="250" width="120" height="130" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-24" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#e1d5e7;strokeColor=#9673a6;" vertex="1" parent="1">
<mxGeometry x="174.5" y="250" width="655.5" height="130" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-25" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" vertex="1" parent="1">
<mxGeometry x="187" y="260" width="303" height="50" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-26" value="<b><font style="font-size: 14px;">数据存储</font></b>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="182" y="270" width="80" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-27" value="MongoDB" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="266" y="270" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-28" value="Redis" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="376.5" y="270" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-33" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" vertex="1" parent="1">
<mxGeometry x="512.5" y="260" width="303" height="50" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-34" value="<b><font style="font-size: 14px;">可视化</font></b>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="512.5" y="270" width="70" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-35" value="Grafana" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="591.5" y="270" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-36" value="Google Maps API" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="702" y="270" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-37" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" vertex="1" parent="1">
<mxGeometry x="188" y="320" width="626" height="50" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-38" value="<b><font style="font-size: 14px;">监控与日志</font></b>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="183.25" y="330" width="90" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-39" value="Vue.js" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="273.25" y="330" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-40" value="JavaScript" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="488.5" y="330" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-41" value="实时飞行监控界面" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="415" y="50" width="175.5" height="40" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-42" value="实时飞行监控界面" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
<mxGeometry x="630.5" y="50" width="175.5" height="40" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-43" value="WebSocket" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="600" y="330" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-44" value="Vuex" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="710" y="330" width="88" height="30" as="geometry" />
</mxCell>
<mxCell id="XlSUuOUZiyemOy3n9_np-45" value="Eclipse" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#A9C4EB;" vertex="1" parent="1">
<mxGeometry x="380" y="330" width="88" height="30" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>