JAVA Visual JavaServerFaces - NETBEANS IDE - CDAMG & JAR BUILDING THE FUTURE

Diseño de Paginas Web en JSF

2011-10-25T23:34:00.000-07:00

DISEÑO DE PAGINAS WEB EN JAVA SERVER FACES + FLASH

Este es uno de los diseños que hice, poco a poco ire colgando mas diseños.

explicaremos detalladamente como se hacen este tipo de diseños.

1er PASO: CREACION DEL PROYECTO VISUAL WEB JAVA SERVER FACES PARA ELABORAR EL DISEÑO.

Creo que eso ya sabemos .

2do PASO: AGREGAR TABLAS.

Entramos en el modo de diseño JSP y agregamos de la paleta el elemento tabla de la pestaña HTML.

agregarlo dentro del <webuijsf:body>

Lo cual quedaría asi

luego le damos las siguientes propiedades a la tabla
align="center" style="height: 900px; width: 100%" width="1032"

border="1" es por defecto hay que dejarlo asi para diferenciar la tabla.
en mi caso elimine el
<thead>
solo deje el
<tbody>

al final agregar las siguientes proporciones para las filas y columnas.
en mi caso le di 4 filas <TR> y 3 columnas <TH>

lo cual quedaria asi.

3er PASO: AGREGAR ESTILOS.

Luego de damos estilos. en este caso solo de color

puede ser directo o con el editor de estilos en modo diseño.

Yo en mi caso prefiero hacerlo directamente. por que tengo mas control.

el diseño quedaria asi

4to PASO: AGREGAR BOTONES.

Luego agregamos un componente Layout Panel y 4 componentes Button

lo cual quedaria asi por defecto.

Para darle color a los botones les recomiendo que le den mejor imagenes con fondo entero

5to PASO: AGREGAR ARCHIVOS FLASH.

y por ultimo para agregar el flash es recomendable darle la url del flash. por que si le damos la carpeta directamente ahi veces no lo encuentra y no carga el archivo.

en mi caso

"http://localhost:8088/ThalesWeb/flash/Banner%20021.swf"

primero prueben solo si la pelicula flash funciona.

este es un video del diseño de la pagina

gracias por visitarnos y hasta pronto cualquier duda solo me comunican.

PERSISTENCIA DE JAVA ECLIPSELINK JPA 2.0 tutorial 4

2011-10-20T10:24:00.001-07:00

PERSISTENCIA DE JAVA ECLIPSELINK JPA 2.0 tutorial 3

2011-10-20T10:24:00.000-07:00

PERSISTENCIA DE JAVA ECLIPSELINK JPA 2.0 tutorial 5

2011-10-05T22:29:00.001-07:00

PERSISTENCIA DE JAVA ECLIPSELINK JPA 2.0 tutorial 2

2011-10-05T22:23:00.001-07:00

PERSISTENCIA DE JAVA ECLIPSELINK JPA 2.0 tutorial 1

2011-10-05T22:22:00.000-07:00

INSTALACION

sql server 2000 y visual jsf 50 -instalacion y configuracion del apache tomcat

2011-07-08T18:49:00.000-07:00

VISUAL JAVA SERVER FACES y NETBEANS

Primero se agregará a Tomcat en otro puerto ya que si instalaste el tomcat al inicio nos dara el 8080 por defecto, aprovechando que tenemos la versión .zip descargado de http://tomcat.apache.org/download-60.cgi, lo descomprimimos en una carpeta llamada apache-tomcat-6.0.32-windows-x64 . Posteriormente editamos el archivo server.xml que está el subdirectorio \conf dentro de \apache-tomcat-6.0.32.

Primero buscamos la línea relacionada con el puerto del servidor 8005 y lo cambiamos a8006 en la línea 22.

Luego cambiamos el puerto 8009 a 8010 y 8443 a 8444 en la línea 90.
y cambiamos el puerto 8088 a 8081 en la línea 69 y el puerto 8443 a 8444 en la línea 71.

