Template só é reconhecido no meu pc (Resolvido)

Programação Java
, , ,
#1

Bom dia, estou desenvolvendo um sistema para o meu trabalho, para treinar o que estou aprendendo em java, porém tenho pouquíssimo conhecimento em front ainda. Foi aí que decidi usar um template pronto e free que achei no templated.co. Funcionou perfeitamente, mudei algumas coisas e deu tudo certo, NO MEU COMPUTADOR. Porém quando subi o tomcat para a rede com o sistema e acessei de outros computadores, o site fica completamente sem formatação, o que me levou a pensar que provavelmente o caminho dos arquivos CSS, JS e imagens não estejam sendo encontrados de outros computadores. Nunca fiz isso e fiquei um pouco perdido, gostaria se possível da ajuda de vocês.

Site formatado no meu PC: https://i.imgur.com/bCY4wVQ.png

Formatação do site em outros PCs: https://i.imgur.com/1vvqpj4.png

Estrutura das pastas no projeto: https://i.imgur.com/bLWZGrE.png

Código HTML:

<!DOCTYPE HTML>
<html>
<head>
<title>Cereais Sul - SISC</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link
	href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900'
	rel='stylesheet' type='text/css'>
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
	<link rel="stylesheet" href="css/skel-noscript.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body>

	<!-- Header -->
	<div id="header">
		<div id="nav-wrapper">
			<!-- Nav -->
			<nav id="nav">
				<ul>
					<li><a href="/CereaisSulWeb">Página Inicial</a></li>				 
					<li><a href="/CereaisSulWeb/novoContratoDeCompra">Contrato de Compra</a></li>
					<li><a href="/CereaisSulWeb/novoContratoDeVenda">Contrato de Venda</a></li>
					<li><a href="/CereaisSulWeb/relatorios">Relatórios</a></li>
					
				</ul>
			</nav>
		</div>
		<div class="container">

			<!-- Logo -->
			<div id="logo">
				<h1>
					<a href="#">Cereais Sul</a>
				</h1>
				<span class="tag">Grupo BSA</span>
			</div>
		</div>
	</div>
	<!-- Header -->

	<!-- Main -->
	<div id="main">
		<div id="content" class="container">
			<section>
				<header>
					<h2>Bem vindo ao Sistema Comercial da Cereais Sul !</h2>
					<span class="byline">Cereais Sul, seu parceiro na compra e
						venda de Grãos !</span>
				</header>
			</section>
		</div>
	</div>
	<!-- /Main -->

	<!-- Tweet -->
	<div id="tweet">
		<div class="container">
			<section>
				<blockquote>&ldquo;Com filiais em Minas e Goias a
					Cereais Sul vem crescendo em busca de se tornar uma das maiores
					tradings do Brasil !&rdquo;</blockquote>
			</section>
		</div>
	</div>
	<!-- /Tweet -->

	<!-- Footer -->
	<div id="footer">
		<div class="container">
			<section>
				<header>
					<h2>Entre em Contato !</h2>
					<span class="byline">Avenida Circular n° 209 ,<br>
						Formosinha, Formosa - GO CEP: 73.813-170<br> Unidade 2:
						Rodovida Buritis/Serra Bonita km 65<br> CEP: 38.660-000 Zona
						Rural - Buritis - MG <br> Telefone: (61) 3642-2600
					</span>
				</header>
<!-- 				<ul class="contact"> -->
<!-- 					<li><a href="#" class="fa fa-twitter"><span>Twitter</span></a></li> -->
<!-- 					<li class="active"><a href="#" class="fa fa-facebook"><span>Facebook</span></a></li> -->
<!-- 					<li><a href="#" class="fa fa-dribbble"><span>Pinterest</span></a></li> -->
<!-- 					<li><a href="#" class="fa fa-tumblr"><span>Google+</span></a></li> -->
<!-- 				</ul> -->
			</section>
		</div>
	</div>
	<!-- /Footer -->

	<!-- Copyright -->
	<div id="copyright">
		<div class="container">Copyright !</div>
	</div>


</body>
</html>

Espero que possam me ajudar ! Agradeço muito !

#2

Alguém ?

#3

Coloque todos os css dentro do seu projeto, para que ele esteja dentro do .war

Apesar de não ter motivo para dar erro, retire o link

E coloque dentro de um arquivo .css no seu projeto e verifique se há alteração;

#4

Bom, fiz o que você falou, porém acabei vendo que não era isso, estou com um problema no meu sistema do Login do String Auth, porque depois que a pessoa se loga no sistema, normaliza o CSS, imagens etc …

Estou tentando identificar o que pode ser aqui …

#5

Entendo, o problema é o seguinte, pelo login bloquear o acesso a outras páginas a não ser a de login em si, ele também bloqueia o CSS, você deve ir no controller do login e colocar uma exceção para que o CSS não seja barrado…

#6

Obrigado pela orientação. Pode me dar uma ajuda com isso por favor ? Este é minha primeira aplicação real !

Código do LoginController:

package br.com.cereaissul.controller;

import javax.servlet.http.HttpSession;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import br.com.cereaissul.DAO.JdbcUsuarioDao;
import br.com.cereaissul.usuario.Usuario;

@Controller
public class LoginController {
	@RequestMapping("loginForm")
	public String login() {
		return "login";
	}
	@RequestMapping("efetuaLogin")
	public String efetuaLogin(Usuario usuario, HttpSession session) {
		if(new JdbcUsuarioDao().existeUsuario(usuario) ) {
			session.setAttribute("usuarioLogado", usuario);
			return "index";
		}
		return "redirect:loginForm";
	}
	@RequestMapping("logout")
		public String logout(HttpSession session) {
		session.invalidate();
		return "redirect:loginForm";
	}
}

Código do Autorizador Interceptor:

package br.com.cereaissul.interceptor;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;

public class AutorizadorInterceptor extends HandlerInterceptorAdapter {
	@Override
	public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object controller)
			throws Exception {
		String uri = request.getRequestURI();
		if (uri.endsWith("loginForm") || uri.endsWith("efetuaLogin") || uri.contains("resources") || uri.contains("index") ) {
			return true;
		}
		if (request.getSession().getAttribute("usuarioLogado") != null) {
			return true;
		}
		response.sendRedirect("loginForm");
		return false;
	}
}
#7

Adicione nesse if isso: uri.endsWith(".css")

#8

De toda forma, isso é estranho por ter funcionado no seu PC, não deveria. Haha

#9

Tive que adicionar algumas exceções (JS, CSS, PNG, JGP, etc …) mas realmente funcionou, o login estava bloqueando a parte de front ! Te agradeço demais a ajuda !!!

1 curtida