Manual JSP Odbc SqlServer 2

Manual de JSP – Docente: Daniel Fernando Loza Santa Cruz
Ingreso De Datos Con Servlets

Objetivo:
El alumno será capaz de desarrollar aplicaciones de ingreso de datos utilizando las
instrucciones Transact SQL Server y los Servlets en JSP.
Herramientas:
 Apache Tomcat
 Odbc
 SQL Server 2008
 Dreamweaver (Cs4 o Superior)
 Eclipse Helios
Procedimiento:
Parte 1.- Configuración del Tomcat
1. Inicio / Ejecutar
2. Se visualiza la siguiente pantalla:
Digitar:
Services.msc
Clic en: Aceptar
Doble Clic en: Apache Tomcat 6
Correo: dlozas@hotmail.com Página 1

Clic en la opción: Deshabilitado
Clic en el botón: Detener
Clic en los botones: Aplicar y Aceptar

Parte 2.- Creación De La Base De Datos
1. Activar el SQL Server 2008
Inicio de Sesión: sa
Contraseña: Cepea
Clic en: Conectar
2. Seleccionar el botón:
3. Se Genera una base de Datos:

Parte 3.- Creación Del ODBC
1. Clic en: Inicio
Clic en: Panel de Control
Doble Clic en: Herramientas Administrativas

3. Doble clic en el icono: Orígenes de datos(ODBC)
Clic en: Agregar
Clic en: SQL Server
Clic en: Finalizar
Nombre del ODBC: IngresoData
Descripción: Ingreso De Datos
Clic en: Siguiente

Seleccionar la bdd: Demo02
Clic en: Siguiente
Clic en: Siguiente
Seleccionar el idioma: Spanish
Clic en: Finalizar Clic en: Probar Origen de Datos
Clic en: Aceptar (Por Cada Ventana)

Parte 4.- Generar La Pagina JSP
1. Doble clic en el icono: Eclipse Helios
Carpeta de Trabajo: TrabajoJsp2
Clic en: Ok

Clic en: X
6. De la barra de menús, seleccionar la opción: Window
Clic en: Add…
Clic en: Preferences
Clic en: Server
Clic en: Runtime Environments

Clic en: Apache Tomcat v6.0
Clic en: Finish
Apacha Tomcat Configurado
Clic en: Ok

9. De la barra de menús, Clic en: File
Clic en: New
Clic en: Web
Clic en: Dynamic Web Project
Clic en: Next

Clic en: Other
10. Se Visualiza la siguiente pantalla:
Nombre del Proyecto: Ingreso01
Clic en: Finish

Clic en: Yes
12. En el Project Explorer (Explorador de Proyectos), clic derecho en Ingreso01:
Clic en: New
Clic en: JSP File

Carpeta Seleccionada: WebContent
Nombre del Archivo: index.jsp
Clic en: Finish
Modificar el titulo por: Ingreso De Datos

15. Para activar el cuadro de herramientas, de la barra de menús, seleccionar la opción:
Window.
Clic en: Show View
Clic en: Other
Clic en: General
Clic en: Pallete
Clic en: Ok
17. Insertar un Formulario dentro de las etiquetas <body> </body>
Clic y Arrastre en el icono Form (Formulario), dentro de las etiquetas <body> </body>

En Action digitar el nombre del servlet: Servletingreso
En Method, seleccionar el método de envío: Post
Clic en: Finish
Formulario Insertado
Parte 5.- Generando El Diseño De La Tabla En El Programa DreamWeaver

1. Se activa el programa DreamWeaver
Clic en: Adobe DreamWeaver CS4

Clic en la carpeta: Más…
Clic en: Ninguno
Clic en: JSP

La opción por defecto
Clic en: Crear

Clic en el icono: Diseño
6. Se inserta un objeto Formulario:
En el cuadro de herramientas, en el icono: Formulario,

clic y arrastre hacia la zona de trabajo
Formulario Insertado

7. Ubicar al cursor dentro del formulario
8. De la barra de menús, seleccionar la opción: Insertar
Clic en la opción: Tabla
Filas: 8 Columnas: 2
Clic en: Aceptar
10. Se visualiza la siguiente tabla:

11. Seleccionar las celdas de la primera fila de la tabla:
Celdas Seleccionadas
12. En la parte inferior de la pantalla (Paleta de Propiedades), se visualiza lo siguiente:
Clic en el icono: combinar Celdas
13. Digitar los siguientes textos en las celdas:
Seleccionar todas las celdas de la tabla
14. En el cuadro de propiedades:
Clic en Vertical: Medio
Clic en Horizontal: Centro

15. Seleccionar el icono: Negrita
Clic en: Negrita
16. Seleccionar las celdas de la última fila de la tabla:
17. En la parte inferior de la pantalla (Paleta de Propiedades), se visualiza lo siguiente:
Clic en el icono: combinar Celdas
18. Se inserta los cuadros de textos (Campo de Texto), en las celdas:
Clic y arrastre en el campo de texto hacia la celda

Id: tcodigo Clic en: Aceptar
20. El Id de los cuadros de textos es el siguiente:
Id: tcodigo
Id: tape
Id: tnombres
Id: tedad
Id: tsexo
Id: tcorreo
21. Se inserta un botón de comando (Botón), en la última celda de la tabla:
Clic y arrastre en el icono: Botón en la última celda de la tabla

Id: b1 Clic en: Aceptar
24. Clic en el botón: Código

Seleccionar el código a partir de las etiquetas: <table></table> y copiar

26. En el editor del eclipse (index.jsp), ubicar el cursor debajo de la etiqueta <form> y
pegar el código:
27. En el formulario web del jsp, se visualiza el siguiente diseño:

28. En el DreamWeaver, grabar con el nombre: Trabajo02, hacia la carpeta de trabajo:
TrabajoJsp2
Parte 6.- Agregar Un Servlet Al Proyecto
1. En el explorador de proyectos, en: Ingreso01, pulsar clic derecho:
Clic en: New
Clic en: Package
Nombre del Paquete: Paquete01
Clic en: Finish
3. Clic derecho en: Paquete01
Clic en: New
Clic en: Servlet

Nombre del Servlet: Servletingreso
Clic en: Finish

Parte 7.- Codificando en el Servlet
1. En la sección de import, se importa las siguientes clases:
 La primera clase es para la conexión a la base de datos del SQL Server

 La segunda clase es para la configuración del servlet (Init)
 La tercera clase es para imprimir datos/Textos (out.Println)
2. Se generan los objetos y las variables:
 Cn Para La conexión
 St Para la crear el objeto Statement
3. Se genera el método de conexión hacia la base de datos:

4. Se genera el método para cerrar la base de datos:
5. En el método doPost:

Parte 8.- Ejecutar La Aplicación
1. Grabar el servlet
2. En el index.jsp
En el botón: Enviar, en type=”submit”
3. Grabar el archivo: index.jsp

4. Clic derecho en: index.jsp, se visualiza la siguiente pantalla:
Clic en: Run As Clic en: Run On Server

Clic en: Finish
Ingresar los datos, clic en: Enviar

Parte 9.- En SQL Server

1. Digitar lo siguiente:
2. Se visualiza lo siguiente:
Practica Calificada
1. Crear una base de datos con el nombre de: TareaJava02
2. Crear una tabla Libros: con los siguientes campos:
a. Cod_libro
b. Nom_libro
c. Aut_libro
d. Precio_libro
e. Numero_Paginas
f. Edic_Libro
g. Edit_Libro
h. Imprenta_Libro
i. Pais_Libro
3. Crear un ODBC con el nombre: Coneingreso02java02.
4. Crear una carpeta con el nombre: Trabajo02Jsp2.
5. Diseñar una aplicación de Ingreso de Datos para la tabla Libros

Manual JSP Odbc SqlServer 2

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual JSP Odbc SqlServer 2

Cargado por

Copyright:

Formatos disponibles

Manual de JSP – Docente: Daniel Fernando Loza Santa Cruz

Ingreso De Datos Con Servlets

Clic en: Aceptar

3. Se visualiza la siguiente pantalla:

Doble Clic en: Apache Tomcat 6

Correo: dlozas@hotmail.com Página 1

Clic en la opción: Deshabilitado

Clic en el botón: Detener

5. Se visualiza la siguiente pantalla:

Clic en los botones: Aplicar y Aceptar

Correo: dlozas@hotmail.com Página 2

Clic en: Conectar

3. Se Genera una base de Datos:

Correo: dlozas@hotmail.com Página 3

Clic en: Panel de Control

2. Se visualiza la siguiente pantalla:

Doble Clic en: Herramientas Administrativas

Correo: dlozas@hotmail.com Página 4

4. Se visualiza la siguiente pantalla:

Clic en: Agregar

Clic en: SQL Server

Clic en: Finalizar

Nombre del ODBC: IngresoData

Descripción: Ingreso De Datos

Clic en: Siguiente

Correo: dlozas@hotmail.com Página 5

Seleccionar la bdd: Demo02

Clic en: Siguiente

Clic en: Siguiente

Seleccionar el idioma: Spanish

Clic en: Finalizar Clic en: Probar Origen de Datos

6. Se visualiza la siguiente pantalla:

Clic en: Aceptar (Por Cada Ventana)

Correo: dlozas@hotmail.com Página 6

2. Se visualiza la siguiente pantalla:

3. Se visualiza la siguiente pantalla:

Carpeta de Trabajo: TrabajoJsp2

4. Se visualiza la siguiente pantalla:

Correo: dlozas@hotmail.com Página 7

6. De la barra de menús, seleccionar la opción: Window

Clic en: Add…

Clic en: Preferences

Clic en: Server

Clic en: Runtime Environments

Correo: dlozas@hotmail.com Página 8

Clic en: Apache Tomcat v6.0

Clic en: Finish

8. Se visualiza la siguiente pantalla:

Apacha Tomcat Configurado

Correo: dlozas@hotmail.com Página 9

Clic en: New

Clic en: Web

Clic en: Dynamic Web Project

Clic en: Next

10. Se Visualiza la siguiente pantalla:

Nombre del Proyecto: Ingreso01

Clic en: Finish

Correo: dlozas@hotmail.com Página 10

Clic en: Yes

12. En el Project Explorer (Explorador de Proyectos), clic derecho en Ingreso01:

Clic en: New

Clic en: JSP File

Correo: dlozas@hotmail.com Página 11