本方案提供的Demo範例,深度整合了CADT 模板的能力。本文檔將介紹如何製作模板,以及如何設定模板中的一些變數。
複製CADT模板
1、登入CADT官方模板庫
2、進入“API對接官方模板”板塊,找到“雲管Demo模板*”,將這些模板另存新檔私人模板。

修改模板
1、進入上述複製後的私人模板列表,點擊編輯模板,進入模板的可視化編輯頁面。

2、首先模板的左上方有地區屬性,一個模板可以設定多個可用的地區。

3、雙擊其中一個表徵圖,在右側的屬性欄中,標記為fx的屬性,即是可以定義變數的屬性。

4、點擊fx按鈕,可以查看模板變數的具體定義。其中可選值部分是允許自由定義內容。本方案提供的整合Demo提供了一套基於JSON資料定義前端UI樣式的方案。 具體規則參見下文。

部分變數支援自動擷取可選值範圍,例如ECS的執行個體規格屬性,點擊邊上的fx按鈕後,在彈框的變數定義頁面中的預設值上,會提供該變數可填的值。

5、儲存模板,模板儲存後可以修改名稱,並設定地區。

6、若希望模板支援更多的地區,可以勾選“是否複製變數”,設定源地區,在地區標籤中設定目標地區。並勾選“是否更改圖上Region”。即可完成複製。

Options可選值設定規則
模板中,產品屬性的可選值,在此Demo情境下,按照以下規則來動態改變前端的UI顯示樣式

title
前端展示此欄位的label值,如下圖紅色框選部分是前端選擇了對應模板中,模板中定義的每個變數在最上層顯示的名稱。

config_type
此變數參數在前端展示的地區。 預設在資源配置板塊,若指定為 network,則放在網路設定中。
"config_type": "network",

control_type
節點的控制項類型 Select 下拉單選, Number:數字, Input:文本輸入, TextArea:文本輸入
"control_type": "Select",
data
可選值,當control_type為 Select時,下拉值的可選範圍
"data": [{"label":"北京 可用性區域H","value":"cn-beijing-h"},{"label":"北京 可用性區域 L","value":"cn-beijing-l"},{"label":"北京 可用性區域I","value":"cn-beijing-i"},{"label":"北京 可用性區域F","value":"cn-beijing-f"},{"label":"北京 可用性區域G","value":"cn-beijing-g"},{"label":"北京 可用性區域J","value":"cn-beijing-j"},{"label":"北京 可用性區域K","value":"cn-beijing-k"}]
}
node_name
此欄位只針對給VPC,Vswitch, Security_group 這三個組件,當給他們定義了一個“跳過部署”的變數後。即在vpc屬性的右上方,點擊fx。如下圖。
node_name代表了這些控制項在模板中定義的名稱,例如vpc名稱。

node_type
此欄位只針對給VPC,Vswitch, Security_group 這三個組件,當給它們定義了一個“跳過部署”的變數後。即在vpc屬性的右上方,點擊fx。
node_type代表了這些產品的產品code。本方案提供的整合Demo目前僅支援 vpc,vswitch,security_group.
parent_node
此欄位只針對給 Vswitch, Security_group 這兩個組件,當給它們定義了一個“跳過部署”的變數後。即在vpc屬性的右上方,點擊fx。
parent_node 只定義vswitch,security_group所屬的vpc 的變數名稱。