Posteriormente editamos el archivo tomcat-user.xml que está el subdirectorio \conf dentro de \apache-tomcat-6.0.32.

Por último cambiamos en la linea 29 y le ponemos los siguiente

<role rolename="tomcat"/>

<role rolename="role1"/>
 <user password="123" roles="tomcat,manager,admin" username="123"/>

nos vamos al NETBEANS

y en la pestaña Ventana-Prestaciones-Servidores le damos agregar servidor

la damos un nombre al servidor en mi caso Tomcat 6.0.32

seleccionamos la carpeta en donde configuramos el apache tomcat en mi caso

/apache-tomcat-6.0.32.

le ponemos el usuario y password igual que el la configuracion anterior

y listo

ahora nos vamos a nuestro proyecto creado en propiedades

en el nodo Run en server elegimos el servidor Tomcat 6.0.32

Y LISTO>

SQL SERVER 2000 Y VISUAL JSF 6- nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

2011-07-06T17:00:00.000-07:00

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 Y VISUAL JSF 5 - nuestra propia tabla ObjectArrayDataProvider

SQL SERVER 2000 Y VISUAL JSF 6 - nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

VISUAL JAVA SERVER FACES y NETBEANS

SQL SERVER 2000 Y VISUAL JSF 5- nuestra propia tabla ObjectArrayDataProvider

2011-07-06T16:57:00.000-07:00

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 Y VISUAL JSF 5 - nuestra propia tabla ObjectArrayDataProvider

SQL SERVER 2000 Y VISUAL JSF 6 - nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

VISUAL JAVA SERVER FACES y NETBEANS

SQL SERVER 2000 Y VISUAL JSF 4- Detalles de la creacion de una tabla DefaultTableDataProvider

2011-07-06T16:55:00.000-07:00

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 Y VISUAL JSF 5 - nuestra propia tabla ObjectArrayDataProvider

SQL SERVER 2000 Y VISUAL JSF 6 - nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

VISUAL JAVA SERVER FACES y NETBEANS

En el presente tutorial analizaremos como se crea una tabla en Visual Java Server Faces Para asi poder nosotros mismos crear nuestra propia tabla.

Es necesario saber cuales son las clases que influyen para la creacion de una tabla en visual Java Server Faces.

- Page2jsp

- Page2.java

- FieldKey.java

- DefaultTableDataProvider.java

- ObjectArrayDataProvider.java

//****************************************************************************************************************

// Page2.jsp

//****************************************************************************************************************

<?xml version="1.0" encoding="UTF-8"?>

<!--

Document : Page2

Created on : 01/07/2011, 12:13:25 AM

Author : user

-->

<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">

<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>

<f:view>

<webuijsf:page id="page1">

<webuijsf:html id="html1">

<webuijsf:head id="head1">

<webuijsf:link id="link1" url="/resources/stylesheet.css"/>

</webuijsf:head>

<webuijsf:body id="body1" style="-rave-layout: grid">

<webuijsf:form id="form1">

<webuijsf:table augmentTitle="false" id="table1" style="position: absolute; left: 96px; top: 72px" title="Libros" width="450">

<webuijsf:tableRowGroup id="tableRowGroup1" rows="10" sourceData="#{Page2.defaultTableDataProvider}" sourceVar="currentRow">

<webuijsf:tableColumn headerText="column1" id="tableColumn1" sort="column1">

<webuijsf:staticText id="staticText1" text="#{currentRow.value['column1']}"/>

</webuijsf:tableColumn>

<webuijsf:tableColumn headerText="column2" id="tableColumn2" sort="column2">

<webuijsf:staticText id="staticText2" text="#{currentRow.value['column2']}"/>

</webuijsf:tableColumn>

<webuijsf:tableColumn headerText="column3" id="tableColumn3" sort="column3">

<webuijsf:staticText id="staticText3" text="#{currentRow.value['column3']}"/>

</webuijsf:tableColumn>

</webuijsf:tableRowGroup>

</webuijsf:table>

</webuijsf:form>

