Pessoal, estou com uma dúvida…sou novo no Java, e estou trabalhando com Java para Web…estou começando recentemente…tenho uma dúvida…tenho uma página em html (desenvolvida por um outro programador), teria como, através dos fontes do html, eu passar para jsf? :?
Espero que alguém me ajude… :idea:
[]´s
da sim, mas tem que fazer algumas alterações… adaptar as tags com jsfc
por exemplo:
[code]
...[quote=filipe.cc]Pessoal, estou com uma dúvida…sou novo no Java, e estou trabalhando com Java para Web…estou começando recentemente…tenho uma dúvida…tenho uma página em html (desenvolvida por um outro programador), teria como, através dos fontes do html, eu passar para jsf? :?
Espero que alguém me ajude… :idea:
[]´s[/quote]
depende a o que estas a te referir, se estiveres apenas falando do html vai dar, mas nunca sera algo funcional.
porque na pagina jsf tem a pagina e tem o Managed Bean, o problema é que nao consegues tirar o codigo do Managed bean, e entao fica uma pagina html estatica e sem funcionalidade
O sulito tem razão.
E e vale lembrar que você tirando do html e colocando em jsf, vc vai ficar preso a um container java.
Coisa que não acontece em html.
Veja se você realmente precisa fazer essa transição.
Assim pessoal, desenvolvemos um sistema para tecnologia voip…até aí tudo bem…só que a pagina inicial do sistema é bem simples, havia somente um login e senha…um web designer construiu todo o portal, só q meu chefe me passou somente o html, o .css e as imagens utilizadas e me pediu para que fizesse a atualização do sistema conforme o web designer planejou o portal e outras paginas…agora fiquei perdido como fazer isto… :idea: :shock:
mas o sistema não foi feito com JSF, ou foi?
onde que entra o jsf nesta história?
tipo, eu teno esse html que o designer criou :
[code] <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>Pulse Portal</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8”>
<meta name=“description” content="">
<meta name=“keywords” content="">
<meta name=“Author” content=“Pulse”>
<meta name=“Copyright” content=“Pulse”>
<meta http-equiv=“Language” content=“Pt-Br”>
<meta name="Robots" content="index,follow">
<!?-[if lte IE 6]><link rel="stylesheet" type="text/css" href="style-ie6.css" /><![endif]>
<!--[if gt IE 6]><link rel="stylesheet" type="text/css" href="style-ie.css" /><![endif]-->
<!--[if !IE]>--><link rel="stylesheet" type="text/css" href="style.css" /><!--<![endif]-->
<script src=“rollover.js” type=“text/javascript”></script>
</head>
<body id=“page” onLoad=“MM_preloadImages(‘imagens/entrar2.png’,‘imagens/menu/como-funciona2.png’,‘imagens/menu/vantagens2.png’,‘imagens/menu/tarifas2.png’,‘imagens/menu/residencial2.png’,‘imagens/menu/empresarial2.png’,‘imagens/menu/comprar-creditos2.png’,‘imagens/menu/change-language2.png’)”>
<div class=“corpo”>
<div class=“topo”>
<div class=“logo-pulse”></div>
<form method=“post” action=“index.html?action=enviar”>
<div class=“usuario-senha”><div class=“usuario-senha-space1”></div><div class=“usuario-senha-camp1”> Usuário</div><div class=“usuario-senha-space2”></div><div class=“usuario-senha-camp1”> Senha</div><div class=“usuario-senha-camp2”><input name=“usuario” type=“text” class=“input-login” /></div><div class=“usuario-senha-space2”></div><div class=“usuario-senha-camp2”><input name=“senha” type=“password” class=“input-login” /></div><div class=“usuario-senha-space2”></div><div class=“usuario-senha-entrar”><button class=“button”></button></div></div>
</form>
<div class=“menu”>
<div class=“menu-botao”></div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div><div class=“menu-botao”>
</div>
</div>
<div class=“space-top”></div>
<div class=“conteudo”>
<div class=“conteudo-left”>
<div class=“caixa-texto”>
<div class=“titulo-caixa-texto”></div><div class=“icon-caixa-texto”>
</div><div class=“conteudo-caixa-texto”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa tortor, scelerisque sed mollis sit amet, dictum ac dui. Vivamus at ornare purus.</div><div class=“leiamais-caixa-texto”>
</div></div>
<div class=“espacamento-caixa-texto”></div>
<div class=“caixa-texto”>
<div class=“titulo-caixa-texto”></div><div class=“icon-caixa-texto”>
</div><div class=“conteudo-caixa-texto”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa tortor, scelerisque sed mollis sit amet, dictum ac dui. Vivamus at ornare purus.</div><div class=“leiamais-caixa-texto”>
</div></div>
[/code]
E tenho isto aqui :
[code]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”
xmlns:h=“http://java.sun.com/jsf/html”
xmlns:f=“http://java.sun.com/jsf/core”
xmlns:ui=“http://java.sun.com/jsf/facelets”
xmlns:rich=“http://richfaces.org/rich”
xmlns:a4j=“http://richfaces.org/a4j”>
<ui:composition template="/templates/layout.xhtml">
<ui:define name="body">
<h:form>
<rich:panel style="width: 136; height:45">
<f:facet name="header">
<h:outputText value="#{msgs['login.title']}" />
</f:facet>
<h:panelGrid columns="2" cellpadding="2" cellspacing="2">
<h:panelGroup>
<div style="text-align:right; width: 55px">
<h:outputLabel value="#{msgs['login.user']}:" for="login" />
</div>
</h:panelGroup>
<h:inputText id="login"
value="#{loginController.username}"
required="true"
label="#{msgs['login.user']}"
style="width: 150px" />
<h:panelGroup>
<div style="text-align:right; width: 55px">
<h:outputLabel value="#{msgs['login.password']}:" for="password" />
</div>
</h:panelGroup>
<h:inputSecret id="password"
value="#{loginController.password}"
required="true"
label="#{msgs['login.password']}"
style="width: 150px" />
[/code]
Ou seja, tenho que fazer a atualização que passei no primeiro trecho de código para o segundo, sendo que o primeiro é em html…o segundo é xhtml (pages do WebContent)…fiquei perdido como fazer isto…Me ajudem, por favor :roll: , não precisam me dar a resposta, só quero uma luz para começar a fazer 
filipe.cc, dá sim para transformar a página de login para qualquer tecnologia de apresentação.
Se você quer transformar a página html numa página feita com jsf, imagino que seu sistema usará esta tecnologia para apresentação, então falar que não tem sentido e que você ficará dependente de um container é tolice!
exemplo de código de página de login, aí vc adapta para a sua necessidade…
[code]
<s:decorate template=“layout/formLogin.xhtml”>
<ui:define name=“label”>Login</ui:define>
<h:inputText styleClass="-login" value="#{identity.username}" required=“true” />
</s:decorate>
<s:decorate template=“layout/formLogin.xhtml”>
<ui:define name=“label”>Senha</ui:define>
<h:inputSecret styleClass="-password" value="#{identity.password}" required=“true” />
</s:decorate>[/code]
Como você pode notar, existem tags próprias do jsf para o campo do usuário e do password.
então se vc usar o código que te passei ali em cima… pode fazer isso só fazendo pequenas modificações no html colocando a adaptação para jsf…
ou criar outra pagina só com os componentes jsf…
E assim pessoal, tem ainda o layout que eu teria que definir que seria mais ou menos isto pronto que eu tenho :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.org/rich"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:c="http://java.sun.com/jstl/core">
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<a4j:loadStyle src="/css/default.css" />
<title>
<ui:insert name="title">
<h:outputText value="#{msgs['global.title']}" />
</ui:insert>
</title>
<style type="text/css">
.rich-messages-marker img {padding-right:7px;}
.rich-message-label {color:red;}
.top {vertical-align:top;}
</style>
</head>
<body style="margin-top:4px; margin-left: 3px" bgcolor="#CCCCCC">
<table border="0" cellpadding="5" cellspacing="4" width="1002" align="center" bgcolor="#FFFFFF">
<tr>
<td width="170">
<h:outputLink value="/SipPulsePortal">
<h:graphicImage value="/images/logo.gif" style="margin-left: 5px; margin-top: 10px; border: 0px"/>
</h:outputLink>
</td>Como viram, fiquei perdido, pois há uma página em html e preciso fazer a atualização dela (o layout - barra superior e inferior) para o que eu tenho no eclipse (templates e pages)… :idea:
alves.Felipe, acho mais interessante para ele realmente adaptar para tags do jsf. Notei que falta colocar as classes nos campos.
é este meu problema…no caso utilizar as tags apropriadas do jsf…nunca tinha trabalhado a fundo com java para web, agora estou me apertando aqui no trampo…teria algum tuto, livro, etc… que possa me auxiliar nisto?
Pelo que eu vejo, é uma coisa simples, mas estou penando pra isso… 
filipe.cc dá uma olhada na documentação do jsf na web
aqui está um link com alguns componentes: http://docs.jboss.org/seam/2.0.1.GA/reference/en/html/controls.html
Boa sorte!
Valeu pela dica galera…vou dar uma estudada e dpois posto o que eu consegui fazer…se alguém tiver mais alguma dica
[]´s