文件AEM 6.5使用手冊

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

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

07-apply-rules-to-adaptive-form_small

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

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

列印頻道的範本是在Forms Designer的Adobe中建立，並上傳至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. 拖放 子表單 元件來自 物件庫 至表單。

  3. 選取子表單，以便您能在以下位置檢視子表單的選項： 物件 視窗的右側。

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

  5. 在 繫結 標籤：

    1. 指定 帳單詳細資訊 在 名稱 欄位。

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

    Designer子表單

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

    1. 指定 TelecaBill 在 名稱 欄位。

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

    列印範本的子表單

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

    • 帳單詳細資訊

    • 客戶詳細資料

    • 帳單摘要

    • 摘要 — 選取 子表單 標籤並選取 已定位 從 內容 此子表單的下拉式清單。 將下列子表單插入 摘要 子表單。

      • 費用
      • 圖表

    • ItemisedCalls

    • Paynow

    • ValueAddedServices

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

    若要移動 圖表 子表單在Charges子表單的右側，選取 圖表 從左窗格中選取 版面 標籤，並為 錨點X 欄位。 此值必須大於 寬度 的欄位 費用 子表單。 選取 費用 子表單並選取 版面 標籤，讓您檢視 寬度 欄位。

  8. 拖放 文字 物件來自 物件庫 至表單並輸入 撥打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. 拖放 表格 元件來自 物件庫 至表單。

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

    1. 指定欄數為 5.
    2. 指定內文列數為 1.
    3. 選取 在表格中包含標題列 核取方塊。
    4. 標籤 確定.

  4. 選取 + 在左窗格旁的 表格 1並按一下右鍵 儲存格1 並選取 重新命名物件 至 日期.

    同樣地，重新命名 儲存格2， 儲存格3， 儲存格4、和 儲存格5 至 時間， 數字， 持續時間、和 費用 （分別）。

  5. 按一下「 」中的「標頭」文字欄位 設計工具檢視 並將它們重新命名為 時間， 數字， 持續時間、和 費用.

    佈局片段

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

    佈局片段重複屬性

  7. 拖放 文字欄位 元件來自 物件庫 至 設計工具檢視.

    佈局片段的文字欄位

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

  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 作為資料夾的標題，請核取 可編輯的範本，並選取 建立.

    設定網頁範本

    此 Create_First_IC_templates 資料夾建立並列於 設定瀏覽器 頁面。

建立範本 create-the-template

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

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

create_web_template

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

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

  1. 選取「 」，導覽至適當的範本資料夾 工具 > 範本 > Create_First_IC_templates 資料夾。

  2. 選取「建立」。

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

  4. 在 範本詳細資訊 設定精靈，指定 Create_First_IC_Web_Template 作為範本標題。 指定選擇性說明，然後選取 建立.

    確認訊息，指明 Create_First_IC_Web_Template 隨即顯示。

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

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

    範本編輯器

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

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

  9. 選取 內容 標籤。 在步驟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