</webuijsf:body>

</webuijsf:html>

</webuijsf:page>

</f:view>

</jsp:root>

//****************************************************************************************************************

// Page2.java

//****************************************************************************************************************

package webapplication4;
import com.sun.rave.web.ui.appbase.AbstractPageBean;

import com.sun.webui.jsf.model.DefaultTableDataProvider;

import javax.faces.FacesException;
public class Page2 extends AbstractPageBean {

private void _init() throws Exception {

}

private DefaultTableDataProvider defaultTableDataProvider = new DefaultTableDataProvider();

public DefaultTableDataProvider getDefaultTableDataProvider() {

return defaultTableDataProvider;

}

public void setDefaultTableDataProvider(DefaultTableDataProvider dtdp) {

this.defaultTableDataProvider = dtdp;

}

public Page2() {

}
@Override

public void init() {

super.init();

try {

_init();

} catch (Exception e) {

log("Page2 Initialization Failure", e);

throw e instanceof FacesException ? (FacesException) e: new FacesException(e);

}

}
@Override

public void preprocess() {

}

@Override

public void prerender() {

}

@Override

public void destroy() {

}
protected ApplicationBean1 getApplicationBean1() {

return (ApplicationBean1) getBean("ApplicationBean1");

}

protected RequestBean1 getRequestBean1() {

return (RequestBean1) getBean("RequestBean1");

}

protected SessionBean1 getSessionBean1() {

return (SessionBean1) getBean("SessionBean1");

}

}

//****************************************************************************************************************

// DefaultTableDataProvider.java

//****************************************************************************************************************

package com.sun.webui.jsf.model;
import com.sun.data.provider.FieldKey;

import com.sun.data.provider.impl.ObjectArrayDataProvider;

import com.sun.webui.jsf.util.MessageUtil;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;
public class DefaultTableDataProvider extends ObjectArrayDataProvider{

/** Constructor por Defecto. */

public DefaultTableDataProvider() {

setArray(getDefaultTableData());

}

/**

* Cree datos que se desplegarán cuando la mesa se deja caer primero en el diseñador

*/

public Data[] getDefaultTableData(){

int noRows = 5;

int noCols = 3;

Data[] dataSet = new Data[noRows];
for (int i = 0; i < noRows; i++) {

String[] dataStrs = new String[noCols];

for(int j=0; j < noCols; j++){

dataStrs[j] = getMessage("defaultTblCell", String.valueOf(i + 1), String.valueOf(j + 1));

}

dataSet[i] = new Data(dataStrs);

}

return dataSet;

}

/** Vuelva el Campo Codifica el skiiping los 0th ponen en un índice que es la propiedad de la clase */

public FieldKey[] getFieldKeys() {

FieldKey[] superFieldKeys = super.getFieldKeys();

FieldKey[] fieldKeys = new FieldKey[superFieldKeys.length - 1];

for(int i=1; i < superFieldKeys.length; i++){

fieldKeys[i-1] = superFieldKeys[i];

}

return fieldKeys;

}

/**

* Get the message substituting the arguments

*/

public String getMessage(String key, String arg1, String arg2) {

String bundle = getClass().getPackage().getName() + ".Bundle";

return MessageUtil.getMessage(bundle, key, new Object[]{arg1, arg2});

}

/**

* Los datos estructuran que sostiene los datos para tres columnas de una mesa

*/

public static class Data {

private String[] columns = null;

public Data(String[] cols) {

columns = cols;

}

public String getColumn1() {

return columns[0];

}

public void setColumn1(String col) {

columns[0] = col;

}

public String getColumn2() {

return columns[1];

}

public void setColumn2(String col) {

columns[1] = col;

}

public String getColumn3() {

return columns[2];

}

public void setColumn3(String col) {

columns[2] = col;

}

}

}

//****************************************************************************************************************

// FieldKey.java

//****************************************************************************************************************

