sábado, 23 de diciembre de 2017

Como crear un proyecto web dinamico en Java

Hola, ya vimos como configurar nuestro entorno de desarrollo para JEE, también hablamos sobre las principales características y definimos que usaremos JSF para nuestros proyectos haciendo una comparativa rápida con respecto a JSP y Servlets, también hablamos un poco de los componentes JSF que usaremos, ahora es momento de construir nuestro primer proyecto web... veamos!

Creación Proyecto Web.

En esta guía veremos cómo crear un proyecto java web, se mostrarán 2 formas que dependen de si se tiene o no el plugin JBoss Tools configurado, para esto debemos haber realizado lo siguiente.


•    Configurado Eclipse
•    Configurado el Servidor de Aplicaciones WildFly
•    Agregado el pluggin JBOSS Tools (ideal)


Después de dejar listo nuestro ambiente  podemos crear el primer proyecto web en java, para esto hacemos el proceso de creación de un proyecto normal pero de la siguiente manera.


Inicialmente debemos verificar que nos encontramos en la perspectiva para JEE

Si no, esta debe ser agregada desde Windows/Perspective/Open Perspective/Other y seleccionamos Java EE


En vez de crear un Java Project buscamos Dynamic Web Project.


Se debe diligenciar el formulario indicando el nombre del proyecto, cual es el servidor con el que vamos a trabajar, dejamos “Dynamic web module version” con el valor por defecto y presionamos en el botón “Modify” de la configuración




Al hacerlo se carga una nueva ventana donde debemos seleccionar el check para “JavaServer Faces”

Después de seleccionar la opción anterior presionamos en “ok” para confirmar la configuración.




Posteriormente presionamos en “Next”



Se presenta la ventana anterior la cual dejaremos de la misma manera y confirmamos con “next”
Al hacerlo se carga una nueva ventana indicándonos la configuración del módulo web, en este caso seleccionamos la opción que permitirá construir el descriptor de despliegue “web.xml” y damos clic en “next”

Al hacerlo se presenta una nueva ventana donde definimos el soporte para jsf, Damos next y de ser necesario eliminamos la opción definida en la sección URL mapping Patterns y luego agregamos soporte para jsf haciendo add y *.jsf y damos finish.
 


Al finalizar verificamos que el proyecto fue creado con los diferentes directorios y archivos de configuración.



Creación Primer Página Web.

Después de haber creado el proyecto podemos proceder a crear nuestra primera página web, dependiendo de si tenemos instalado o no el plugin jboss tools podremos crear archivos xhtml directamente o por medio de archivos jsp.


Forma 1.


Si no tenemos instalado el plugin jboss tools no podremos crear archivos xhtml directamente por esa razón lo realizamos mediante un jsp


Al crear el proyecto podemos dar clic en el directorio WebContent y agregar un nuevo archivo JSP.




Como va a ser la primer página podemos llamarla index.jsp, damos clic en Next.



Verificamos que tengamos seleccionado el chec Use JSP Template y seleccionamos “New JavaServer Faces (JSF) Page” y damos finish.

Desde el index.jsp eliminamos el soporte jsp ya que lo convertiremos en una página con soporte jsf.

Nos cercioramos de que tenga agregado los import requeridos del jsf y creamos la estructura de nuestra primera página.


Cerramos la página y le cambiamos la extensión de jsp a xhtml



Ahora vamos al web.xml y agregamos soporte para la página index.xhtml




Forma 2.

Si tenemos instalado el plugin jboss tools podremos crear la página con extensión xhtml directamente.


Damos clic derecho en el directorio WebContent y seleccionamos “XHTML Page”




Posteriormente creamos la primera página a la que llamaremos index.html, damos clic en Next.


Verificamos que tengamos seleccionado el check “Use XHTML Template”, seleccionamos “Blank JSF Page” y presionamos “Next”


En la ventana siguiente dejamos la configuración por defecto y damos clic en “Finish”


Al hacerlo se crea el archivo index.xhtml con los respectivos soportes para jsf


Posteriormente creamos la estructura de nuestra primera página.



Adicionalmente podemos abrir el archivo dando clic derecho, abrir con Web Page Editor


Lo que permitirá abrir el archivo con una vista previa.


Despliegue del sistema.

Después de haber creado el archivo index.xhtml podemos desplegar el sistema en el servidor configurado, para esto damos clic derecho en el servidor y presionamos start



Luego de iniciar el servidor se verifica que en la consola aparezca “started” lo cual indicará que el servidor está listo para el despliegue.

Posteriormente damos clic derecho al archivo index.xhtml/Run As/Run on Server


Luego de esto se debe confirmar el despliegue en el servidor previamente iniciado y damos next.

Asociamos el proyecto que queremos desplegar y damos clic en finish


Después de esto se carga un explorador en nuestro entorno donde podemos ver nuestro sistema en funcionamiento.




Y Listo!!!

En las próximas entradas seguiremos trabajando en nuestro proyecto, agregando nuevas funcionalidades y verificando sus diferentes componentes graficos.
 
En mi blog y en mi canal les he venido compartiendo material en torno a este gran lenguaje de programación, pueden encontrar muchos artículos y vídeos desde cero, les muestro como descargar las herramientas necesarias para empezar a programar, vamos subiendo cada vez más por los conceptos básicos, pasando por los conceptos de programación orientada a objetos, patrones, hilos, estructuras de datos, acceso a bases de datos entre otros,  hasta construir aplicaciones con interfaces grafías de usuario.

Además podrán encontrar un curso desde cero donde les enseño a crear aplicaciones móviles en android mediante una secuencia de vídeos paso a paso que constantemente se está actualizando.


Y ahora iniciaré la secuencia también desde cero donde nos adentraremos al mundo del java Enterprise edition, les mostraré como configurar el ambiente de desarrollo y como crear sus primeras aplicaciones web con java.


Por eso los invito a que visiten a codejavu.blogspot.com, que visiten mi canal Cristian Henao y que estén muy pendientes de las nuevas secuencias




También te podría Interesar. 

¿Hay algo que quieras anexar o comentar sobre esta entrada?  no dudes en hacerlo.....y si te gustó, te invito a compartir y Suscribirte ingresando al botón "Participar en este sitio" para darte cuenta de mas entradas como esta ;) 




 

17 comentarios:

  1. Excelente post, muy bien explicado. Sigo el blog y tu canal de Youtube. Podrías indicar cómo agregar la persistencia para el proyecto web?(crear un abm sencillo, por ejemplo). Saludos y éxitos!

    ResponderEliminar
    Respuestas
    1. Hola, estoy en el proceso, voy a retomar el curso espero que te pueda servir!

      Eliminar
  2. Hola, recién estoy comenzando a ver tus vídeos e intento hacer todos a tus pasos pero Te hago una consulta básica sobre Android Studio, cuando abro el primer proyecto puedo ver la previsualizacion y usarla para agregar botones y demás pero si apagó la PC y la vuelvo a encender para continuar trabajando ya no puedo ver esa previsualización. Que puedo hacer para solucionarlo, gracias y disculpas por ser una inquietud tan básica

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  5. Wow it is really wonderful and awesome thus it is very much useful for me to understand many concepts and helped me a lot. it is really explainable very well and i got more information from your blog.

    rpa training in chennai | rpa training in chennai | rpa training in pune | rpa online training | rpa training in bangalore

    ResponderEliminar
  6. I always enjoy reading quality articles by an individual who is obviously knowledgeable on their chosen subject. Ill be watching this post with much interest. Keep up the great work, I will be back
    Data Science Training in Chennai | Data Science training in anna nagar
    Data Science training in chennai | Data science training in Bangalore
    Data Science training in marathahalli | Data Science training in btm

    ResponderEliminar
  7. The knowledge of technology you have been sharing thorough this post is very much helpful to develop new idea. here by i also want to share this.
    python training in pune | python training institute in chennai | python training in Bangalore

    ResponderEliminar
  8. This is beyond doubt a blog significant to follow. You’ve dig up a great deal to say about this topic, and so much awareness. I believe that you recognize how to construct people pay attention to what you have to pronounce, particularly with a concern that’s so vital. I am pleased to suggest this blog.

    Data Science course in rajaji nagar | Data Science with Python course in chenni
    Data Science course in electronic city | Data Science course in USA
    Data science course in pune | Data science course in kalyan nagar

    ResponderEliminar
  9. Excellent post!!!. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it.
    online Python certification course | python training in OMR | python training course in chennai

    ResponderEliminar
  10. Nice tutorial. Thanks for sharing the valuable information. it’s really helpful. Who want to learn this blog most helpful. Keep sharing on updated tutorials…
    Best Devops Training in pune
    Devops interview questions and answers

    ResponderEliminar
  11. Wow it is really wonderful and awesome thus it is very much useful for me to understand many concepts and helped me a lot. it is really explainable very well and i got more information from your blog.

    rpa training in velachery| rpa training in tambaram |rpa training in sholinganallur | rpa training in annanagar| rpa training in kalyannagar

    ResponderEliminar
  12. This is most informative and also this post most user friendly and super navigation to all posts... Thank you so much for giving this information to me.. 

    best rpa training in chennai | rpa online training |
    rpa training in chennai |
    rpa training in bangalore
    rpa training in pune

    ResponderEliminar

Eres libre de realizar cualquier comentario, desde que pueda ayudar con gusto lo atenderé, y si es un critica, bienvenida sea!!!