aula 4

•

Outros

0

Artur Bruno Ferreira Duarte

16.11.2017

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você viu 3, do total de 3 páginas

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Desenvolvimento Web

6.906 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Programação Web 
Construção do Sistema Spring MVC5 + Hibernate 
Prof. Manoel Ribeiro Aula 4 - Bootstrap 
Extender a a class Webconfig acrescentando o método abaixo que configura paths para 
webjars e resources 
 
@Override 
 public void addResourceHandlers(final ResourceHandlerRegistry registry) { 
 registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
 registry.addResourceHandler("/webjars/**").addResourceLocations("/webjars/"); 
 } 
 
Extender o formulário registerForm para utilizar Boostrap 
<link href="/webjars/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
Incluir div principal do bootstrap 
<body> 
 <div class="container body-content"> 
 ….. 
 </div> 
</body> 
 
Customizar o formulário 
 
<div class="row"> 
 <div class="col-md-4"> 
 <form 
 ….. 
 
Para cada <div de campo incluir a classe class="form-group" 
 
Para cada <input incluir classe class="form-control" 
 
 
 
Programação Web 
Construção do Sistema Spring MVC5 + Hibernate 
Prof. Manoel Ribeiro Aula 4 - Bootstrap 
O código do formulário ficou assim: 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
 pageEncoding="ISO-8859-1"%> 
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
<link href="/webjars/bootstrap/3.3.6/css/bootstrap.min.css" 
 rel="stylesheet"> 
</head> 
<body> 
 <div class="container body-content"> 
 <h1>Registar Usuário</h1> 
 <hr align="center" width="100%" size="1" color=red> 
 <div class="row"> 
 <div class="col-md-4"> 
 
 <form:form method="post" action="/user/register" 
 modelAttribute="user" role="form"> 
 <div class="form-group"> 
 <form:input path="name" class="form-
control" placeholder="Nome" 
 required="required" /> 
 </div> 
 <div class="form-group"> 
 <form:input path="email" class="form-
control" placeholder="E-mail" 
 required="required" /> 
 </div class="form-group"> 
 <div class="form-group"> 
 <form:password path="pwd" class="form-
control" placeholder="Senha" 
 required="required" /> 
 </div> 
 <div class="form-group"> 
 <input type="submit" 
value="Confirmar"> 
 </div> 
 </form:form> 
 </div> 
 </div> 
 </div> 
 <hr align="center" width="100%" size="1" color=red> 
</body> 
</html> 
 
 
 
Programação Web 
Construção do Sistema Spring MVC5 + Hibernate 
Prof. Manoel Ribeiro Aula 4 - Bootstrap 
A tela deve ficar como exemplo abaixo