預填自適應表單欄位 prefill-adaptive-form-fields

Adobe 建議使用新式且可擴充的資料擷取核心元件，用來建立新的最適化表單或將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步，可確保令人印象深刻的使用者體驗。本文會介紹使用基礎元件編寫最適化表單的舊方法。

簡介 introduction

您可以使用現有資料預先填寫最適化表單的欄位。 當使用者開啟表單時，這些欄位的值將被預填。 若要在調適型表單中預填資料，請遵循該格式以預填調適型表單的資料結構，讓使用者資料可作為預填XML/JSON使用。

預填資料的結構 the-prefill-structure

調適型表單可以混合有已繫結和未繫結的欄位。 繫結欄位是從「內容尋找器」標籤拖曳的欄位，在欄位編輯對話方塊中包含非空白的bindRef屬性值。 未繫結欄位是從Sidekick的元件瀏覽器直接拖曳，並具有空的bindRef值。

您可以預先填寫最適化表單的繫結和未繫結欄位。 預填資料包含afBoundData和afUnBoundData區段，以預填調適型表單的繫結和未繫結欄位。 afBoundData區段包含繫結欄位和面板的預填資料。 此資料必須符合關聯的表單模型結構描述：

預填XML結構範例 sample-prefill-xml-structure

<?xml version="1.0" encoding="UTF-8"?>
<afData>
  <afBoundData>
     <employeeData>
        .
     </employeeData>
  </afBoundData>

  <afUnboundData>
    <data>
      <textbox>Hello World</textbox>
         .
         .
      <numericbox>12</numericbox>
         .
         .
    </data>
  </afUnboundData>
</afData>

預填JSON結構範例 sample-prefill-json-structure

{
   "afBoundData": {
      "employeeData": { }
   },
   "afUnboundData": {
      "data": {
         "textbox": "Hello World",
         "numericbox": "12"
      }
   }
}

對於具有相同bindref的繫結欄位或具有相同名稱的未繫結欄位，所有欄位都會填入XML標籤或JSON物件中指定的資料。 例如，表單中的兩個欄位對應到預填資料中的名稱textbox。 在執行階段，如果第一個文字方塊欄位包含「A」，則第二個文字方塊會自動填入「A」。 此連結稱為自適應表單欄位的即時連結。

使用XFA表單範本的最適化表單 xfa-based-af

針對XFA型調適型表單預先填入XML與提交的XML的結構如下：

Prefill-Submit-Data-ContentPackage.zip

取得檔案
包含預填資料和已提交資料的範例

XML結構描述型調適型表單  xml-schema-af

根據XML結構描述的最適化表單的預填XML和已提交的XML結構如下：

<?xml version="1.0" encoding="utf-8" ?>
<xs:schema targetNamespace="https://adobe.com/sample.xsd"
            xmlns="https://adobe.com/sample.xsd"
            xmlns:xs="https://www.w3.org/2001/XMLSchema">

    <xs:element name="sample" type="SampleType"/>

    <xs:complexType name="SampleType">
        <xs:sequence>
            <xs:element name="noOfProjectsAssigned" type="xs:string"/>
        </xs:sequence>
    </xs:complexType>
</xs:schema>

對於模型為XML結構描述的欄位，資料會預先填入afBoundData標籤，如下面的範例XML所示。 它可用來以一或多個未繫結文字欄位預先填寫調適型表單。

<?xml version="1.0" encoding="UTF-8"?><afData>
  <afUnboundData>
    <data>
      <textbox>Ignorance is bliss :) </textbox>
    </data>
  </afUnboundData>
  <afBoundData>
    <data>
      <noOfProjectsAssigned>twelve</noOfProjectsAssigned>
    </data>
  </afBoundData>
</afData>

不含afData和afBoundData包裝函式的範例 an-example-without-afdata-and-afbounddata-wrapper

<?xml version="1.0" encoding="UTF-8"?><config>
 <assignmentDetails descriptionOfAssignment="Some Science Project" durationOfAssignment="34" financeRelatedProject="1" name="Lisa" numberOfMentees="1"/>
 <assignmentDetails descriptionOfAssignment="Kidding, right?" durationOfAssignment="4" financeRelatedProject="1" name="House" numberOfMentees="3"/>
</config>

JSON結構描述型調適型表單 json-schema-based-adaptive-forms

針對以JSON結構為基礎的適用性表單，底下說明預填JSON和已提交JSON的結構。 如需詳細資訊，請參閱使用JSON結構描述建立最適化表單。

{
    "id": "https://some.site.somewhere/entry-schema#",
    "$schema": "https://json-schema.org/draft-04/schema#",
    "type": "object",
    "properties": {
        "address": {
            "type": "object",
            "properties": {
    "name": {
     "type": "string"
    },
    "age": {
     "type": "integer"
}}}}}

對於使用JSON結構描述模型的欄位，資料會預先填入afBoundData物件，如下面的範例JSON所示。 它可用來以一或多個未繫結文字欄位預先填寫調適型表單。 以下是具有afData/afBoundData包裝函式的資料範例：

{
  "afData": {
    "afUnboundData": {
      "data": { "textbox": "Ignorance is bliss :) " }
    },
    "afBoundData": {
      "data": { {
   "user": {
    "address": {
     "city": "Noida",
     "country": "India"
}}}}}}}

以下是沒有afData/afBoundData包裝函式的範例：

{
 "user": {
  "address": {
   "city": "Noida",
   "country": "India"
}}}

無表單模型的最適化表單 adaptive-form-with-no-form-model