package com.sun.data.provider;
import java.io.Serializable;
public class FieldKey implements Comparable, Serializable {
/**

* A convenient static empty array to use for no-op method returns

*/

public static final FieldKey[] EMPTY_ARRAY = new FieldKey[0];
/**

* Constructs a new FieldKey with the specified canonical ID.

*

* @param fieldId The desired canonical ID String

*/

public FieldKey(String fieldId) {

this.fieldId = fieldId;

this.displayName = this.fieldId;

}
/**

* Constructs a new FieldKey with the specified canonical ID and display

* name.

*/

public FieldKey(String fieldId, String displayName) {

this.fieldId = fieldId;

this.displayName = displayName;

}
/**

* @param fieldId the canonical internal identifier of this {@link FieldKey}

*/

public void setFieldId(String fieldId) {

this.fieldId = fieldId;

}
/**

* @return the canonical internal identifier of this {@link FieldKey}

*/

public String getFieldId() {

return fieldId;

}
/**

* @param displayName The display name for this data element, suitable for

* inclusion in a menu of available options.

*/

public void setDisplayName(String displayName) {

this.displayName = displayName;

}
/**

* @return the display name for this data element, suitable for

* inclusion in a menu of available options.

*/

public String getDisplayName() {

return displayName;

}
public boolean equals(Object o) {

if (o instanceof FieldKey) {

String fkFieldId = ((FieldKey)o).getFieldId();

String thisFieldId = getFieldId();

return thisFieldId == fkFieldId || (thisFieldId != null && thisFieldId.equals(fkFieldId));

}

return false;

}

public int hashCode() {

String thisFieldId = getFieldId();

if (thisFieldId == null) {

return "".hashCode();

}

return thisFieldId.hashCode();

}
public int compareTo(Object o) {

String thisDisplayName = getDisplayName();

if (o instanceof FieldKey && thisDisplayName != null) {

String fkDisplayName = ((FieldKey)o).getDisplayName();

return thisDisplayName.compareTo(fkDisplayName);

}

return 0;

}
private String fieldId;

private String displayName;
public String toString() {

return "FieldKey[" + getFieldId() + "]"; // NOI18N

}

}

//****************************************************************************************************************

// ObjectArrayDataProvider.java

//****************************************************************************************************************

package com.sun.data.provider.impl;
import com.sun.data.provider.DataProvider;

import com.sun.data.provider.DataProviderException;

import com.sun.data.provider.FieldKey;

import com.sun.data.provider.RowKey;

import com.sun.data.provider.TableDataProvider;

import java.io.Serializable;

import java.lang.reflect.Constructor;

import java.lang.reflect.Modifier;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import java.util.ResourceBundle;

import java.util.TreeMap;
/* @author Joe Nuxoll

* Winston Prakash (bug fixes)

*/

public class ObjectArrayDataProvider extends AbstractTableDataProvider

