文件AEM 6.5使用手冊

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

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

建立對象：

  • 管理員
  • 使用者
  • 開發人員

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範本，請執行下列動作：

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

    請確定已從​ 視窗 ​功能表選取​ 物件程式庫 ​和​ 物件 ​選項。

  2. 將​ Subform ​元件從​ 物件庫 ​拖放至表單。

  3. 選取子表單，以便在右窗格的​ 物件 ​視窗中檢視子表單的選項。

  4. 選取「子表單」標籤，然後從「內容」下拉式清單中選取「已流動」。 若要調整長度，請拖曳子表單的左側端點。

  5. 在​ 繫結 ​索引標籤中：

    1. 在​ 名稱 ​欄位中指定​ 帳單詳細資料。

    2. 從​ 資料繫結 ​下拉式清單中選取​ 無資料繫結。

    Designer子表單

  6. 同樣地，選取根子表單，選取​ 子表單 ​索引標籤，然後從​ 內容 ​下拉式清單中選取​ 流程。 在​ 繫結 ​索引標籤中：

    1. 在​ 名稱 ​欄位中指定​ TelecaBill。

    2. 從​ 資料繫結 ​下拉式清單中選取​ 無資料繫結。

    列印範本的子表單

  7. 重複步驟2至5以建立下列子表單：

    • 帳單詳細資訊

    • 客戶詳細資料

    • 帳單摘要

    • 摘要 — 選取​ 子表單 ​索引標籤，並從此子表單的​ 內容 ​下拉式清單中選取​ 定位。 在​ 摘要 ​子表單中插入下列子表單。

      • 費用
      • 圖表

    • ItemisedCalls

    • Paynow

    • ValueAddedServices

    為了節省時間，您也可以複製並貼上現有的子表單，以建立其他子表單。

    若要將​ Charts ​子表單移至Charges子表單的右側，請從左窗格中選取​ Charts ​子表單，選取​ 配置 ​索引標籤，並指定​ AnchorX ​欄位的值。 值必須大於​ Charges ​子表單的​ 寬度 ​欄位值。 選取​ Charges ​子表單並選取​ 配置 ​標籤，以便您檢視​ 寬度 ​欄位的值。

  8. 將​ Text ​物件從​ 物件庫 ​拖放至表單，並在方塊中輸入​ 撥號XXXX以訂閱 ​文字。

  9. 在左窗格中的文字物件上按一下滑鼠右鍵，選取​ 重新命名物件，然後輸入文字物件的名稱作為​ 訂閱。

    XDP範本

  10. 選取​ 檔案 > 另存新檔，將檔案儲存在本機檔案系統上：

    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伺服器，以便該範本可在建立互動式通訊時使用。

  1. 選取​ Forms > Forms與檔案。

  2. 選取​ 建立 > 檔案上傳。

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

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

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

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

    請確定已從​ 視窗 ​功能表選取​ 物件程式庫 ​和​ 物件 ​選項。

  2. 將​ Table ​元件從​ 物件庫 ​拖放至表單。

  3. 在「插入表格」對話方塊中：

    1. 指定資料行數目為​ 5。
    2. 將本文列數指定為​ 1。
    3. 選取​ 在資料表 ​中包含標題資料列核取方塊。
    4. 索引標籤​ 確定。

  4. 在​ 表格 1旁的左窗格中選取​ +，然後按一下滑鼠右鍵​ 儲存格1，並選取​ 將物件 ​重新命名為​ 日期。

    同樣地，將​ Cell2、Cell3、Cell4 ​和​ Cell5 ​分別重新命名為​ Time、Number、Duration ​和​ Charges。

  5. 按一下​ Designer檢視 ​中的[標題]文字欄位，並將它們重新命名為​ 時間、數字、持續時間 ​和​ 費用。

    佈局片段

  6. 從左窗格中選取​ 列1，然後選取每個資料專案的​ 物件 > 繫結 > 重複列。

    重複佈局片段的屬性

  7. 將​ 文字欄位 ​元件從​ 物件庫 ​拖放至​ Designer檢視。

    佈局片段的 文字欄位

    同樣地，將​ 文字欄位 ​元件拖放至​ 時間、數字、持續時間 ​和​ 費用 ​列。

  8. 選取​ 檔案 > 另存新檔，將檔案儲存在本機檔案系統上：

    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。

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

  1. 選取​ 工具 槌子圖示 > 設定瀏覽器。

  2. 在組態瀏覽器頁面中，選取​ 建立。

  3. 在​ 建立組態 ​對話方塊中，指定​ Create_First_IC_templates ​作為資料夾的標題，核取​ 可編輯的範本，然後選取​ 建立。

    設定Web範本

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

建立範本 create-the-template

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

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

create_web_template

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

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

  1. 選取​ Tools > Templates > Create_First_IC_templates ​資料夾，以導覽至適當的範本資料夾。

  2. 選取「建立」。

  3. 在​ 挑選範本型別 ​設定精靈上，選取​ 互動式通訊 — Web Channel ​並選取​ 下一步。

  4. 在​ 範本詳細資料 ​設定精靈中，指定​ Create_First_IC_Web_Template ​做為範本標題。 指定選擇性描述，並選取​ 建立。

    顯示​ Create_First_IC_Web_Template ​的確認訊息。

  5. 選取​ 開啟 ​以在範本編輯器中開啟範本。

  6. 從​ 預覽 ​選項旁的下拉式清單中選取​ 初始內容。

    範本編輯器

  7. 選取「根面板」，然後選取「+」以檢視可新增至範本的元件清單。

  8. 若要在​ 根面板 ​上方新增面板，請從清單中選取​ 面板。

  9. 在左窗格中選取​ Content ​標籤。 步驟8新增的新面板會顯示在內容樹狀結構的​ 根面板 ​下。

    內容樹

  10. 選取面板，然後選取 configure_icon （設定）。

  11. 在「屬性」窗格中：

    1. 在[名稱]欄位中指定​ 帳單詳細資料。

    2. 在標題欄位中指定​ 帳單詳細資料。

    3. 從​ 欄數 ​下拉式清單中選取​ 1。

    4. 若要儲存屬性，請選取 儲存 。

    面板名稱在內容樹狀結構中更新為​ 帳單詳細資料。

  12. 重複步驟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

    下圖說明將所有面板新增至範本後的內容樹狀結構：

    所有面板的 內容樹狀結構

啟用範本 enable-the-template

建立Web範本後，您必須啟用它，才能在建立互動式通訊時使用範本。

若要啟用Web範本，請執行下列動作：

  1. 選取​ 工具 槌子圖示 > 範本。

  2. 導覽至​ Create_First_IC_Web_Template ​範本，選取它，然後選取​ 啟用。

  3. 再次選取​ 啟用 ​以確認。

    範本已啟用，其狀態會顯示為「已啟用」。 建立Web channel的互動式通訊時，您可以使用此範本。

啟用互動式通訊中的按鈕 enabling-buttons-in-interactive-communications

根據使用案例，您必須在互動式通訊中包含​ 立即付款 ​和​ 訂閱 ​按鈕（最適化表單元件）。 若要在互動式通訊中啟用這些按鈕，請執行下列動作：

  1. 從​ 預覽 ​選項旁的下拉式清單中選取​ 結構。

  2. 使用內容樹狀結構選取​ 檔案容器 ​根面板，並選取​ 原則 ​以選取允許在互動式通訊中使用的元件。

    設定原則

  3. 在​ 屬性 ​區段的​ 允許的元件 ​標籤中，從​ 最適化表單 ​元件中選取​ 按鈕。

    允許的元件

  4. 若要儲存屬性，請選取 儲存 。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2