教學課程：建立範本 tutorial-create-templates

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

undefined
undefined
undefined

07-apply-rules-to-adaptive-form_small

此教學課程是建立您的第一個互動式通訊系列中的步驟。建議您依照時間順序來瞭解、執行和示範完整的教學課程使用案例。

若要建立互動式通訊，您必須在AEM伺服器上為「列印」和「Web管道」提供範本。

列印管道的範本是在AdobeForms Designer中建立並上傳至AEM伺服器。然後，這些範本便可在建立互動式通訊時使用。

Web channel的範本是在AEM中建立。範本作者和管理員可以建立、編輯及啟用網頁範本。建立並啟用後，這些範本便可在建立互動式通訊時使用。

本教學課程將逐步帶您瞭解如何建立列印和Web管道範本，以便您在建立互動式通訊時使用這些範本。在本教學課程結束時，您將能夠：

使用AdobeForms Designer為列印頻道建立XDP範本
將XDP範本上傳至AEM Forms伺服器
建立和啟用網頁管道的範本

為列印管道建立範本 create-template-for-print-channel

使用下列工作建立並管理互動式通訊列印頻道的範本：

使用Forms Designer建立XDP範本 create-xdp-template-using-forms-designer

根據使用案例和剖析，在XDP範本中建立下列子表單：

帳單詳細資訊：包含檔案片段
客戶詳細資料：包含檔案片段
帳單摘要：包含檔案片段
摘要：包含檔案片段（費用子表單）和圖表（圖表子表單）
分項呼叫：包含表格（佈局片段）
立即付款：包含影像
增值服務：包含影像

create_print_template

將XDP檔案上傳至Forms伺服器後，這些子表單會在列印範本中顯示為目標區域。建立互動式通訊時，所有實體（例如檔案片段、圖表、佈局片段和影像）都會新增到目標區域。

若要為列印管道建立XDP範本，請執行下列動作：

開啟Forms Designer，選取檔案 > 新增 > 使用空白表單， 選取 下一步，然後選取完成以開啟範本建立表單。

請確定已從視窗功能表選取 物件程式庫 和物件選項。
將 Subform 元件從 物件庫 拖放至表單。
選取子表單，以便在右窗格的物件視窗中檢視子表單的選項。
選取「子表單」標籤，然後從「內容」下拉式清單中選取「已流動」。若要調整長度，請拖曳子表單的左側端點。
在繫結索引標籤中：
1. 在名稱欄位中指定 帳單詳細資料。
2. 從 資料繫結 下拉式清單中選取 無資料繫結。
同樣地，選取根子表單，選取 子表單 索引標籤，然後從內容下拉式清單中選取流程。在繫結索引標籤中：
1. 在名稱欄位中指定 TelecaBill。
2. 從 資料繫結 下拉式清單中選取 無資料繫結。
重複步驟2至5以建立下列子表單：
- 帳單詳細資訊
- 客戶詳細資料
- 帳單摘要
- 摘要 — 選取 子表單 索引標籤，並從此子表單的內容下拉式清單中選取定位。在摘要子表單中插入下列子表單。
  - 費用
  - 圖表
- ItemisedCalls
- Paynow
- ValueAddedServices
為了節省時間，您也可以複製並貼上現有的子表單，以建立其他子表單。

若要將 Charts 子表單移至Charges子表單的右側，請從左窗格中選取 Charts 子表單，選取配置索引標籤，並指定 AnchorX 欄位的值。值必須大於 Charges 子表單的寬度欄位值。選取 Charges 子表單並選取配置標籤，以便您檢視寬度欄位的值。
將 Text 物件從 物件庫 拖放至表單，並在方塊中輸入 撥號XXXX以訂閱 文字。
在左窗格中的文字物件上按一下滑鼠右鍵，選取 重新命名物件，然後輸入文字物件的名稱作為訂閱。
選取檔案 > 另存新檔，將檔案儲存在本機檔案系統上：
1. 瀏覽至可以儲存檔案的位置，並將名稱指定為 create_first_ic_print_template。
2. 從 另存為型別 下拉式清單中選取 .xdp。
3. 選取「儲存」。

將XDP範本上傳至AEM Forms伺服器 upload-xdp-template-to-the-aem-forms-server

使用Forms Designer建立XDP範本後，您必須將其上傳到AEM Forms伺服器，以便該範本可在建立互動式通訊時使用。

選取 Forms > Forms與檔案。
選取建立 > 檔案上傳。

瀏覽並選取 create_first_ic_print_template 範本(XDP)，然後選取開啟將XDP範本匯入至AEM Forms伺服器。

為佈局片段建立XDP範本 create-xdp-template-for-layout-fragments

