Página de login JSP real do JBuilder2005 (2)

Autor：Eve Cole Data da Última Atualização：2009-07-02 17:10:51

Através de Arquivo->Novo...->Web->clique duas vezes no ícone JSP, a caixa de diálogo para criação de um assistente JSP aparecerá, conforme mostrado na figura a seguir:

Figura 3 Crie login.jsp por meio do assistente

·Módulo Web: Se houver vários módulos Web em um projeto, você pode especificar o módulo Web ao qual o JSP é adicionado aqui. Como há apenas um webModule em nosso projeto, o assistente irá configurá-lo como webModule por padrão.

·Nome: Digite o nome do arquivo JSP. Você pode digitar o sufixo .jsp ou digitar login diretamente sem o sufixo.

Após a opção Gerar bean de amostra ser marcada, o JBuilder irá gerar um Bean de amostra e introduzir o Bean no JSP. Para iniciantes, você pode usar esta opção para ver como JSP faz referência a um Bean, e a opção Gerar página de erro criará automaticamente um arquivo JSP de tratamento de erros correspondente para JSP. Aqui, não os verificamos.

Clique em Concluir diretamente para criar login.jsp. O arquivo login.jsp aparece no compilador do painel de conteúdo, conforme mostrado na figura a seguir:

Figura 4 Arquivo JSP criado pelo assistente

Existe um nos lados esquerdo e direito da janela de compilação JSP que pode ser passado

A barra vertical controlada por botões. A coluna da esquerda é um painel para colocar tags JSP e tags HTML. Você pode arrastar e soltar várias tags no arquivo JSP, assim como no designer de UI visual. formulário do painel. As tags HTML são colocadas no arquivo login.jsp.

A coluna vertical à direita é o atributo compilador do rótulo onde está localizado o cursor atual no arquivo JSP, conforme mostrado na figura a seguir:

Figura 5 Definir editor de atributos de tags JSP

O editor de propriedades é dinâmico Quando o cursor é movido para rótulos diferentes, o editor de propriedades exibe todas as propriedades configuráveis deste rótulo. Conforme mostrado na figura acima, ele corresponde ao editor de atributos da tag do formulário HTML. Definimos seu atributo action como switch.jsp e especificamos o uso de POST para enviar os dados da solicitação.

Fornecemos uma caixa suspensa de nome de usuário, uma caixa de entrada de senha e um botão de envio de login em login.jsp.

Listagem de código 4 login.jsp

1.＜%@page contentType="text/html; charset=GBK" %＞
2.＜html＞
3. ＜cabeça＞
4. ＜título＞login＜/título＞
5. ＜/cabeça＞
6. ＜corpo bgcolor="#ffffff"＞
7. ＜Nome do formulário="Formulário 1" método="post" action="switch.jsp"＞
8. Nome de usuário: <select name="userId">
9. ＜option value="" selecionado＞--Login do usuário--＜/option＞
10. ＜valor da opção = "100000"＞Jiang Ziya＜/opção＞
11. ＜valor da opção = "100001"＞Bao Shuya＜/opção＞
12. ＜valor da opção="100002"＞Dentes verticais＜/opção＞
13. ＜/selecionar＞
14. Senha: <input name="password" type="password">
15. ＜input type="enviar" nome="Enviar" valor="Login"＞
16. ＜/formulário＞
17. ＜/corpo＞
18.＜/html＞

A tag do formulário representa um formulário em uma página da web. O formulário pode conter vários componentes. Depois que o formulário da web é enviado, os dados desses componentes são enviados para o arquivo JSP especificado pelo atributo action por meio do protocolo HTTP para processamento. Os dados do formulário geralmente são enviados via POST. O método de envio POST não tem limite de quantidade de dados e é mais confidencial.

A página de efeito de login.jsp é mostrada abaixo:

Figura 6 página de entrada login.jsp

Experiência prática:

O código do arquivo JSP contém partes estáticas e dinâmicas, ou seja, uma parte é código HTML e a outra parte são tags JSP e código Scriptlet. JSP geralmente é uma página da web com lógica dinâmica. O JBuilder suporta muito bem partes de código dinâmico, como tags JSP e Scriptlets. Você pode usar ferramentas como CodeInsight e TagInsight para concluir a codificação de forma rápida e correta, e também pode compilar e depurar JSP. Em termos de escrita de código HTML estático JSP e design visual, o JBuilder parece ser inadequado e o Dreamweaver é obviamente melhor que o JBuilder em código estático e design visual.

A complexidade das coisas promove a divisão do trabalho, e a divisão precisa do trabalho promove o desenvolvimento profissional. Ao escrever JSP, não é que, depois de ter o JBuilder, você não tenha mais nada para fazer. Han Xinshanbing e Xiao Heshanmou, se você puder combinar Dreamweaver e JBuilder, usar o Dreamweaver para desenvolver a parte visual do JSP e usar o JBuilder para desenvolver a parte do código dinâmico do JSP, os dois se complementarão e se complementarão, e o JSP o trabalho de desenvolvimento será mais simplificado.

Alterar lista de usuários para dinâmica

O login.jsp criado atualmente tem uma falha. Suponha que ao adicionar outros usuários à tabela T_USER no plano de fundo do banco de dados, como a caixa suspensa do nome do usuário é um código estático, o usuário recém-criado não aparecerá na página, portanto. é necessário adicionar o usuário. A lista de nomes é alterada para código dinâmico e os registros da tabela do banco de dados T_USER são usados para gerar dinamicamente os dados da caixa suspensa.

