Sistemas WEB: 2014

terça-feira, 22 de julho de 2014

Como usar mascara em layouts com Bootstrap.

Ambiente:
Facelets
JSF Mojarra 2.0.6
PrimeFaces 3.5.4
Bootstrap v2.3.2

Para inclusão de mascaras de campos faça da seguinte forma:

Primeiramente devemos fazer o download da biblioteca maskedinput.js.
Depois do download salve na pasta dentro do projeto onde desejar.
Para o exemplo abaixo foi saldo em "Webcontext\js".
Incluir a linha abaixo em seu html.
<script src="${request.contextPath}/js/jquery.maskedinput.js"></script>

Em cada página deve ser usada a linha:
<script type="text/javascript">
jQuery(function($){
$("#ddd1").mask("99");
$("#telefone1").mask("9999-9999");
$("#cep").mask("99999-999");
$("#cpfAssina").mask("999.999.999-99");
});
</script>

Sendo que #cpfAssina esta referenciando um input por ID = "cpfAssina".

<p:inputText id="cpfAssina" value="#{cadastroEscolaCtrl.escola.cpfAssina}" label="CPF" required="true" pt:placeholder="CPF" styleClass="input-block-level"/>

Ainda vale a pena lembrar que para que seja possível nomear os componentes JSF sem que percam os IDS, é necessário acrescentar no form o atributo prependId="false".

Exemplo:

<h:form styleClass="form-login form-wrapper" prependId="false">

Simples assim.

Abraços...

Acentuação com JSF + Facelets

Bem comecemos;

Ambiente:
Facelets
JSF Mojarra 2.0.6
PrimeFaces 3.5.4

Sendo assim teremos um template:
Neste template é importante conter as linhas:

<?xml version="1.0" encoding="UTF-8"?>
<!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" >

Também incluir a linha abaixo no meta do template:
<meta charset="utf-8"></meta>

Já as páginas que compõem o layout devem conter a linha:

<ui:fragment xmlns="http://www.w3.org/1999/xhtml">
já para a composição:

<ui:composition template="/faces/templates/template.xhtml" xmlns="http://www.w3.org/1999/xhtml">

Observação:
Caso o interesse seja por iso-8859-1, basta mudar de UTF-8 para ISO-8859-1.

Simples assim:

Abraços...

quinta-feira, 9 de janeiro de 2014

Client WebService em Java - JAX WS

Iremos implementar com detalhes um projeto client de WebService usando como base nas ferramentas baixo.

- JDK 1.7

- Tomcat 7.0

- Eclipse Kepler

Iremos seguir direto para implementação do cliente, acreditando que seu ambiente de desenvolvimento já esta previamente configurado conforme acima citado.

Também iremos considerar que foi previamente criado um WebService com o Serviço EXEMPLOSERVICE.WSL.

Primeiro passo:

Crie um projeto web dinâmico como imagem abaixo:

Dê um nome sugestivo para seu projeto.
Sempre clicando no next.

Sendo assim terá um projeto criado.

Segundo passo:

Agora iremos criar nossa estrutura webService Client para acesso ao serviço ExemploService.

Nesta tela temos que escolher o serviço. Clicar em BROWSE.

Também em BROWSE.

Achamos o arquivo WSDL, ou seja o arquivo de serviços.

Finalizando a criação, teremos um toda a estrutura criada do WebService Client.

Para o teste do serviço iremos implementar um servlet que fará uso do recurso de WebService Client.
Porém este não seria o recomendável, apenas será criado para fins didáticos e aproveitando o projeto web dinâmico já criado.

Exemplo da classe servlet criada para receber os parâmetros da tela.

Continuação da classe.

Criação do JSP.

Exemplo do Código de JSP.

Pronto.
Basta iniciar os projetos, o Servidor de WebService e o Client de WebService.
Abra a página jsp do exemplo e basta fazer o teste.
Ainda lembramos que como o Servidor de WebService foi criado no ambiente local, a classe que implementa a chamada do serviço ficou como "http://localhost...".
Para que possa fazer uso dela em produção deve ser feita algumas alterações nestas classes, como por exemplo a URL de produção.

Abraços e fico por aqui...

WebService em Java - JAX WS

Iremos implementar com detalhes um serviço de WebService usando como base nas ferramentas baixo.

- JDK 1.7

- Tomcat 7.0

- Eclipse Kepler

Iremos seguir direto para implementação do serviço, acreditando que seu ambiente de desenvolvimento já esta previamente configurado conforme acima citado.

Primeiro passo:

Crie um projeto web dinâmico como imagem abaixo:

Dê um nome sugestivo para seu projeto.

Sempre clicando no next.

Sendo assim terá um projeto criado como abaixo.

Segundo passo:

Crie sua classe de Serviços.
Lembro que esta classe é apenas uma classe java, nada de especial nela.

Primeira seta é o parâmetro é seu pacote, aconselho criá-lo também.
Segundo seta é o nome da sua classe.

Então desenvolvi 3 métodos dentro de minha classe de serviços.
Servico1, Servico2 e ServicoLista.

Terceiro passo:

Iremos agora transformar a classe de serviço criada em um WebService.
Para que não tenhamos nenhuma surpresa aconselho antes de clicar em New, selecionar a classe que irá se transformar em um WebService.

A seta indica qual a classe que irá ser transformada em um WebService.
Se você clicou em cima da classe antes de clicar em new, irá mostrar como abaixo.
Caso não apareça já aconselho fechar a tela e voltar ao terceiro passo novamente.

Seta abaixo indica os serviços que serão disponibilizados, caso não seja necessário todos, basta tirar a seleção de algum.

A tela abaixo citada irá aparecer apenas se o servidor estiver parado, caso o servidor esteja rodando esta tela não irá aparecer.
Aparecendo a tela abaixo deve ser selecionada a opção SERVER.