CREATE DATABASE myshoponline;
CREATE USER myshopuser IDENTIFIED BY 'mypassword';
GRANT ALL PRIVILEGES ON myshoponline.* TO myshopuser;
Usaremos //myshopuser// como usuario y //mypassword// como usuario y contraseña en el fichero de configuración (//application.properties//) del proyecto.
Así, simplemente tenemos que crear la clase con los atributos y métodos que queramos y añadir las anotaciones que orientarán a //Hibernate// para saber a qué tabla corresponden los objetos de la clase y a qué columnas sus atributos.
Usaremos, además, la librería [[https://projectlombok.org/|lombok]] para la generación automática de //getters//, //setters// y constructores.
import lombok.*;
import javax.persistence.*;
import java.time.LocalDateTime;
/**
* Producto de la tienda online
*
* @author Santiago Faci
* @version curso 2021
*/
@Data
@AllArgsConstructor
@NoArgsConstructor
@Entity(name = "products")
public class Product {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private long id;
@Column
private String name;
@Column
private String description;
@Column
private String category;
@Column
private float price;
@Column(name = "creation_date")
private LocalDateTime creationDate;
}
> **Recordad que todas las anotaciones Java en el ejemplo anterior son clases que pertenecen al paquete 'javax.persistence'. Tened cuidado de no importar las mismas clases que existen en otros paquetes, aunque estén relacionados con Spring**
==== El Acceso a la Base de Datos ====
Ahora creamos la ''interface'' donde se definirán los métodos que permitirán acceder a la Base de Datos. En este caso nos basta con definir las cabeceras de los mismos, puesto que se trata de una ''interface''. Será el framework el que se encargue de su implementación. En este caso hemos definido métodos para obtener todas las puntuaciones y otro para obtener las que tengan una puntuación determinada. Además, podremos contar con que tenemos las operaciones que nos permiten registrar/modificar (''save'') y eliminar (''delete'') información de la Base de Datos.
/**
* Repositorio de Productos
* @author Santiago Faci
* @version curso 2021
*/
@Repository
public interface ProductRepository extends CrudRepository {
Set findAll();
Product findByName(String name);
Set findByNameAndPrice(String name, float price);
}
==== Implementación de la lógica de negocio: Los Services ====
Los Services serán la capa de nuestra aplicación web donde implementaremos toda la lógica de negocio.
Definiremos una interface con todos los métodos que necesitemos:
public interface ProductService {
Set findAllProducts();
Set findAllProducts(String category);
void increasePrice(Product product);
}
Que implementaremos en la clase //ProductServiceImpl//
@Service
public class ProductServiceImpl implements ProductService {
@Autowired
private ProductRepository productRepository;
@Override
public Set findAllProducts() {
return productRepository.findAll();
}
@Override
public Set findAllProducts(String category) {
return null;
}
@Override
public void increasePrice(Product product) {
}
}
==== Plantillas HTML para renderizar el contenido ====
Las plantillas HTML son los ficheros HTML que definen las diferentes secciones de la web en las que hay que renderizar contenido al usuario. Pueden contenter solamente código HTML (index.html) o también etiquetas del motor de plantillas [[https://www.thymeleaf.org/|Thymeleaf]] para acceder a objetos Java que le han sido pasados como parámetro. De esta manera podemos incluir estos datos en el contenido que se mostrará al usuario (catalog.html).
Estas plantillas están ubicadas siempre en la carpeta ''templates'' del proyecto. El controlador (implementando un poco más abajo) es quien accede a ellas y espera encontrarlas allí directamente. Por eso simplemente es necesario facilitarle el nombre de la misma (sin la extensión).
La página de inicio está definida por la plantila ''index.html'' y simplemente presenta cierto contenido HTML al usuario:
Inicio
Bienvenidos a mi tienda
Visita el catálogo de productos
La página donde se lista el contenido del catálogo de la tienda online, la plantilla ''catalog.html'' contiene código HTML y también una serie de etiquetas del motor de plantillas para acceder a la información que ha sido parámetrizada desde el controlador (''model.setAttribute("products", products)'').
Catálogo
Catálogo de productos
==== Implementación del Controller ====
Por último, crearemos la clase que hará de ''Controller'' de la aplicación. En ella introduciremos los métodos con las operaciones que queremos que nuestros usuarios puedan realizar, programaremos la lógica que necesitemos y accederemos a los datos a través del ''OpinionRepository'' que hemos creado en el paso anterior.
Por lo general los métodos del controlador tomarán como parámetro un objeto de la clase Model que es la plantilla que quedará asociada a él. De esa manera, podemos añadir atributos a dicha plantilla para que sea capaz de renderizar contenido de la parte Java (como hacemos con el método ''catalog''). Estos métodos también devuelven un objeto String que será el nombre de la plantilla que debe ser renderizada una vez se ejecute el método. Estas plantillas estarán ubicadas en la carpeta ''templates'' del proyecto.
En este caso hemos creado tres métodos:
* String index(Model model):
* String catalog(Model model):
Cada una de los métodos tienen una URL de mapeo que marca el punto de entrada a la web para que se ejecute dicho método y se genere el código HTML correspondiente, que dependerá de la plantilla web devuelta (los métodos devuelven un String que es el nombre de la plantilla utilizada).
Asi, según el código implementado, hay 2 secciones en la web accesibles por las siguientes URLs:
* http://localhost:8080: Página inicial que devuelve la plantilla index.html
* http://localhost:8080/catalog: Página donde se lista el catálogo de productos de la web, con la plantilla catalog.html que está parametrizada y permite mostrar información utilizando el motor de plantillas **Thymeleaf**.
Teniendo en cuenta esto, si desplegáramos la aplicación en un servidor, le asociáramos un dominio y modificáramos el puerto para que escuchara en el 80, podríamos acceder a las secciones a través de las siguientes URLs:
* http://www.myshoponline.com
* http://www.myshoponline.com/catalog
/**
* Controlador para la web
*
* @author Santiago Faci
* @version curso 2021
*/
@Controller
public class WebController {
@Autowired
private ProductService productService;
@RequestMapping(value = "/")
public String index(Model model) {
return "index";
}
@RequestMapping(value = "/catalog")
public String catalog(Model model) {
Set products = productService.findAllProducts();
model.addAttribute("products", products);
return "catalog";
}
}
Asi, la estructura del proyecto que llevamos desarrollado hasta el momento tendrá que ser como el que se muestra en la siguiente imagen: