Test QuickGV: Difference between revisions

From Fundamental Ramen
Jump to navigation Jump to search
 
(85 intermediate revisions by the same user not shown)
Line 1: Line 1:
See: https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf
See: https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf


= WebSocket Service =
= Dish =
<quickgv name="123" theme="warm" usage="ram">
<quickmmd name="dish">
subgraph cluster_clients {
mindmap
   c1[label="var ws = new WebSocket('/foo')"];
   A[Dish]
  c2[label="ws.onopen = function (ev)"];
    B1[Sauce Dish]
  c3[label="ws.onmessage = function (ev)"];
    B2[Shark's Fin Soup Dish]
  c4[label="ws.send()"];
    B3[Divided Dish]
}
    B4[Cassesrole Dish]
</quickmmd>


s[label="Service Unit | <req> Request Handler | <push> Push Handler"];
= MMD =


c1 -> s:req;
<quickmmd name="testmmd">
s:req -> c2;
flowchart LR
s:push -> c3;
    Root("規則動詞變化<br>(play)")


/*
    Root --> Past("過去")
subgraph cluster_services {
    Root --> Pres("現在")
  s1[label="cast service"];
    Root --> Fut("未來")
  s2[label="monitor service"];
  s3[label="simple service"];
}


subgraph cluster_queue {
    Past --> P1("過去普通: played")
  q1[label="outbound queue"];
    Past --> P2("過去進行: was/were playing")
  q2[label="inbound queue"];
    Past --> P3("過去完成: had played")
}
    Past --> P4("過去被動: was/were played")


subgraph cluster_worker {
    Pres --> R1("現在普通: play / plays")
  w1[label="cast worker"];
    Pres --> R2("現在進行: am/is/are playing")
  w2[label="handler worker", constraint=false];
    Pres --> R3("現在完成: have/has played")
}
    Pres --> R4("現在被動: am/is/are played")


c1 -> w1 -> q1 -> s1;
    Fut --> F1("未來普通: will play")
s2 -> q2 -> w2 -> c2;
    Fut --> F2("未來進行: will be playing")
*/
    Fut --> F3("未來完成: will have played")
</quickgv>
    Fut --> F4("未來被動: will be played")
</quickmmd>


= 建議線路 gen1 =
= WebSocket Service =
<quickgv name="topology" theme="warm">
subgraph cluster_clinic {
  label="診間網路";


  his[label="HIS Server"];
<quickgv name="123" theme="warm" usage="ram">
  nas[label="NAS"];
subgraph cluster_client {
  opd[label="診間"];
   label="WebSocket Client"
   pt[label="復健"];
   c1[label="var ws = new WebSocket('/foo')"];
   reg[label="掛號"];
   c2[label="ws.onerror = function (ev) ..."];
   tv[label="衛教"];
   c3[label="ws.onopen = function (ev) ..."];
  prn[label="印表機"];
   c4[label="ws.onmessage = function (ev) ..."];
   sw[label="辦公室交換器"];
   c5[label="ws.send()"];
  fw[label="防火牆"];
   wan1[label="固定IP線路"];
  wan2[label="健保局 VPN"];
   cross[label="跨院病歷"];
 
  {opd pt reg tv his nas prn} -> sw;
  sw -> fw;
  fw -> {wan1 wan2};
  wan1 -> cross [dir="back", color="#ff0000"];
}
}


// 開放網路
subgraph cluster_server {
subgraph cluster_open {
   label="";
   label="開放網路";
   s[label="Service Unit | <rh> Request Handler | <ph> Push Handler | <pw> Push Worker | <mh> Message Handler | <mw> Message Worker"];
 
   iq[label="Inbound Queue"];
   gu[label="新光保全"];
   oq[label="Outbound Queue"];
  mo[label="監視系統"];
  pc1[label="外網專用PC"];
   rt[label="IP分享器"];
   wan3[label="浮動IP線路"];
  mobile[label="監視系統 App"];
  hacker[label="駭客 or 殭屍電腦"];
 
  {pc1 gu mo} -> rt -> wan3;
  wan3 -> {mobile hacker} [label="tcp:3880", dir="back", color="#ff0000"];
}
}
</quickgv>
= 建議線路 gen2 =
<quickgv name="topology_gen2" theme="warm">
subgraph cluster_clinic {
  label="診間網路";
  his[label="HIS Server"];
  nas[label="NAS"];
  opd[label="診間"];
  pt[label="復健"];
  reg[label="掛號"];
  tv[label="衛教"];
  prn[label="印表機"];
  fw[label="防火牆"];
  wan1[label="固定IP線路"];
  wan2[label="健保局 VPN"];
  cross[label="跨院病歷"];
  subgraph cluster_switch {
    label="網路交換器";
    vlan1[label="診間區虛擬網路"];
    vlan2[label="敏感區虛擬網路"];
  }
  {opd pt reg tv prn} -> vlan1;
  {his nas} -> vlan2;
  {vlan1 vlan2} -> fw;
  fw -> {wan1 wan2};
  wan1 -> cross [dir="back", color="#ff0000"];
}
// 開放網路
subgraph cluster_open {
  label="開放網路";
  gu[label="新光保全"];
  mo[label="監視系統"];
  pc1[label="外網專用PC"];
  rt[label="IP分享器"];
  wan3[label="浮動IP線路"];
  mobile[label="監視系統 App\n(僅限特定地點存取)"];
  {pc1 gu mo} -> rt -> wan3;
  wan3 -> mobile [label="tcp:3880", dir="back", color="#ff0000"];
}
</quickgv>
= A =
<quickgv name="Gff" theme="warm">
rankdir=TB;
A [label="驗證銷售權"];
B [label="驗證輸入值格式"];
C [label="驗證報價是否存在"];
D [label="產生 GDS 訂單"];
E [label="產生供應商訂單"];


A -> B -> C -> D -> E;
c1 -> s:rh [color="#ff0000"];
c2 -> s:rh [color="#0000ff",dir="back"];
c3 -> s:rh [color="#0000ff",dir="back"];
c4 -> s:ph [color="#0000ff",dir="back"];
s:ph -> oq [color="#0000ff",dir="back"];
s:pw -> oq [color="#0000ff"];
c5 -> s:mh [color="#ff0000"];
s:mh -> iq [color="#ff0000"];
s:mw -> iq [color="#ff0000",dir="back"];
</quickgv>
</quickgv>



Latest revision as of 18:09, 31 August 2026

See: https://graphviz.gitlab.io/_pages/pdf/dotguide.pdf

Dish

MMD

WebSocket Service

testflow

test

Crawling Flow

GDS

Geomancer

Sandbox