針對沒有表單模型的最適化表單，所有欄位的資料都在<afUnboundData> tag的<data>標籤下。

此外，請注意下列事項：

針對針對各種欄位提交的使用者資料所產生的XML標籤，是使用欄位名稱產生的。 因此，欄位名稱必須是唯一的。

<?xml version="1.0" encoding="UTF-8"?><afData>
  <afUnboundData>
    <data>
      <radiobutton>2</radiobutton>
      <repeatable_panel_no_form_model>
        <numericbox>12</numericbox>
      </repeatable_panel_no_form_model>
      <repeatable_panel_no_form_model>
        <numericbox>21</numericbox>
      </repeatable_panel_no_form_model>
      <checkbox>2</checkbox>
      <textbox>Nopes</textbox>
    </data>
  </afUnboundData>
  <afBoundData/>
</afData>

使用Configuration Manager設定預填服務 configuring-prefill-service-using-configuration-manager

若要啟用預填服務，請在「AEM Web主控台組態」中指定「預設預填服務組態」。 使用下列步驟來設定預填服務：

可重複面板的奇怪情況 the-curious-case-of-repeatable-panels

通常，繫結（表單結構描述）和未繫結欄位會以相同的調適型表單編寫，但如果繫結是可重複的，則有下列幾個例外：

預填使用者資料的支援通訊協定 supported-protocols-for-prefilling-user-data

使用有效的規則運算式設定時，可透過下列通訊協定，以預填資料格式預填適用性表單的使用者資料：

crx://通訊協定 the-crx-protocol

https://localhost:4502/content/forms/af/xml.html?wcmmode=disabled&dataRef=crx:///tmp/fd/af/myassets/sample.xml

指定的節點必須具有名為jcr:data的屬性並儲存資料。

file://通訊協定  the-file-protocol-nbsp

https://localhost:4502/content/forms/af/someAF.html?wcmmode=disabled&dataRef=file:///C:/Users/form-user/Downloads/somesamplexml.xml

參照的檔案必須在相同的伺服器上。

https://通訊協定 the-http-protocol

https://localhost:4502/content/forms/af/xml.html?wcmmode=disabled&dataRef=https://localhost:8000/somesamplexmlfile.xml

service://通訊協定 the-service-protocol

https://localhost:4502/content/forms/af/abc.html?wcmmode=disabled&dataRef=service://[SERVICE_NAME]/[IDENTIFIER]

在slingRequest中設定資料屬性 setting-data-attribute-in-slingrequest

您也可以在slingRequest中設定data屬性，其中data屬性是包含XML或JSON的字串，如下列範常式式碼所示（範例為XML）：

<%
           String dataXML="<afData>" +
                            "<afUnboundData>" +
                                "<data>" +
                                    "<first_name>"+ "Tyler" + "</first_name>" +
                                    "<last_name>"+ "Durden " + "</last_name>" +
                                    "<gender>"+ "Male" + "</gender>" +
                                    "<location>"+ "Texas" + "</location>" +
                                    "</data>" +
                            "</afUnboundData>" +
                        "</afData>";
        slingRequest.setAttribute("data", dataXML);
%>

您可以撰寫包含所有資料的簡單XML或JSON字串，並在slingRequest中進行設定。 您可以在轉譯器JSP中針對任何元件輕鬆完成這項操作，您想要將元件加入可設定slingRequest資料屬性的頁面中。

例如，您想要為具有特定標題型別的頁面使用特定設計的位置。 若要達成此目的，您可以撰寫自己的header.jsp，將其包含在頁面元件中並設定data屬性。

另一個很好的範例是使用案例，您想要在透過Facebook、Twitter或LinkedIn等社交帳戶登入時預先填入資料。 在此情況下，您可以在header.jsp中加入簡單的JSP，它會從使用者帳戶擷取資料並設定資料引數。

預填頁面component.zip

取得檔案
頁面元件中的prefill.jsp範例

AEM Forms自訂預填服務 aem-forms-custom-prefill-service

您可以針對持續從預先定義的來源讀取資料的情況，使用自訂預填服務。 預填服務會從已定義的資料來源讀取資料，並使用預填資料檔案的內容預填調適型表單的欄位。 它還有助於您將預填的資料與最適化表單永久建立關聯。

建立並執行預填服務 create-and-run-a-prefill-service

預填服務是一項OSGi服務，會透過OSGi套件組合封裝。 您可以建立OSGi套件組合、上傳並安裝至AEM Forms套件組合。 開始建立套件組合之前：

取得檔案

建立預填服務 create-a-prefill-service

樣板套件（範例預填服務套件）包含AEM Forms預填服務的範例實作。 在程式碼編輯器中開啟樣板套件。 例如，在Eclipse中開啟範本專案進行編輯。 在程式碼編輯器中開啟樣板套件後，請執行以下步驟來建立服務。

啟動並使用預填服務 start-and-use-the-prefill-service

若要啟動預填服務，請上傳JAR檔案至AEM Forms Web主控台，然後啟動服務。 現在，該服務開始出現在最適化表單編輯器中。 若要將預填服務關聯至調適型表單：

在使用者端預先填入資料 prefill-at-client

預先填寫最適化表單時，AEM Forms伺服器會將資料與最適化表單合併，並將填寫的表單傳送給您。 依預設，資料合併動作會在伺服器上進行。

您可以設定AEM Forms伺服器，在使用者端而非伺服器上執行資料合併動作。 它大幅減少預填和轉譯調適型表單所需的時間。 預設會停用該功能。 您可以從Configuration Manager或命令列啟用它。