Creación de un perfil personalizado para formularios HTML5

Un perfil es un nodo de recursos en Apache Sling. Representa la versión personalizada del servicio de representación de formularios HTML5. Puede utilizar el servicio de representación de formularios HTML5 para personalizar el aspecto, el comportamiento y las interacciones de los formularios HTML5. Existe un nodo perfil en la /content carpeta del repositorio JCR. Puede colocar el nodo directamente debajo de la /content carpeta o de cualquier subcarpeta de la /content carpeta.

El nodo perfil tiene la propiedad sling:resourceSuperType y el valor predeterminado es xfaforms/perfil. La secuencia de comandos de procesamiento del nodo se encuentra en /libs/xfaforms/perfil.

Los scripts Sling son scripts JSP. Estas secuencias de comandos JSP sirven como contenedores para reunir el HTML para el formulario solicitado y los artefactos JS/CSS requeridos. Estas secuencias de comandos de Sling también se denominan secuencias de comandos del procesador de Perfil. El procesador de perfil llama al servicio OSGi de Forms para procesar el formulario solicitado.

La secuencia de comandos de perfil está en html.jsp y html.POST.jsp para solicitudes de GET y POST. Puede copiar y modificar uno o varios archivos para anular y agregar las personalizaciones. No realice ningún cambio en el lugar, la actualización del parche sobrescribe dichos cambios.

Un perfil contiene varios módulos. Los módulos son formRuntime.jsp, config.jsp, toolbar.jsp, formBody.jsp, nav_filename.jsp y Football.jsp.

formRuntime.jsp

Los módulos formRuntime.jsp contienen referencias de las bibliotecas de cliente. También muestra métodos para extraer información de configuración regional de la solicitud e incluir los mensajes localizados en la misma. Puede incluir sus propias bibliotecas o estilos de javascript personalizados en formRuntime.jsp.

config.jsp

El módulo config.jsp contiene varias configuraciones, como registro, servicios proxy y versión de comportamiento. Puede agregar su propia configuración y personalización de utilidades al módulo config.jsp. También puede agregar configuraciones como el registro de utilidades personalizadas al módulo config.jsp.

toolbar.jsp

El archivo toolbar.jsp contiene código para crear una barra de herramientas de color. Para quitar la barra de herramientas, elimine toolbar.jsp del archivo HTML.jsp

formBody.jsp

El módulo formBody.jsp es para la representación HTML del formulario XFA.

Al principio, el formulario HTML5 procesa solo la primera página del formulario. Cuando un usuario desplaza el formulario, se carga el resto de los formularios. Hace que la carga sea más rápida. El componente nav_ada.jsp contiene todos los estilos y elementos necesarios para facilitar la carga de las páginas al desplazarse.

El módulo pie.jsp está vacío. Permite agregar secuencias de comandos que se utilizan únicamente para la interacción del usuario.

Creación de Perfiles personalizados

Para crear un perfil personalizado, realice los siguientes pasos:

Crear nodo de Perfil

  1. Vaya a la interfaz CRX DE en la dirección URL: https://[server]:[port]/crx/de e inicie sesión en la interfaz con las credenciales del administrador.

  2. En el panel izquierdo, navegue a la ubicación /contenido/formularios/perfiles.

  3. Copie el nodo predeterminado y pegue el nodo en otra carpeta (/content/perfiles) con el nombre hrform.

  4. Seleccione el nuevo nodo, formulario y agregue una propiedad de cadena: sling:resourceType con valor: reforma/demostración.

  5. Haga clic en Guardar todo en el menú de la barra de herramientas para guardar los cambios.

Creación de la secuencia de comandos del procesador de perfil

Después de crear un perfil personalizado, agregue información de procesamiento a este perfil. Al recibir una solicitud para el nuevo perfil, CRX comprueba la existencia de la carpeta /apps para la página JSP que se va a procesar. Cree la página JSP en la carpeta /apps.

  1. En el panel izquierdo, desplácese a la /apps carpeta.

  2. Haga clic con el botón derecho en la /apps carpeta y elija crear una carpeta con el nombre hrform.

  3. Dentro de la carpeta de formularios , cree una carpeta con el nombre demo.

  4. Haga clic en el botón Guardar todo .

  5. Vaya a /libs/xfaforms/profile/html.jsp y copie el nodo html.jsp.

  6. Pegue el nodo html.jsp en la /apps/hrform/demo carpeta creada anteriormente con el mismo nombre html.jsp y haga clic en Guardar.

  7. Si tiene algún otro componente del script de perfil, siga los pasos 1 a 6 para copiar los componentes en la carpeta /apps/hrform/demo.

  8. Para comprobar que se ha creado el perfil, abra la dirección URL https://[server]:[port]/content/xfaforms/profiles/hrform.html

Para comprobar los formularios, importe los formularios del sistema de archivos local a AEM Forms y previsualización del formulario en AEM instancia de autor del servidor.

En esta página