implements Serializable {

// ------------------------------------------------------------ Constructors

public ObjectArrayDataProvider() {

setArray(null);

}

public ObjectArrayDataProvider(Object array[]) {

setArray(array);

}

public ObjectArrayDataProvider(Object array[], boolean includeFields) {

setArray(array);

setIncludeFields(includeFields);

}

// ------------------------------------------------------ Instance Variables

private Object array[] = null;

private transient ResourceBundle bundle = null;

private boolean includeFields = true;

private Class objectType;

// -------------------------------------------------------------- Private Static Variables

private static final int MAX_DESIGNTIME_ROWCOUNT = 25;

private static final int FAKE_DATA_ROWCOUNT = 3;

// -------------------------------------------------------------- Properties

public Object[] getArray() {

return this.array;

}

public void setArray(Object array[]) {

this.array = array;

if (array != null) {

setObjectType(array.getClass().getComponentType());

} else {

setObjectType(null);

}

}

public Class getObjectType() {

return objectType;

}
public void setObjectType(Class objectType) {

this.objectType = objectType;

this.support = null;

fireProviderChanged();

}

public boolean isIncludeFields() {

return this.includeFields;

}

public void setIncludeFields(boolean includeFields) {

this.includeFields = includeFields;

this.support = null;

}

// ---------------------------------------------------------- Public Methods

// ---------------------------------------------------- DataProvider Methods

public FieldKey getFieldKey(String fieldId) throws DataProviderException {

FieldKey fieldKey = null;

if (getSupport() != null) {

fieldKey = getSupport().getFieldKey(fieldId);

}

if (fieldKey != null){

return fieldKey;

} else{

throw new IllegalArgumentException(fieldId);

}

}

public FieldKey[] getFieldKeys() throws DataProviderException {

if (getSupport() != null) {

return getSupport().getFieldKeys();

}

return FieldKey.EMPTY_ARRAY;

}

public Class getType(FieldKey fieldKey) throws DataProviderException {

if ((getSupport() == null) || (getSupport().getFieldKey(fieldKey.getFieldId()) == null)) {

throw new IllegalArgumentException(fieldKey.toString());

}else{

return getSupport().getType(fieldKey);

}

}

public Object getValue(FieldKey fieldKey) throws DataProviderException {

return getValue(fieldKey, getCursorRow());

}

public void setValue(FieldKey fieldKey, Object value) throws DataProviderException {

setValue(fieldKey, getCursorRow(), value);

}

public boolean isReadOnly(FieldKey fieldKey) throws DataProviderException {

if ((getSupport() == null) || (getSupport().getFieldKey(fieldKey.getFieldId()) == null)) {

throw new IllegalArgumentException(fieldKey.toString());

}else{

return getSupport().isReadOnly(fieldKey);

}

}

// --------------------------------------- TableDataProvider Methods (Basic)

public int getRowCount() throws DataProviderException {

//at designtime, if there are no field keys

//prevent ELExceptions from being thrown by showing zero rows

if (java.beans.Beans.isDesignTime() && getFieldKeys().length < 1) {

return 0;

}

int currentRowCount = calculateRowCount();

if (java.beans.Beans.isDesignTime()) {

if (currentRowCount < 1) {

//we have no rows to show

//so show FAKE_DATA_ROWCOUNT rows of fake data

return FAKE_DATA_ROWCOUNT;

}

else if (currentRowCount > MAX_DESIGNTIME_ROWCOUNT) {

//we have too many rows to show

//only show the maximum permitted

return MAX_DESIGNTIME_ROWCOUNT;

}

else {

return currentRowCount;

}

}

else {

return currentRowCount;

}

}

public Object getValue(FieldKey fieldKey, RowKey rowKey) throws DataProviderException {

if(java.beans.Beans.isDesignTime()) {

//calculate how many rows currently exist in the wrapped data

int currentRowCount = calculateRowCount();

if (currentRowCount < 1) {

//we have no actual rows

//so show fake data

return AbstractDataProvider.getFakeData(getType(fieldKey));

}

}

if ((getSupport() == null) || (getSupport().getFieldKey(fieldKey.getFieldId()) == null)) {

throw new IllegalArgumentException(fieldKey.toString());

}

if (!isRowAvailable(rowKey)) {

throw new IndexOutOfBoundsException("" + rowKey);

}

return getSupport().getValue(fieldKey, array[getRowIndex(rowKey)]);

}

public void setValue(FieldKey fieldKey, RowKey rowKey, Object value) throws DataProviderException {

if ((getSupport() == null) || (getSupport().getFieldKey(fieldKey.getFieldId()) == null)) {

throw new IllegalArgumentException(fieldKey.toString());

}

if (getSupport().isReadOnly(fieldKey)) {

throw new IllegalStateException(fieldKey.toString() + " " + getBundle().getString("IS_READ_ONLY"));

}

if (!isRowAvailable(rowKey)) {

throw new IndexOutOfBoundsException(rowKey.toString());

}

Object previous = getSupport().getValue(fieldKey, array[getRowIndex(rowKey)]);

getSupport().setValue(fieldKey, array[getRowIndex(rowKey)], value);

if (((previous == null) && (value != null)) ||

((previous != null) && (value == null)) ||

((previous != null) && (value != null) && !previous.equals(value))) {

fireValueChanged(fieldKey, rowKey, previous, value);

fireValueChanged(fieldKey, previous, value);

}

}

// -------------------------------------- TableDataProvider Methods (Cursor)

// Base class definitions are sufficient

// ------------------------ TableDataProvider Methods (Append/Insert/Delete)

public boolean canAppendRow() throws DataProviderException {

return false;

}

public RowKey appendRow() throws DataProviderException {

throw new UnsupportedOperationException();

}

public boolean canInsertRow(RowKey beforeRow) throws DataProviderException {

return false;

}

public RowKey insertRow(RowKey beforeRow) throws DataProviderException {

throw new UnsupportedOperationException();

}

public boolean canRemoveRow(RowKey row) throws DataProviderException {

return false;

}
public void removeRow(RowKey row) throws DataProviderException {

throw new UnsupportedOperationException();

}

// --------------------------------------------------------- Private Methods

private ResourceBundle getBundle() {

if (bundle == null) {

bundle = ResourceBundle.getBundle("com/sun/data/provider/impl/Bundle");

}

return bundle;

}

private int getRowIndex(RowKey rowKey) throws DataProviderException {

return ((IndexRowKey) rowKey).getIndex();

}

private RowKey getRowKey(int index) throws DataProviderException {

return new IndexRowKey(index);

}

private transient ObjectFieldKeySupport support = null;
private ObjectFieldKeySupport getSupport() {

if ((support == null) && (objectType != null)) {

support = new ObjectFieldKeySupport(objectType, includeFields);

}

return support;

}

private int calculateRowCount() {

int currentRowCount = 0;

if (array != null) {

currentRowCount = array.length;

}

return currentRowCount;

}

}

Nos vamos a centrar en el codigo del archivo

DefaultTableDataProvider.java

ya que ese ese codigo es el que carga la tabla mediante el siguiente metodo.

public Data[] getDefaultTableData(){
        int noRows = 5;
        int noCols = 3;
        Data[] dataSet = new Data[noRows];
        for (int i = 0; i < noRows; i++) {
            String[] dataStrs = new String[noCols];
            for(int j=0; j < noCols; j++){
                dataStrs[j] = getMessage("defaultTblCell", String.valueOf(i + 1), String.valueOf(j + 1));
            }
            dataSet[i] = new Data(dataStrs);
        }
        return dataSet;
    }

usaremos el disenio de esta clase para creae nuestra propia clase y asi poder cargar nuestra tabla

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

2011-07-06T16:41:00.000-07:00

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 Y VISUAL JSF 5 - nuestra propia tabla ObjectArrayDataProvider

SQL SERVER 2000 Y VISUAL JSF 6 - nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

VISUAL JAVA SERVER FACES y NETBEANS

Continuando con el tutorial ahora crearemos un proyecto en visual java server faces.

Archivo -> Proyecto Nuevo -> Java Web -> Web Application

Escogemos un nombre para el proyecto

seleccionamos por defecto e apache tomcat 6.0.26
aunque mas adelante les explicare agregar un servidor mas reciente como el tomcat 6.0.32 para que pueda correr nuestra aplicacion conectada a base de datos y ademas con visual java server faces.

continuando: lo demas lo dejamos por defecto.

escogemos el framework: Visual Web JavaServer Faces lo demas o dejamos como esta.

y listo ya tenemos nuestro entorno de trabajo
a continuacion creremos un nuevo Visual Web JSF Page.

ahora agregamos un elemento de tipo Button de la pestania Paleta al archivo Page1 en el modo Design

Le damos limpiar y construir
esto es necesario asi siempre para actualizar nuestro proyecto

nos vamos a la carpeta WEB-INF -> luego al archivo faces-config.xml
para indicarle ahi a donde queremos que se dirija cuando presionamos el boton
simpemente arrastrando el mouse desde button1 y soltandolo en Page2.jsp

ejecutamos el proyecto y aparece nuestro boton.

