¿Que es JFORMS Builder?

JForms es un framework para construir aplicaciones empresariales basadas en estándares JEE ayudando a reducir la complejidad para la construcción de aplicaciones sólidas, escalables y amigables. JForms le permite incorporar de forma rápida modelos, validaciones complejas y mecanismos de persistencia para garantizar la integridad de la base de datos. JForms viene con cientos de clases y métodos incorporados que resuelven la necesidad de tareas comunes de desarrollador para cumplir con los requerimientos del cliente. JForms también contiene Java Server Faces widgets que son fácilmente asignado al modelo entidades que le permite acceder de forma automática los datos del usuario en las clases de servidor de aplicaciones.

En ASP Solutions, tenemos nuestro propio framework "JFormsBuilder" con nuestras propias librerias y las etiquetas son hechas para ayudar a los desarrolladores a trabajar más rápido y eficientemente. Este tutorial es sobre la creación de un proyecto web JForms en Eclipse. Aquí vamos a describir y explicar los pasos que hay que seguir para crear un proyecto JForms utilizando el código, y los fundamentos del lenguaje JForms.

Arquitectura

Esta es la estructura del funcionamiento de JFormsBuilder

Requerimientos

• JARs entregados por ASP Solutions
• Apache Tomcat v8
• Eclipse IDE EE
• JDK 8
• Configuración de recursos y archivos entregados por ASP Solutions

• Paso 1
• Paso 2
• Paso 3
• Paso 4
• Paso 5
• Paso 6
• Paso 7

Inicio de instalación

1. Debemos tener el JDK previamente instalado, ejecutamos el instalador JFormsBuilder4.0.exe.

Se selecciona el idioma de preferencia.

2. Se abrirá el asistente de instalación y presionamos en "Siguiente".

3. En este paso se selcciona la ruta donde queremos instalar el JForms, y presionamos "Siguiente".

4. Ahora presionamos "Instalar" y esperamos mientras el asistente realiza la instalación.

5. La instalación ha terminado, seleccionamos la casilla que dice "Lanzar JFormsBuilder4.0"

Pesionamos "Finalizar".

6. Al ejecutar, aparecera una ventana donde se activará el producto.

- En el campo "Empresa" debemos colocar "1" y en el campo "Código de activación" va el código de licencia proporcionado por ASP

- Presionamos "Aceptar".

7. Una vez realizados los pasos correctamente podemos iniciar el JFormsBuilder.

• Paso 1
• Paso 2
• Paso 3
• Paso 4
• Paso 5
• Paso 6
• Paso 7
• Paso 8
• Paso 9

Configuración de Eclipse

1. Primero abrimos Eclipe para crear un nuevo Proyecto Dinámico.

2. A continuación, se establece el nombre del proyecto y seleccionamos un nuevo servidor. (Apache Tomcat).

Luego de seleccionar el servidor, instalamos Apache Tomcat v7 seleccionando la carpeta en la que está contenido.

3. En la configuración del proyecto, seleccione, JavaServer Faces 2.1 Project.

4. Luego, configure el proyecto de aplicación Java, creando las carpetas de recursos para el proyecto, y la configuración el módulo web, generando el "deployment descriptor file web.xml".

5. Ahora, seleccione ,JavaServer Faces, User library.

Luego de seleccionar la librería, damos click en finalizar y esta creado el proyecto.

Ahora se tiene el proyecto creado, necesitamos configurar el "Deployment Assembly" y el "Java Build Path", para ello también necesitamos los Jars proporcionados por ASP Solutions y los archivos de la carpeta "For Deployment", también proporcionada por ASP Solutions.

1. Haga clic izquierdo en su nuevo proyecto y seleccione la opción "Properties".

2. En primer lugar se configura "Deployment Assembly", en el panel de la izquierda se selecciona la opción "Deployment Assembly".

3. Agregar las librerías.

Hojas de estilo (CSS)

Las hojas de estilo definen el formato y diseño de la parte gráfica del proyecto web. El CSS (Cascading Style Sheet) es una hoja de estilo, que es un lenguaje simple usado para describir las reglas de apariencia y formato del documento xhtml. Por ejemplo, veamos este código CSS:

Este es un ejemplo de una clase principal.

    	
		
		.Content-division {
		    background: #F0F0F8;
		    width: 100px;
		    /* This is a comment in CSS */
		    height: 400%;
		    position: absolute;
		    /* Those from above are the style rules, they are compound
		    of a property, followed by a colon (:)
		    and a value, followed by a semi-colon (;) */
		}
		
		
		/* You can also set the style rules for a tag,
		in this case, for all the elements of the p tag */
		p{
		    font-family: sans-serif;
		    font-size: 14pt;
		    color: #000000; /* This is the color of the text, the value can also be RGB or RGBa */
		    padding-left: 10px;
		}
		
		.Random-division{
		    width: 250px;
		    height: 100pt;
		    padding: 20px;
		    border: 20px solid black;
		    margin: 20px;
		    /*
		    The rules above define the dimensions of what is called the box model
		    The width and height makes the box dimensions
		    (height vertical and width horizontal)
		    the padding is the space between the border and the basic box
		    The borders are the limits of the box, they can be coloured and
		    have textures as solid, dotted, etc
		    The margin is the distance  from the border of the box
		    to the neighboring element or the border
		    of the document itself.
		     */
		
		    position: absolute;
		    left: 280px!important;
		    top: 200px!important;
		    /* This rules sets the position of the element that use this pseudo-class.
		    Position is a rule to determine if the element has a unique position, or it is
		    relative to something.
		    Top and left define the placement of the box, Left is the distance from the
		    left border of the container at the x axis and Top is the distance from the
		    top border of the container at the y axis
		    */
		}