若要為互動式通訊的列印管道建立佈局片段，請使用Forms Designer建立XDP並將其上傳到AEM Forms伺服器。

開啟Forms Designer，選取檔案 > 新增 > 使用空白表單， 選取 下一步，然後選取完成以開啟範本建立表單。

請確定已從視窗功能表選取 物件程式庫 和物件選項。
將 Table 元件從 物件庫 拖放至表單。
在「插入表格」對話方塊中：
1. 指定資料行數目為 5。
2. 將本文列數指定為 1。
3. 選取 在資料表 中包含標題資料列核取方塊。
4. 索引標籤確定。
在表格 1旁的左窗格中選取 +，然後按一下滑鼠右鍵 儲存格1，並選取 將物件 重新命名為日期。

同樣地，將 Cell2、Cell3、Cell4 和 Cell5 分別重新命名為 Time、Number、Duration 和 Charges。
按一下 Designer檢視 中的[標題]文字欄位，並將它們重新命名為時間、數字、持續時間 和費用。
從左窗格中選取列1，然後選取每個資料專案的物件 > 繫結 > 重複列。
將 文字欄位 元件從 物件庫 拖放至 Designer檢視。

佈局片段的

同樣地，將 文字欄位 元件拖放至時間、數字、持續時間 和費用列。
選取檔案 > 另存新檔，將檔案儲存在本機檔案系統上：
1. 瀏覽到可以儲存檔案的位置，並將名稱指定為 table_lf。
2. 從 另存為型別 下拉式清單中選取 .xdp。
3. 選取「儲存」。
使用Forms Designer為版面片段建立XDP範本後，您必須上傳至AEM Forms伺服器，才能在建立版面片段時使用範本。

建立Web channel範本 create-template-for-web-channel

使用下列工作建立並管理互動式通訊Web channel的範本：

建立範本的資料夾 create-folder-for-templates

若要建立Web channel範本，請定義一個資料夾，您可在其中儲存建立的範本。在該資料夾中建立範本後，請啟用範本以允許表單使用者根據範本建立互動式通訊的Web channel。

若要為可編輯的範本建立資料夾，請執行下列動作：

選取工具 > 設定瀏覽器。
- 如需詳細資訊，請參閱設定瀏覽器檔案。
在組態瀏覽器頁面中，選取建立。
在 建立組態 對話方塊中，指定 Create_First_IC_templates 作為資料夾的標題，核取 可編輯的範本，然後選取建立。

Create_First_IC_templates 資料夾已建立並列於 組態瀏覽器 頁面。

建立範本 create-the-template

根據使用案例和剖析，在Web範本中建立下列面板：

帳單詳細資訊：包含檔案片段
客戶詳細資料：包含檔案片段
帳單摘要：包含檔案片段
費用摘要：包括檔案片段和圖表（兩欄式配置）
分項呼叫：包含表格
立即付款：包含 立即付款 按鈕與影像
增值服務：包含影像和訂閱按鈕。

create_web_template

建立互動式通訊時，會新增所有實體，例如檔案片段、圖表、表格、影像和按鈕。

若要在 Create_First_IC_templates 資料夾中建立Web channel的範本，請執行下列步驟：

選取 Tools > Templates > Create_First_IC_templates 資料夾，以導覽至適當的範本資料夾。
選取「建立」。
在 挑選範本型別 設定精靈上，選取 互動式通訊 — Web Channel 並選取 下一步。
在 範本詳細資料 設定精靈中，指定 Create_First_IC_Web_Template 做為範本標題。指定選擇性描述，並選取建立。

顯示 Create_First_IC_Web_Template 的確認訊息。
選取開啟以在範本編輯器中開啟範本。
從預覽選項旁的下拉式清單中選取 初始內容。
選取「根面板」，然後選取「+」以檢視可新增至範本的元件清單。
若要在 根面板 上方新增面板，請從清單中選取面板。
在左窗格中選取 Content 標籤。步驟8新增的新面板會顯示在內容樹狀結構的 根面板 下。
選取面板，然後選取（設定）。
在「屬性」窗格中：
1. 在[名稱]欄位中指定 帳單詳細資料。
2. 在標題欄位中指定 帳單詳細資料。
3. 從欄數下拉式清單中選取 1。
4. 若要儲存屬性，請選取。
面板名稱在內容樹狀結構中更新為 帳單詳細資料。

重複步驟7至11，將具有以下屬性的面板新增至範本：

table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3
名稱	標題	欄數
customerdetails	客戶詳細資料	1
帳單摘要	帳單摘要	1
summarycharges	費用摘要	2
itemisedcalls	分項通話	1
paynow	立即付款	2
vas	增值服務	1