si queremos configurar el navegador donde queremos que se visualice nuestra aplicacion nos vamos a Herramientas -> Opciones

y Seleccionamos el navegador.

Luego arrastramos un elemento Table desde la pestania Paleta al archivo Page2.jsp
Le damos limpiar y construir
y luego Ejecutar

y Listo si es que no funciona traten de limpiar y construir varias veces.

En el siguiente tutorial les mostrare como conectarse a una base de datos sql server 2000 sp4 o 2005 ya que la conexion en estos dos casos es similar.Nos conectaremos de diversas formas. Resaltando que lo mas importante, bueno para mi, es trabajar con conexiones a bases de datos cualquiera que sea.

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 3 -CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

2011-07-02T20:05:00.000-07:00

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 Y VISUAL JSF 5 - nuestra propia tabla ObjectArrayDataProvider

SQL SERVER 2000 Y VISUAL JSF 6 - nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

VISUAL JAVA SERVER FACES y NETBEANS

Continuando con el tutorial voy a explicar paso a paso como conectarse a una base de datos sql server:

1. Primero se tiene que actualizar el sql server 2000 Service Pack 4 de Microsoft SQL Server 2000

por que sino no se podra realizar la coneccion ahi te explica todo lo que tienes que hacer.

existen otras dificultades que tuve para poder conectarme a una base de datos. si tienen algunas dudas talvez les pueda ayudar.

2. Ademas debemos descargar la siguiente libreria que contiene el driver de conexion sqljdbc4.jar.

Abrimos el netbeans nos vamos a la pestania Prestaciones , (pestania Ventana -> Prestaciones),

Bases de Datos-> Nueva Conexion de Base de Datos

Nuevo Controlador -> Agregar -> Seleccionamos la libreria sqljdbc4.jar

Vemos que sale Microsoft SQL Server 2005 le damos Aceptar

Luego relenamos los campos:

Servidor:

Puerto: 1433 por defecto

Base de Datos:

Nombre de usuario

Contrasenia:

tal como esta. y le damos aceptar

le damos aceptar

y listo ya tenemos nuestra coneccion a Base de Datos.

Suiguiendo con el proyecto creado en el tutorial anterior vamos a agregar una tabla de nuestra base de datos
a nuestra elemento Tabla. Arrastrando de la base de datos y soltando en nuestra tabla

podemos notar la diferencia de como queda nuestra tabla con los nobres de los campos de la tabla de nuestra base de datos

para que nuestra aplicacion corra se necesita los siguientes pasos.

1. Agregar la libreria del driver de conexion a la carpeta Libreries de nuestro proyecto

2. normalmente el proyecto deberia funcionar pero hubo unos inconvenientes. Parece que el servidor tomcat 6.0.26 no funciona bien para este tipo de conexiones, asi que debemos de configurar otra version mas reciente del servidor apache tomcat en mi caso el 6.0.32

cabe mencionar que esta pagina me ayudo muchisimo claro que hay algunas cosas que no se entienden

http://joseluisbz.wordpress.com/2010/11/29/httpd-php-tomcat-mod_jk-java-mysql-windows-netbeans-iii/

pero yo le he agregado algunos detalles haber si les interesa. sin piratear su pagina claro esta.

http://cristhiandante.blogspot.com/2011/07/instalacion-y-configuracion-de-apache.html

luego de configurar el servidor apache tomcat nuestra pagina deberia correr a la perfeccion

Despues de este tutorial les enseniare como esta configurado por defecto el DefaultTableDataProvider.
y en el siguiente como ingresar nuestros propios datos y como hacer otro tipo de conexion para asi poder tener mas control de nuestra aplicacion.

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

2011-06-16T14:41:00.001-07:00

SQL SERVER 2000 y VISUAL JSF 1 - INSTALACION LO NECESARIO

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SQL SERVER 2000 Y VISUAL JSF 3 - CONECTARSE A UNA BASE DE DATOS MEDIANTE PRESTACIONES O SERVICIOS