Concluímos este trabalho por meio da classe UserList.ava e criamos UserList.java no projeto. O código é o seguinte:

Listagem de código 5 UserList.java

1. pacote livraria;
2. importar java.sql.*;
3.
4. UserList de classe pública
5. {
6. //Obter o código da lista de usuários da caixa suspensa HTML
7. String estática pública getUserListHTML() {
8. Conexão conn = nulo;
9. StringBuffer sBuf = new StringBuffer();
10. tente {
11. conexão = DBConnection.getConnection();
12. PreparedStatement pStat = conn.prepareStatement(
13. "selecione USER_ID,USER_NAME de T_USER");
14. ResultSet rs = pStat.executeQuery();
15. enquanto (rs.next()) {
16. sBuf.append("＜valor da opção='" + rs.getString("USER_ID") + "'＞" +
17. rs.getString("NOME_USUÁRIO") + "＜/opção＞n");
18.}
19. retornar sBuf.toString();
20. } catch (SQLException ex) {
21. ex.printStackTrace();
22. retornar "";
23.} finalmente {
24. tente {
25. if (con! = nulo) {
26.conn.close();
27. conn = nulo;
28.}
29. } catch (SQLException ex1) {
30.}
31.}
32.}
33.}

UserList.java fornece apenas um método estático getUserListHTML(), que obtém registros do usuário da tabela T_USER no banco de dados backend e gera o código de opção para o componente de seleção HTML, conforme mostrado nas linhas 16 a 17.

Depois de criar esta classe, referimo-nos a esta classe para ajustar o código de login.jsp. Primeiro, referenciamos a classe UserList por meio do atributo import na tag de instrução da página e, em seguida, ajustamos o conteúdo na opção select para o valor retornado pelo. método getUserListHTML(), conforme mostrado na figura abaixo Mostrar:

Figura 7 Escrevendo código por meio do CodeInsight

Substitua o código HTML estático original por meio de tags de expressão. Vale ressaltar que você também pode usar o CodeInsight para inserir código em JSP da mesma forma que escreve classes Java gerais. O código para o login.jsp ajustado é o seguinte, em negrito:

Listagem de código 6: código login.jsp ajustado

1. ＜%@page contentType="text/html; charset=GBK" import="bookstore.UserList" %＞
2.＜html＞
3. ＜cabeça＞
4. ＜título＞login＜/título＞
5. ＜/cabeça＞
6. ＜corpo bgcolor="#ffffff"＞
7. <Form name="Form 1" method="post" action="switch.jsp">Nome de usuário:
8. ＜selecione nome="userId"＞
9. ＜option value="" selecionado＞--Login do usuário--＜/option＞
10.＜%=UserList.getUserListHTML()%＞
11. ＜/selecionar＞
12. Senha: <input name="senha" type="senha">
13. ＜input type="enviar" nome="Enviar" valor="Login"＞
14. ＜/formulário＞
15. ＜/corpo＞
16.＜/html＞

Depois de salvar login.jsp, clique com o botão direito no rótulo do arquivo login.jsp no painel de conteúdo e selecione Web Run using Defaults para iniciar o servidor de aplicativos Tomcat 5.0, executar na porta 8080, compilar e executar o arquivo login.jsp, conforme mostrado na figura abaixo Mostrar:

Figura 8 Executando login.jsp no JBuilder

O JBuilder alterna automaticamente para a página Web View para exibir o efeito de execução da página. No entanto, o navegador do JBuilder tem suporte muito fraco para páginas da web e não suporta scripts JavaScript. Portanto, após executar o login.jsp, o melhor é visualizar o efeito da página web através do IE. Basta abrir o IE e copiar o endereço de acesso login.jsp no JBuilder para a barra de endereços do IE, conforme mostrado no. figura abaixo:

Figura 9 Use o IE para acessar login.jsp em execução no JBuilder

Neste momento, os usuários na caixa suspensa do nome de usuário já estão na lista dinâmica de usuários. Quando os usuários são adicionados ou excluídos na tabela T_USER, os usuários na caixa suspensa também serão alterados de acordo.

Antes de executar o JSP, é melhor compilar este arquivo JSP separadamente: clique com o botão direito no rótulo do arquivo JSP no painel de conteúdo e selecione make "xxx.jsp" no menu pop-up para concluir a compilação do arquivo JSP e descobrir isso na hora errada. Ao editar arquivos JSP e arquivos Java, a maior diferença é que quaisquer erros nos arquivos de programa Java serão listados no editor e no painel de estrutura, mas alguns erros nos arquivos JSP precisam ser compilados para serem descobertos.

dica:

Como compilar um arquivo JSP requer primeiro convertê-lo em um arquivo Servlet e, em seguida, compilar o arquivo Servlet intermediário. Se ocorrer um erro, ele será redirecionado para o arquivo JSP. Portanto, compilar um arquivo JSP consome mais tempo e geralmente leva. mais do que compilar um arquivo Java Várias vezes mais. Por padrão, ao compilar um projeto, todos os JSPs de todo o projeto serão compilados, o que leva muito tempo. Portanto, é melhor cancelar a configuração de compilação de arquivos JSP junto com o projeto de compilação: através de Projeto->Propriedades do Projeto...->Build-> cancelar a opção Verificar JSPs em busca de erros no tempo de compilação na página Configurações de compilação. Marque esta opção quando realmente precisar dela e cancele-a imediatamente após a compilação. Essa configuração lhe dará muito tempo valioso no desenvolvimento.