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 ;) 




 

51 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. Este comentario ha sido eliminado por el autor.

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

    ResponderEliminar
  4. 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
  5. 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
  6. 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
  7. Attend The Python training in bangalore From ExcelR. Practical Python training in bangalore Sessions With Assured Placement Support From Experienced Faculty. ExcelR Offers The Python training in bangalore.
    python training in bangalore

    ResponderEliminar
  8. I have visited this blog first time and i got a lot of informative data from here which is quiet helpful for me indeed.Really nice experience you have. Thank you for sharing!!
    machine learning training in bangalore

    ResponderEliminar
  9. Awesome Blog, Very useful information and also easily understandable.Thanks for sharing this information. Keep Blogging!!​ Machine Learning Training In Bangalore

    ResponderEliminar
  10. I learned World's Trending Technology from certified experts for free of cost. I Got a job in decent Top MNC Company with handsome 14 LPA salary, I have learned the World's Trending Technology from python training in btm layout experts who know advanced concepts which can help to solve any type of Real-time issues in the field of Python. Really worth trying hkbk group of institutions

    ResponderEliminar
  11. Thanks for sharing this blog. Keep it up and best of luck for your future blogs and posts.
    Digital Marketing Course in Kolkata

    ResponderEliminar


  12. Thanks for sharing such informative guide on .Net technology. This post gives me detailed information about the .net technology. I am working as trainer in leading IT training academy offering Dot Net Training in Chennai and i use your guide to educate my students.


    Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery







    ResponderEliminar
  13. Are you looking for a maid for your home to care your baby,patient care taker, cook service or a japa maid for your pregnent wife we are allso providing maid to take care of your old parents.we are the best and cheapest service provider in delhi for more info visit our site and get all info. thanks
    Ai & Artificial Intelligence Course in Chennai
    PHP Training in Chennai
    Ethical Hacking Course in Chennai Blue Prism Training in Chennai
    UiPath Training in Chennai

    ResponderEliminar
  14. https://cbpbenitez.blogspot.com/2013/11/how-to-get-audio-file-of-audio-recorder.html?showComment=1610555160185#c8385028244307916101

    ResponderEliminar
  15. I have been reading for the past two days about your blogs and topics, still on fetching! Wondering about your words on each line was massively effective. 경마사이트

    ResponderEliminar
  16. There is perceptibly a bundle to realize about this.토토사이트

    ResponderEliminar
  17. After I initially left a comment I appear to have clicked the -Notify me when new comments are added- checkbox and now every time a comment is added I get 4 emails with the same comment. There has to be a means you are able to remove me from that service? Thanks!

    야한동영상
    대딸방
    타이마사지
    출장마사지
    바카라사이트

    ResponderEliminar
  18. I blog frequently and i really thank you for your content. The article has truly peaked my interest.
    경마사이트
    경마

    ResponderEliminar
  19. Great post. keep sharing such a worthy information.

    ResponderEliminar
  20. The potential of AI and data science seems limitless. From personalized recommendations to cutting-edge medical diagnoses Does Fortnite Have Good GraphicsFortnite Have Good Graphics it's evident these fields are shaping the future.

    ResponderEliminar
  21. "I've already learned so much from this blog post, it's a gold mine of knowledge!"
    Golang Course

    ResponderEliminar
  22. "I found this blog post to be incredibly informative and engaging, and it perfectly captures the essence of the topic!"
    Mulesoft Training

    ResponderEliminar
  23. Really very nice blog information for this one and more technical skills are improve,i like that kind of post. Machine Learning Training Institute in Bangalore

    ResponderEliminar

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