Manual

Tcnico
Proyecto

Contenido
INSTALAR APACHE TOMCAT ........................................................................................... 3
PASO 1 DESCARGAR PROGRAMA ........................................................................... 3
PASO 2 SELECCIONAR PROGRAMA .......................................................................... 3
PASO 3 INSTALAR PROGRAMA ................................................................................. 4
PASO 4 ABRIR EL NAVEGADOR ............................................................................... 4
INSTALAR XAMPP .......................................................................................................... 5
PASO 1 DESCARGAR XAMPP .................................................................................. 5
PASO 2 EJECUTAR E INSTALAR PROGRAMA ............................................................ 5
PASO 3 ACEPTAR LA CONFIGUARACION PREDETERMINADA ........................................ 6
PASO 4 EJECUTAR PROGRAMA .............................................................................. 6
PASO 4 ABRIMOS EL CONTROL DE XAMPP .............................................................. 7
PASO 6 INICIAR LOS COMPONENTES DE APACHE Y MYSQL ....................................... 7
TAMBIN PUEDES INICIAR LOS OTROS COMPONENTES SI LOS VAS A USAR. .................... 7
INSTALAR NETBEANS ..................................................................................................... 8
PASO 1 DESCARGAR PROGRAMA .......................................................................... 8
PASO 2 EJECUTAR E INSTALAR PROGRAMA ............................................................. 9
PASO 3 EJECUTAR PROGRAMA .............................................................................. 9
CREAR PROYECTO JAVA W EB ...................................................................................... 10
PASO 1 CREAR NUEVO PROYECTO ........................................................................ 10
PASO 2 AGREGAMOS LIBRERA ............................................................................ 12
CREAR BASE DE DATOS ............................................................................................... 13
CREAR JSP CONEXIN ................................................................................................. 14
CDIGO CONEXIN .............................................................................................. 15
CREAR JSP CONSULTA ................................................................................................ 16
CDIGO .............................................................................................................. 17
CREAR JSP INGRESO_PRODUCTO ................................................................................. 19
CODIGO .............................................................................................................. 20
PROYECTO ................................................................................................................. 21
PAGINA PRINCIPAL .............................................................................................. 21
PGINA DE SERVICIO ........................................................................................... 21

PGINA DE SOLICITUD .......................................................................................... 22

PGINA DE INGRESO DE PRODUCTO ...................................................................... 22
BASE DE DATOS .................................................................................................. 23
PGINA CONSULTA DE PRODUCTO ........................................................................ 23

Instalar Apache Tomcat

Paso 1 Descargar programa
Lo primero que haremos es bajar nuestra versin windows zip de Apache Tomcat 7
(al momento de escribir esta entrada, esta la versin 7.0.40) de la siguiente direccin:
http://tomcat.apache.org/download-70.cgi

Paso 2 Seleccionar programa

Dependiendo de la arquitectura de nuestro sistema operativo, si tenemos un sistemas
de 32 bits haremos click en 32-bit Windows zip, o si de lo contrario tenemos uno de
64 bits haremos click en 64-bit Windows zip, en mi caso descargo las versin de 32
bits a como se muestra en la siguiente imagen:

Paso 3 instalar programa

Dependiendo del directorio donde hayan descargado el windows zip de Tomcat, el
siguiente paso es descomprimir el archivo zip. Para esta entrada, yo proceder a
descomprimirlo en raz de C:, como se muestra en la siguiente imagen:

Paso 4 Abrir el navegador

Ahora el paso final consiste en abrir nuestro navegador favorito (yo use Firefox) y
tecleamos en la barra de direcciones http://localhost:8080 y se mostrara la ventana
Apache Tomcat/7.0.40 al cual nos muestra la pantalla de bienvenida de Apache
Tomcat, esto quiere decir que todo se ha configurado exitosamente.

Instalar Xampp

XAMPP para Windows ofrece una fcil instalacin de los frameworks ApacheMySQL,
PHP, PERL, PEAR. XAMPP te ahorra tiempo y esfuerzo, y proporciona soporte de
frameworks como Drupal, Joomla, Moodle, o Wikimedia en cualquier computadora con
Windows.
Paso 1 Descargar Xampp
Descargamos Xampp de la web https://www.apachefriends.org/es/index.html

Paso 2 Ejecutar e Instalar Programa

Una vez que tu descarga termine, instala el programa haciendo clic en Ejecutar.

Paso 3 Aceptar la configuaracion Predeterminada

Un comando se abrir y te ofrecer una instalacin inicial. Simplemente presiona Enter
y acepta la configuracin predeterminada. Para hace ms fcil la instalacin,
simplemente pulsa Enter cada vez que se te indique en la lnea de comandos. La
configuracin puede ser cambiada en cualquier momento en la edicin de los archivos
de configuracin.

Paso 4 Ejecutar Programa

Cuando la instalacin se haya completado, cierra la lnea de comandos.

Paso 4 Abrimos el control de Xampp

Inicia el panel de control de XAMPP.

Paso 6 Iniciar los Componentes de Apache y MySQL

Tambin puedes iniciar los otros componentes si los vas a usar.

Instalar Netbeans
Paso 1 Descargar Programa
Descargamos e instalamos Java JDK

http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads1880260.html?ssSourceSiteId=otnes
Nos interesan las sealadas en un cuadro verde (dependiendo de si el sistema
operativo es de 32 o 64 bits)

Paso 2 Ejecutar e Instalar Programa

Descargar e Instalar NEtbeans
https://netbeans.org/downloads/index.html

Paso 3 Ejecutar Programa

Instalamos Netbeans

Crear Proyecto Java Web

Paso 1 Crear Nuevo Proyecto
Damos clic en la siguiente ventanita marcada de amarillo de Netbeans

1
0

Seleccionamos en Categoras Java Web y en proyectos Web Aplicacin, presionamos

el botn next

Escribimos el nombre de nuestro proyecto y presionamos el botn next

1
1

Seleccionamos el apache tomcat y presionamos next, luego finalizar

Se crea nuestro proyecto

1
2

Paso 2 Agregamos librera

Presionamos clic derecho en libreras, add library, seleccionamos MySql JDBC

Driver y presionamos el botn Add Library

Nos agreg la librera a nuestro proyecto

1
3

Crear base de datos

Seleccionamos admin de la Fila MySQL

Creamos la base de datos

Creamos la tabla dentro de la base de datos

1
4

Crear jsp Conexin

clic derecho en nuestra aplicacin

Seleccionamos New Jsp, escribimos el nombre de nuestro jsp en este caso es

Conexin y presionamos finalizar

1
5

Cdigo Conexin
<%@page contentType="text/html" pageEncoding="UTF-8"
import="java.sql.Connection"
import="java.sql.DriverManager"
import="java.sql.ResultSet"

import="java.sql.Statement"

import="java.sql.SQLException"
%>
<%
Connection conex=null;
Statement sql=null;

1
6

try {
Class.forName ("com.mysql.jdbc.Driver");
conex=(Connection)DriverManager.getConnection("jdbc:mysql://127.0.0.1/dbaltecsist
em","root","");
sql=conex.createStatement();

//out.print("CONEXION EXITOSA");

}catch(Exception e){

out.print("ERROR DE CONEXION" + e);

%>

Crear jsp Consulta

Le damos clic derecho en nuestra aplicacin

Seleccionamos New Jsp, escribimos el nombre de nuestro jsp en este caso es consulta
y presionamos finalizar

1
7

Cdigo
<%@page contentType="text/html" pageEncoding="UTF-8"
import="java.sql.Connection"
import="java.sql.DriverManager"
import="java.sql.ResultSet"

import="java.sql.Statement"

import="java.sql.SQLException"
%>

1
8

<h1>Consulta a base de datos</h1>

<%
try
{
// Conexion con bd
Class.forName("com.mysql.jdbc.Driver");
Connection conex =
DriverManager.getConnection("jdbc:mysql://127.0.0.1/dbaltecsistem","root","");
if (!conex.isClosed())
{
// La consulta
Statement st = conex.createStatement();
ResultSet rs = st.executeQuery("select * from t_producto" );

// Ponemos los resultados en un table de html

out.println("<h1>");

out.println("<table

border=\"1\"><tr><td>Id</td><td>cod_prod</td><td>Nombre</td><td>Descripcion</t
d><td>Precio</td></tr>");

while (rs.next())
{

out.println("<tr>");
out.println("<td>"+rs.getObject("id_din")+"</td></td>");
out.println("<td>"+rs.getObject("cod_prod")+"</td></td>");
out.println("<td>"+rs.getObject("nom_prod")+"</td></td>");
out.println("<td>"+rs.getObject("descrip_prod")+"</td></td>");
out.println("<td>"+rs.getObject("precio_prod")+"</td></td>");
out.println("</tr>");

out.println("</h1>");

}
out.println("</table>");
conex.close();

1
9

}
else
// Error en la conexion
out.println("fallo");
}
catch (Exception e)
{
// Error en algun momento.
out.println("Excepcion "+e);
e.printStackTrace();
}
%>
<br/><br/><br/><br/>
</body>
</html>

Crear jsp ingreso_producto

Le damos clic derecho en nuestra aplicacin

Seleccionamos New Jsp, escribimos el nombre de nuestro jsp en este caso es

Ingreso_producto y presionamos finalizar

2
0

Codigo

<h1>Insertar Datos</h1>
<%
String cod_prod=request.getParameter("txtcod_prod");
String nom_prod=request.getParameter("txtnom_prod");
String descrip_prod=request.getParameter("txtdescrip_prod");
String precio_prod=request.getParameter("txtprecio_prod");
( cod_prod!=null && nom_prod!=null && descrip_prod!=null &&
precio_prod!=null){

2
1

if

String qry="insert into

t_producto(cod_prod,nom_prod,descrip_prod,precio_prod)values
('"+cod_prod+"','"+nom_prod+"','"+descrip_prod+"','"+precio_prod+"')";
sql.executeUpdate(qry);
out.print("PRODUCTO INGRESADO SATISFACTORIAMENTE");
}else{
%>
<form name="frmcod_prod" method="post" action="ingreso_producto.jsp">
Codigo_Producto: <input type="text" name="txtcod_prod"/><br/><br/>
Nombre: <input type="text" name="txtnom_prod"/><br/><br/>
Descripcion: <input type="text" name="txtdescrip_prod"/><br/><br/>
Precio: <input type="text" name="txtprecio_prod"/><br/><br/>
<input type="submit" value="Enviar"/>
</form>
<%} //else%>

<script type="text/javascript" src="js/bootstrap.js"></script>

</body>
</html>

Proyecto

2
2

Pagina Principal

Pgina de Servicio

2
3

Pgina de Solicitud

2
4

Pgina de Ingreso de Producto

Base de Datos

2
5

Pgina Consulta de Producto

2
6