SQL SERVER 2000 Y VISUAL JSF 4 - Detalles de la creacion de una tabla DefaultTableDataProvider

SQL SERVER 2000 Y VISUAL JSF 5 - nuestra propia tabla ObjectArrayDataProvider

SQL SERVER 2000 Y VISUAL JSF 6 - nuestra propia tabla ObjectArrayDataProvider con conexion a Base de Datos

VISUAL JAVA SERVER FACES y NETBEANS

Iniciando con nuestro tutorial y compartiendo codigo java en netbeans IDE 6.9.1 comenzaremos paso a paso

desde la instalaciòn del netbeans luego haremos una conexion a una base de datos sql server 2000 sp4

o sino sql server 2005

Aca tenemos los links del jdk y el netbeans 6.9.1

jdk-6u23-windows-i586

netbeans-6.9.1-ml.windows

le damos click a netbeans

escogemos personalizar escogemos las opciones glassfish y apache y le damos aceptar.

si quieres puedes configurar el apache tomcat 6.0.32 es necesario para que funcione el visual jsf, bueno en mi caso, desde

http://cristhiandante.blogspot.com/2011/07/instalacion-y-configuracion-de-apache.html

luego aparece por defecto el JDK instalado si no aparece nosotros mismos tenemos que buscar la la carpeta JDK

La carpeta donde se va instalar los dos servidores apache y glassfish deben estar vacios. por que si no le va a aparecer error.

Vemos donde se ubican las carpetas de instalación.

Haciendo click en netbeans que esta en el escritorio para ver el el primer entorno del IDE netbeans 6.9.1 y luego tenemos que configurar haciendo click en herramientas -> complementos

activamos la casilla Java Web and EE

y luego tenemos un netbeans configurado

descargamos el plugin visual web de la pagina http://netbeans.org/downloads/6.9.1/zip.html haciendo click en

Módulo de Clusteres - netbeans-6.9.1-201011281701-ml-visualweb.zip.

o sino en

http://ifile.it/pdo94ra/netbeans-6.9.1-201011281701-ml-visualweb.zip

a continuacion descargamos los siguientes plugin
plugin:

-org-netbeans-modules-visualweb-libs-rowset.nbm
-org-netbeans-modules-web-libraries-jsf1102.nbm
-org-netbeans-modules-websvc-jaxrpc16.nbm
-org-netbeans-modules-visualweb-compatibilitykit.nbm

de la pagina
http://dlc.sun.com.edgesuite.net/netbeans/updates/6.9/uc/m1/dev/modules/extra/

luego vamos a HERRAMIENTAS-COMPLEMENTOS- DESCARGADO-AGREGAR PLUGINS Y AGREGAMOS LOS PLUGIN EN ESE ORDEN

1. org-netbeans-modules-visualweb-libs-rowset.nbm
2. org-netbeans-modules-web-libraries-jsf1102.nbm
3. org-netbeans-modules-websvc-jaxrpc16.nbm
4. org-netbeans-modules-visualweb-compatibilitykit.nbm

Este ultimo requiere de los 3 anteriores.

despues de agregar los 4 plugins la damos

Reiniciar el IDE ahora

y reniciamos el netbeans y lo volvemos a cerrar.

Luego de agregar los plugins descomprimimos el archivo netbeans-6.9.1-201011281701-ml-visualweb.zip. en una carpeta visualweb. y copiamos esta carpeta dentro de la carpeta de instalacion del netbeans. en mi caso C:\Program Files (x86)\NetBeans 6.9.1\

seguiremos as en el siguiente tutorial.

SQL SERVER 2000 Y VISUAL JSF 2 - CREACION DE NUESTRA TABLA

SI QUIERES SABER UN POCO MAS DE DISEÑO WEB EN VISUAL WEB JAVA SERVER FACES.
VISITA:
http://cristhiandante.blogspot.com/2011/10/diseno-de-paginas-web-en-jsf.html
agrega tu URL a GOOGLE
http://www.google.es/addurl/?hl=es&continue=/addurl