Webtoepassingen maken die Forms renderen creating-web-applications-thatrenders-forms
de Steekproeven en de voorbeelden in dit document zijn slechts voor AEM Forms op milieu JEE.
Webtoepassingen maken die Forms renderen creating-web-applications-that-renders-forms
U kunt een webtoepassing maken die Java-servlets gebruikt om de Forms-service aan te roepen en formulieren te genereren. Een voordeel van het gebruik van een Java™ servlet is dat u de terugkeerwaarde van het proces aan cliëntbrowser kunt schrijven. Met andere woorden, een Java-servlet kan worden gebruikt als de koppeling tussen de Forms-service die een formulier retourneert en een clientwebbrowser.
Met behulp van een Java-servlet kunt u een formulier naar een clientwebbrowser schrijven, zodat een klant gegevens in het formulier kan bekijken en invoeren. Nadat de webgebruiker het formulier met gegevens heeft gevuld, klikt hij op een verzendknop op het formulier om informatie terug te sturen naar de Java-server, waar de gegevens kunnen worden opgehaald en verwerkt. De gegevens kunnen bijvoorbeeld naar een ander proces worden verzonden.
In deze sectie wordt besproken hoe u een webtoepassing kunt maken waarmee de gebruiker op Amerika gebaseerde formuliergegevens of op Canada gebaseerde formuliergegevens kan selecteren, zoals in de volgende afbeelding wordt getoond.
Het weergegeven formulier is een formulier dat is gebaseerd op fragmenten. Als de gebruiker Amerikaanse gegevens selecteert, gebruikt het geretourneerde formulier fragmenten op basis van Amerikaanse gegevens. De voettekst van het formulier bevat bijvoorbeeld een Amerikaans adres, zoals in de volgende afbeelding wordt getoond.
Als de gebruiker Canadese gegevens selecteert, bevat het geretourneerde formulier ook een Canadees adres, zoals in de volgende afbeelding wordt getoond.
Dossiers van de Steekproef
In deze sectie worden voorbeeldbestanden gebruikt die zich op de volgende locatie kunnen bevinden:
<Forms Designer installatiemap>/Samples/Forms/Purchase Order/Form Fragments
waar < installatiemap> is de installatiepad. Voor de cliënttoepassing, werd het dossier van de Orde van de Aankoop Dynamic.xdp gekopieerd van deze installatielocatie en opgesteld aan een toepassing van Forms genoemd Toepassingen/FormsApplication. Het bestand Purchase Order Dynamic.xdp wordt in een map met de naam FormsFolder geplaatst. Op dezelfde manier worden de fragmenten in de map Fragments geplaatst, zoals in de volgende afbeelding wordt getoond.
Als u toegang wilt krijgen tot het formulierontwerp Purchase Order Dynamic.xdp, geeft u Applications/FormsApplication/1.0/FormsFolder/Purchase Order Dynamic.xdp
op als de formuliernaam (de eerste parameter die aan de methode renderPDFForm
wordt doorgegeven) en repository:///
als de URI-waarde van de inhoudsbasis.
De XML-gegevensbestanden die door de webtoepassing worden gebruikt, zijn verplaatst van de map Data naar C:\Adobe
(het bestandssysteem dat hoort bij de J2EE-toepassingsserver die als host fungeert voor AEM Forms). De bestandsnamen zijn Purchase Order Canada.xml en Purchase Order US.xml.
Overzicht van de stappen summary-of-steps
Voer de volgende stappen uit om een webtoepassing te maken die formulieren weergeeft op basis van fragmenten:
- Maak een webproject.
- Maak Java-toepassingslogica die de Java-servlet vertegenwoordigt.
- Maak de webpagina voor de webtoepassing.
- Verpak de Webtoepassing aan een dossier van WAR.
- Implementeer het WAR-bestand op de J2EE-toepassingsserver.
- Test uw webtoepassing.
Een webproject maken creating-a-web-project
De eerste stap voor het maken van een webtoepassing die een Java-servlet bevat die de Forms-service kan aanroepen, is het maken van een webproject. De Java-IDE waarop dit document is gebaseerd, is Eclipse 3.3. Gebruikend IDE van de Verduistering, creeer een Webproject en voeg de vereiste JAR dossiers aan uw project toe. Tot slot voeg een HTML pagina genoemd index.html en een servlet van Java aan uw project toe.
In de volgende lijst worden de JAR-bestanden weergegeven die u aan uw webproject moet toevoegen:
- adobe-forms-client.jar
- adobe-livecycle-client.jar
- adobe-usermanager-client.jar
- adobe-utilities.jar
Voor de plaats van deze JAR dossiers, zie Inclusief de bibliotheekdossiers van AEM Forms Java.
om een Webproject tot stand te brengen:
- Begin Eclipse en klik Dossier > Nieuw Project.
- In het Nieuwe de dialoogvakje van het Project, uitgezochte Web > Dynamisch Project van het Web.
- Het type
FragmentsWebApplication
voor de naam van uw project en klikt dan Afwerking.
om vereiste dossiers JAR aan uw project toe te voegen:
- Van het venster van de Ontdekkingsreiziger van het Project, klik het
FragmentsWebApplication
project met de rechtermuisknop aan en selecteer Eigenschappen. - Klik Java bouwt weg en klik dan de Bibliotheken tabel.
- Klik toevoegen Externe JARs knoop en doorblader aan de JAR dossiers om te omvatten.
om een servlet van Java aan uw project toe te voegen:
- Van het venster van de Ontdekkingsreiziger van het Project, klik het
FragmentsWebApplication
project met de rechtermuisknop aan en selecteer Nieuw > Andere. - Breid de omslag van het Web uit, selecteer Servlet, en klik dan daarna.
- In Create Servlet dialoogdoos, type
RenderFormFragment
voor de naam van servlet en klik dan Afwerking.
om een pagina van de HTML aan uw project toe te voegen:
- Van het venster van de Ontdekkingsreiziger van het Project, klik het
FragmentsWebApplication
project met de rechtermuisknop aan en selecteer Nieuw > Andere. - Breid de omslag van het Web uit, selecteer HTML, en klik daarna.
- In het Nieuwe de dialoogvakje van de HTML, type
index.html
voor het dossier - noem en klik dan Afwerking.
RenderFormFragment
servlet van Java aanhaalt, zie Creërend de Web-pagina.Java-toepassingslogica voor de servlet maken creating-java-application-logic-for-the-servlet
U maakt Java-toepassingslogica die de Forms-service aanroept vanuit de Java-servlet. De volgende code toont de syntaxis van de RenderFormFragment
Java Server:
public class RenderFormFragment extends HttpServlet implements Servlet {
public void doGet(HttpServletRequest req, HttpServletResponse resp
throws ServletException, IOException {
doPost(req,resp);
}
public void doPost(HttpServletRequest req, HttpServletResponse resp
throws ServletException, IOException {
//Add code here to invoke the Forms service
}
Normaal gesproken plaatst u geen clientcode in een Java-servlet- doGet
of doPost
-methode. Het is beter om deze code in een aparte klasse te plaatsen, de klasse vanuit de methode doPost
(of de methode doGet
) te instantiëren en de juiste methoden aan te roepen. Voor de beknoptheid van code worden de codevoorbeelden in deze sectie echter tot een minimum beperkt en worden codevoorbeelden in de methode doPost
geplaatst.
Als u een formulier wilt genereren op basis van fragmenten met de API van de Forms-service, voert u de volgende taken uit:
-
Neem client-JAR-bestanden, zoals adobe-forms-client.jar, op in het klassenpad van uw Java-project. Voor informatie over de plaats van deze dossiers, zie Inclusief de bibliotheekdossiers van AEM Forms Java.
-
Hiermee haalt u de waarde op van het keuzerondje dat vanuit het HTML-formulier wordt verzonden en geeft u aan of Amerikaanse of Canadese gegevens moeten worden gebruikt. Als Amerikaans wordt voorgelegd, creeer a
com.adobe.idp.Document
dat gegevens in de Inkooporder US.xml opslaat. Eveneens, als Canadees, creeer dan acom.adobe.idp.Document
dat gegevens in het Inkooporder Canada.xml dossier opslaat. -
Maak een
ServiceClientFactory
-object dat verbindingseigenschappen bevat. (Zie Plaatsende verbindingseigenschappen.) -
Maak een
FormsServiceClient
-object door de constructor ervan te gebruiken en hetServiceClientFactory
-object door te geven. -
Maak een
URLSpec
-object dat URI-waarden opslaat met behulp van de constructor. -
Roep de methode
setApplicationWebRoot
van het objectURLSpec
aan en geef een tekenreekswaarde door die de hoofdmap van de toepassing vertegenwoordigt. -
Roep de methode
setContentRootURI
van hetURLSpec
-object aan en geef een tekenreekswaarde door die de URI-waarde van de inhoudsbasis opgeeft. Zorg ervoor dat het formulierontwerp en de fragmenten zich in de URI van de basisinhoud bevinden. Als niet, werpt de dienst van Forms een uitzondering. Geefrepository://
op om naar de AEM Forms-opslagplaats te verwijzen. -
Roep de methode
setTargetURL
van het objectURLSpec
aan en geef een tekenreekswaarde door die de doel-URL-waarde opgeeft waarnaar de formuliergegevens worden gepost. Als u de doel-URL in het formulierontwerp definieert, kunt u een lege tekenreeks doorgeven. U kunt ook de URL opgeven waarnaar een formulier wordt verzonden om berekeningen uit te voeren. -
Roep de methode
renderPDFForm
van het objectFormsServiceClient
aan en geef de volgende waarden door:- Een tekenreekswaarde die de naam van het formulierontwerp opgeeft, inclusief de bestandsnaamextensie.
- Een
com.adobe.idp.Document
-object dat gegevens bevat die met het formulier moeten worden samengevoegd (gemaakt in stap 2). - Een
PDFFormRenderSpec
-object dat uitvoeringsopties opslaat. Voor meer informatie, zie AEM Forms API Verwijzing. - Een
URLSpec
-object dat URI-waarden bevat die door de Forms-service worden vereist om een formulier te genereren op basis van fragmenten. - Een
java.util.HashMap
-object dat bestandsbijlagen opslaat. Dit is een optionele parameter en u kuntnull
opgeven als u geen bestanden aan het formulier wilt koppelen.
De methode
renderPDFForm
retourneert eenFormsResult
-object dat een formuliergegevensstroom bevat die naar de webbrowser van de client moet worden geschreven. -
Maak een
com.adobe.idp.Document
-object door de methodeFormsResult
object 'sgetOutputContent
aan te roepen. -
Haal het inhoudstype van het object
com.adobe.idp.Document
op door de methodegetContentType
ervan aan te roepen. -
Stel het inhoudstype van het
javax.servlet.http.HttpServletResponse
-object in door de methodesetContentType
ervan aan te roepen en het inhoudstype van hetcom.adobe.idp.Document
-object door te geven. -
Maak een
javax.servlet.ServletOutputStream
-object dat wordt gebruikt om de formuliergegevensstroom naar de webbrowser van de client te schrijven door de methodejavax.servlet.http.HttpServletResponse
objectgetOutputStream
aan te roepen. -
Maak een
java.io.InputStream
-object door de methodecom.adobe.idp.Document
objectgetInputStream
aan te roepen. -
Creeer een byteserie bevolkt het met de stroom van vormgegevens door de
read
methode van objectenInputStream
aan te roepen en de byteserie als argument over te gaan. -
Roep de methode
write
van het objectjavax.servlet.ServletOutputStream
aan om de gegevensstroom van het formulier naar de webbrowser van de client te verzenden. Geef de bytearray door aan de methodewrite
.
In het volgende codevoorbeeld ziet u het Java-servlet dat de Forms-service activeert en een formulier genereert op basis van fragmenten.
/*
* This Java Quick Start uses the following JAR files
* 1. adobe-forms-client.jar
* 2. adobe-livecycle-client.jar
* 3. adobe-usermanager-client.jar
*
* (Because Forms quick starts are implemented as Java servlets, it is
* not necessary to include J2EE specific JAR files - the Java project
* that contains this quick start is exported as a WAR file which
* is deployed to the J2EE application server)
*
* These JAR files are in the following path:
* <install directory>/sdk/client-libs
*
* For complete details about the location of these JAR files,
* see "Including AEM Forms library files" in Programming with AEM forms
*/
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.Servlet;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.adobe.livecycle.formsservice.client.*;
import java.util.*;
import java.io.InputStream;
import java.net.URL;
import com.adobe.idp.Document;
import com.adobe.idp.dsc.clientsdk.ServiceClientFactory;
import com.adobe.idp.dsc.clientsdk.ServiceClientFactoryProperties;
public class RenderFormFragment extends HttpServlet implements Servlet {
public void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doPost(req,resp);
}
public void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
try{
//Set connection properties required to invoke AEM Forms
Properties connectionProps = new Properties();
connectionProps.setProperty(ServiceClientFactoryProperties.DSC_DEFAULT_SOAP_ENDPOINT, "https://'[server]:[port]'");
connectionProps.setProperty(ServiceClientFactoryProperties.DSC_TRANSPORT_PROTOCOL,ServiceClientFactoryProperties.DSC_SOAP_PROTOCOL);
connectionProps.setProperty(ServiceClientFactoryProperties.DSC_SERVER_TYPE, "JBoss");
connectionProps.setProperty(ServiceClientFactoryProperties.DSC_CREDENTIAL_USERNAME, "administrator");
connectionProps.setProperty(ServiceClientFactoryProperties.DSC_CREDENTIAL_PASSWORD, "password");
//Get the value of selected radio button
String radioValue = req.getParameter("radio");
//Create an Document object to store form data
Document oInputData = null;
//The value of the radio button determines the form data to use
//which determines which fragments used in the form
if (radioValue.compareTo("AMERICAN") == 0) {
FileInputStream myData = new FileInputStream("C:\\Adobe\Purchase Order US.xml");
oInputData = new Document(myData);
}
else if (radioValue.compareTo("CANADIAN") == 0) {
FileInputStream myData = new FileInputStream("C:\\Adobe\Purchase Order Canada.xml");
oInputData = new Document(myData);
}
//Create a ServiceClientFactory object
ServiceClientFactory myFactory = ServiceClientFactory.createInstance(connectionProps);
//Create a FormsServiceClient object
FormsServiceClient formsClient = new FormsServiceClient(myFactory);
//Set the parameter values for the renderPDFForm method
String formName = "Applications/FormsApplication/1.0/FormsFolder/Purchase Order Dynamic.xdp";
//Cache the PDF form
PDFFormRenderSpec pdfFormRenderSpec = new PDFFormRenderSpec();
pdfFormRenderSpec.setCacheEnabled(new Boolean(true));
//Specify URI values that are required to render a form
//design based on fragments
URLSpec uriValues = new URLSpec();
uriValues.setApplicationWebRoot("https://'[server]:[port]'/RenderFormFragment");
uriValues.setContentRootURI("repository:///");
uriValues.setTargetURL("https://'[server]:[port]'/FormsServiceClientApp/HandleData");
//Invoke the renderPDFForm method and write the
//results to a client web browser
FormsResult formOut = formsClient.renderPDFForm(
formName, //formQuery
oInputData, //inDataDoc
pdfFormRenderSpec, //PDFFormRenderSpec
uriValues, //urlSpec
null //attachments
);
//Create a Document object that stores form data
Document myData = formOut.getOutputContent();
//Get the content type of the response and
//set the HttpServletResponse object’s content type
String contentType = myData.getContentType();
resp.setContentType(contentType);
//Create a ServletOutputStream object
ServletOutputStream oOutput = resp.getOutputStream();
//Create an InputStream object
InputStream inputStream = myData.getInputStream();
//Write the data stream to the web browser
byte[] data = new byte[4096];
int bytesRead = 0;
while ((bytesRead = inputStream.read(data)) > 0)
{
oOutput.write(data, 0, bytesRead);
}
}catch (Exception e) {
System.out.println("The following exception occurred: "+e.getMessage());
}
}
}
De webpagina maken creating-the-web-page
De index.html-webpagina biedt een ingangspunt voor de Java-server en roept de Forms-service aan. Deze webpagina is een basisformulier voor HTML met twee keuzerondjes en een verzendknop. De naam van de keuzerondjes is keuzerondjes. Wanneer de gebruiker op de verzendknop klikt, worden formuliergegevens naar de Java-server van RenderFormFragment
verzonden.
De Java-servlet legt de gegevens vast die vanuit de HTML-pagina zijn gepost met behulp van de volgende Java-code:
Document oInputData = null;
//Get the value of selected radio button
String radioValue = req.getParameter("radio");
//The value of the radio button determines the form data to use
//which determines which fragments used in the form
if (radioValue.compareTo("AMERICAN") == 0) {
FileInputStream myData = new FileInputStream("C:\\Adobe\Purchase Order US.xml");
oInputData = new Document(myData);
}
else if (radioValue.compareTo("CANADIAN") == 0) {
FileInputStream myData = new FileInputStream("C:\\Adobe\Purchase Order Canada.xml");
oInputData = new Document(myData);
}
De volgende HTML-code bevindt zich in het bestand index.html dat tijdens de installatie van de ontwikkelomgeving is gemaakt. (Zie Creërend een Webproject.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form name="myform" action="https://'[server]:[port]'/FragmentsWebApplication/RenderFormFragment" method="post">
<table>
<tr>
<th>Forms Fragment Web Client</th>
</tr>
<tr>
<td>
<label>
<input type="radio" name="radio" id="radio_Data" value="CANADIAN" />
Canadian data<br />
</label>
<p>
<label>
<input type="radio" name="radio" id="radio_Data" value="AMERICAN" checked/>
American data</label>
</p>
</td>
</tr>
<tr>
<td>
<label>
<input type="submit" name="button_Submit" id="button_Submit" value="Submit" />
</label>
</td>
</tr>
</table>
</form>
</body>
</html>
De webtoepassing verpakken packaging-the-web-application
Als u de Java-servlet wilt implementeren die de Forms-service aanroept, moet u uw webtoepassing verpakken naar een WAR-bestand. Zorg ervoor dat externe JAR-bestanden waarvan de bedrijfslogica van de component afhankelijk is, zoals adobe-livecycle-client.jar en adobe-forms-client.jar, ook worden opgenomen in het WAR-bestand.
om een Webtoepassing aan een dossier van WAR te verpakken:
- Van het venster van de Ontdekkingsreiziger van het Project, klik het
FragmentsWebApplication
project met de rechtermuisknop aan en selecteer Uitvoer > dossier van WAR. - In het tekstvakje van de module van het Web, type
FragmentsWebApplication
voor de naam van het project van Java. - In het tekstvakje van de Bestemming, type
FragmentsWebApplication.war
voor dossier - naam, specificeer de plaats voor uw dossier van WAR, en klik dan Afwerking.
WAR-bestand implementeren op de J2EE-toepassingsserver deploying-the-war-file-to-the-j2ee-application-server
U kunt het WAR-bestand implementeren op de J2EE-toepassingsserver waarop AEM Forms is geïmplementeerd. Nadat het WAR-bestand is geïmplementeerd, kunt u de webpagina HTML openen met een webbrowser.
om het dossier van WAR aan de J2EE toepassingsserver op te stellen:
- Kopieer het WAR-bestand van het exportpad naar
[Forms Install]\Adobe\Adobe Experience Manager Forms\jboss\server\all\deploy
.
Uw webtoepassing testen testing-your-web-application
Nadat u de webtoepassing hebt geïmplementeerd, kunt u deze testen met een webbrowser. Ervan uitgaande dat u dezelfde computer gebruikt als die waarop AEM Forms wordt gehost, kunt u de volgende URL opgeven:
-
http://localhost:8080/FragmentsWebApplication/index.html
Selecteer een keuzerondje en klik op Verzenden. Een formulier dat is gebaseerd op fragmenten, wordt weergegeven in de webbrowser. Zie het logbestand van de J2EE-toepassingsserver als er zich problemen voordoen.