Cícero Ednilson

Blog sobre Desenvolvimento de Softwares

Home » Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 3: Montando o projeto com Spring Boot.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 3: Montando o projeto com Spring Boot.

Nessa parte do nosso tutorial vamos montar a estrutura do nosso projeto.

Páginas do tutorial.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 1: Introdução.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 2: Criando os objetos do banco de dados.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 3: Montando o projeto com Spring Boot.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 4: Configurando o Spring Security.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 5: Criando Layout com Thymeleaf.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 6: Criando o cadastro de usuário.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 7: Criando a consulta de usuário.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 8: Excluindo um usuário cadastrado.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 9: Editando um usuário cadastrado.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 10: Testando os acessos do sistema.

Criando uma aplicação Web com Spring Boot, Thymeleaf, Material Designer Lite e Oracle – Parte 11: Executando a aplicação sem o Tomcat Embedded.

Montando a estrutura do projeto.

Se existe uma forma fácil de criar um projeto com Spring Boot é usando o site https://start.spring.io/, então vamos acessar esse site e criar o nosso projeto conforme as informações abaixo.

Em Group você pode colocar o nome do seu pacote base, aqui eu usei br.com.ciceroednilson, em Artifact vamos definir o nome da nossa aplicação como webapp e em Dependencies vamos selecionar Web, Security, JPA e Thymeleaf, depois basta clicar em Generate Project para realizar o download do projeto.

Gerando o projeto

Importando o projeto no Eclipse.

Depois que realizarmos o download do projeto vamos agora descompactar o arquivo em importar o nosso projeto no Eclipse, para isso vamos clicar no Menu File-> Import…

Na tela que foi aberta vamos selecionar a opção Maven -> Existing Maven Projects e clicar em Next como mostra a imagem abaixo.

Agora vamos selecionar o diretório onde descompactamos a nossa aplicação, depois vamos clicar em Finish.

Espere até o Maven baixar todas as dependências necessárias do nosso projeto, você pode acompanhar o download na aba Console do Eclipse.

Download das dependências

Agora vamos abrir o arquivo pom.xml do Maven e vamos adicionar as duas dependências abaixo, uma é para executarmos o Tomcat que vem junto do Spring Boot, e a outra é o drive de conexão com o Oracle.

1
2
3
4
5
6
7
8
9
10
11
12
13
  <!-- necessário quando rodar o Tomcat embed do Spring Boot -->
  <dependency>
     <groupId>org.apache.tomcat.embed</groupId>
     <artifactId>tomcat-embed-jasper</artifactId>
     <scope>provided</scope>
  </dependency>
 
  <!-- driver Oracle -->
  <dependency>
     <groupId>com.oracle</groupId>
     <artifactId>ojdbc6</artifactId>
     <version>12.1.0.1-atlassian-hosted</version>
  </dependency>

O Nosso arquivo deve ficar igual o código abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
 
	<groupId>br.com.ciceroednilson</groupId>
	<artifactId>webapp</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>jar</packaging>
 
	<name>webapp</name>
	<description>Demo project for Spring Boot</description>
 
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>1.5.4.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
 
	<properties>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
		<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
		<java.version>1.8</java.version>
	</properties>
 
	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jpa</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-security</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
 
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
 
		<!-- necessário quando rodar o Tomcat embed do Spring Boot -->
		<dependency>
		    <groupId>org.apache.tomcat.embed</groupId>
		    <artifactId>tomcat-embed-jasper</artifactId>
		    <scope>provided</scope>
		</dependency>
 
		<!-- driver Oracle -->
		<dependency>
	      <groupId>com.oracle</groupId>
              <artifactId>ojdbc6</artifactId>
	      <version>12.1.0.1-atlassian-hosted</version>
	   </dependency>
 
	</dependencies>
 
	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>
 
 
</project>

Agora em src/main/resources -> static vamos criar duas pastas, uma com o nome de css para colocarmos as nossas folhas de estilo, e uma com o nome de js para colocarmos os nossos arquivos javascript.

Agora vamos abrir o arquivo application.properties e adicionar as configurações abaixo, veja nos comentários para que serve cada configuração.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#CONFIGURAÇÃO DE ACESSO AO BANCO DE DADOS SQL SERVER
spring.datasource.url=jdbc:oracle:thin:@localhost:1521:xe
spring.datasource.username=cicero
spring.datasource.password=123456
spring.datasource.driver-class-name=oracle.jdbc.driver.OracleDriver
spring.jpa.show-sql=true
spring.jpa.hibernate.dialect=org.hibernate.dialect.Oracle10gDialect
 
 
#PORTA DO TOMCAT LOCAL
server.port=8095
 
#CONFIGURAÇÕES DE LOG
logging.level.org.springframework.web: DEBUG
logging.level.org.hibernate: DEBUG

Abaixo o arquivo application.properties do nosso projeto.

Agora vamos baixar os arquivos necessários para usar o framework Material Design Lite, vamos usar esse framework apenas para deixar as nossas páginas mais bonitas, vamos acessar o link https://getmdl.io/ clicar em Download como mostra a imagem abaixo.

Agora vamos clicar em DOWNLOAD e depois em DOWNLOAD MDL V1.3.0.

9

Depois de realizar o download vamos descompactar a pasta e adicionar os arquivos material.min.css e material.min.js no nosso projeto como mostra a imagem abaixo.

Também vamos adicionar um arquivo css com o nome de sistema.css com o conteúdo abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
.alinhar-centro {
 
	display: inline-flex;
  	vertical-align: middle;
  	align-items: center;	  
}
 
.erro-msg {
	color: red;
 
}
 
.sucesso-msg {
	color: blue;
 
}

Abaixo podemos ver a imagem de como deve ficar o arquivo css que criamos.

11

Agora vamos criar um pacote com o nome de br.com.ciceroednilson.webapp.controller e vamos adicionar a classe MainController com o conteúdo abaixo, essa classe tem apenas o método que carrega a página inicial.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
package br.com.ciceroednilson.webapp.controller;
 
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
 
@Controller
public class MainController {
 
	/***
	 * ESSE MÉTODO CARREGA A PÁGINA(index.html) DE LOGIN DA NOSSA APLICAÇÃO
	 * @return
	 */
	@RequestMapping(value="/", method= RequestMethod.GET)	
	public String index(){	
 
	    return "index";
	}
 
}

Agora na pasta templates vamos criar um arquivo HTML com o nome de index.html.

Agora vamos executar a nossa aplicação para testar se está executando sem nenhum problema, para isso vamos clicar com o botão direito sobre a classe WebappApplication e vamos até a opção Run As -> Java Application.

Depois vamos acessar o endereço http://localhost:8095, e vamos ver a opção de autenticação básica abaixo, essa tela aparece por que temos a dependência do Spring Security no nosso projeto, no momento não vamos fazer nada com essa tela, na próxima parte do nosso tutorial vamos configurar o Spring Security para validar o usuário no banco de dados conforme as tabelas que criamos.

14

Até a próxima!

Comentários

Name of author

Name: ciceroednilson@gmail.com

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *