Scribd
Cargar
46 vistas

Cree Proyecto WEB en Netbeans

Cargado por

jessperez272
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
46 vistas

Cree Proyecto WEB en Netbeans

Cargado por

jessperez272
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 10

Crear proyecto java web en netbeans – parte I

1. Cree un nuevo proyecto WEB

2. Eliminamos el archivo HTML

3. En la carpeta source package crearemos la estructura MVC, vamos a


crear los Java package siguientes:
Digitamos el nombre del paquete

4. Hacemos lo mismo para los paquetes: nos quedaran de la siguiente


manera

5. Ahora damos clic derecho sobre el paquete com.conexion, vamos a


crear una clase de java, la llamaremos Conexion
Nos quedará de la siguiente manera:

6. En el paquete modelo vamos a crear dos clases que usaremos para cada
una de las tablas de nuestra base de datos, las clases se llamaran:
Categoria y Cliente. Quedaran de la siguiente manera.
7. Vamos a crear dos clases más en el paquete modelo para la Data Acces
Objec, las llamaremos CategoriaDAO y ClienteDAO

8. En la carpeta Web Pages vamos a crear las vistas para iniciar vamos a
crear la página jsp índex
Nos mostrará lo siguiente:

9. Digitamos el siguiente código dentro del body


El código completo de esta página quedará de la siguiente manera:

10. En la carpeta Web Page crearemos la carpeta vista para almacenar


aquellos archivos jsp que realizarán las interfaces de la aplicación.

11. Vamos a crear dentro de la carpeta Vistas, el archivo jsp clientes.

12. Agregamos en el jsp, el enlace css de bootstrap


<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous">

13. Agregamos este otro al final del body. Cuando usamos bootstrap de
esta manera tenemos que tener una conexión activa a internet. Para
que funcione.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>

14. Agregamos un div, con la clase container


15. Ahora en la carpeta Web Page, creamos la carpeta Templete. Dentro
de ella crearemos el archivo jsp menú.

16. Es esta página vamos a digitar el siguiente código. Que permitirá crear
el menú que visualizaremos en todas las páginas.
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="#">Menú</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page"
href="${pageContext.request.contextPath}/index.jsp">Inicio</a>
</li>
<li class="nav-item mx-3"></li>
<li class="nav-item">
<a class="nav-link"
href="${pageContext.request.contextPath}/Vistas/Clientes.jsp">Clientes
</a>
</li>
<li class="nav-item mx-3"></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#"
id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-
expanded="false">
Reportes
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Ventas </a></li>
<li><a class="dropdown-item" href="#">Clientes
acreedores</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Compras</a></li>
</ul>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link"
href="${pageContext.request.contextPath}/Vistas/login.jsp">login</a>
</li>
</ul>

</div>
</div>
</nav>

17. Continuaremos programando el archivo jsp clientes.

En la parte dos

También podría gustarte