zoukankan      html  css  js  c++  java
  • JSP注册登录页教程

    转载请标明原文地址:http://www.cnblogs.com/zhangyukof/p/6785258.html 

    一、准备工作

    已搭建好的SSH框架工程一个,如果没有,请参考我的上一篇文章《SSH框架搭建详细图文教程》。

    二、登陆功能

    1.打开MyEclipse切换到MyEclipse DataBase Explorer视图,右键user表选择"Hibernate Reverse Engineering",通过Spring框架的逆向工程功能把user表逆向生成Java实体类。

    2.在弹出窗口中Java src folder 选择SSH项目下的src文件夹。Java package 填写“com.ssh.spring.user”。

    勾选前三个选项:Create POJO、Java Data Obect和Java Data Access Object。POJO类是数据库表格所对应的Java类,JDO类是MyEclipse自动生成的对数据库的一些操作,这里会封装一些常用的操作,基本上可以满足我们的各种需要了,填写后选择“下一步”。

    3.Id Generator 选择“native”,点击完成。

    4.此时的目录结构如下,我们可以看到系统生成了3个类,一个配置文件。
    User 继承自AbstractUser,是User表的实体类。
    UserDAO 封装了一些对数据库的常用操作。
    User.hbm.xml 是hibernate-mapping映射配置文件,配置了哪个实体类映射哪个表,配置了实体类的哪个属性映射表里的哪列。

    5.现在来写测试页。打开WEB-INF文件夹下的struts-config.xml文件,切换到设计视图(design)。在空白处右键 > New > Form Action and JSP。

    6.填写Form表单属性:
    Use case: login
    在下方Form Properties中点击“Add”添加两个属性
    username: JSP input type选择“text”
    password: JSP input type选择“password”

    7.切换到JSP选项,勾选“Create JSP form”选项让系统自动生成login.jsp页,点击“完成”。

    8.完成后项目结构如下,Struts帮我们建立了逻辑关系并生成了login.jsp、LoginForm.java、LoginAction.java三个文件。这正是我们在设计视图里选择Form,Action and JSP所配置的信息。

    9.把struts-config.xml切换到source源代码视图,可以看到struts的配置文件里也相应的添加了这3个文件的映射配置信息。

    Struts处理请求的流程:

    10.新建一个loginSuccess.jsp登陆成功页,实现登陆后的跳转。右键项目的WebRoot/form文件夹 选择“新建” > “JSP(Advanced Templates)”。

    11.在弹出窗口中“File Name”处填写:loginSuccess.jsp。

    12.打开loginSuccess.jsp修改页面代码如下:

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>登陆成功页</title>
        
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">    
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    
      </head>
      
      <body>
      <% Object nickname = request.getAttribute("nickname"); %>
        登陆成功!欢迎您:<% out.print(nickname); %><br>
      </body>
    </html>

    13.把登录页、登录成功跳转、登录失败跳转关联到一起。
    切换到struts-config.xml的设计视图。在视图中右键选择 New->Forward。

    14.在弹出窗口中配置如下信息:
    (1)选择Local Action Forward
    (2)浏览Action Path:/login
    (3)填写name:loginSuccess
    (4)浏览Path:/form/loginSuccess.jsp
    (5)点击“完成”

    15.添加一个登陆失败跳转。在设计视图中的右键选择 New->Forward。在弹出窗口中配置如下信息:
    (1)选择Local Action Forward
    (2)浏览Action Path:/login
    (3)填写name:loginFail
    (4)浏览Path:/form/login.jsp
    (5)点击“完成”

    添加跳转后struts-config.xml结构如下:

    16.切换到struts-config.xml的source视图,可以看到在aciton下多了两行跳转信息。

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">
    
    <struts-config>
      <data-sources />
      <form-beans >
        <form-bean name="loginForm" type="com.ssh.struts.form.LoginForm" />
    
      </form-beans>
    
      <global-exceptions />
      <global-forwards />
      <action-mappings >
        <action
          attribute="loginForm"
          input="/form/login.jsp"
          name="loginForm"
          path="/login"
          scope="request"
          type="com.ssh.struts.action.LoginAction">
          <set-property property="cancellable" value="true" />
          <forward name="loginSuccess" path="/form/loginSuccess.jsp" />
          <forward name="loginFail" path="/form/login.jsp" />
        </action>
    
      </action-mappings>
    
      <message-resources parameter="com.ssh.struts.ApplicationResources" />
    </struts-config>

    17.写具体的处理代码。打开struts/aciton包下的LoginAction.java。修改代码如下,先不连数据库测一下是否能够正确跳转。

    package com.ssh.struts.action;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import org.apache.struts.action.Action;
    import org.apache.struts.action.ActionForm;
    import org.apache.struts.action.ActionForward;
    import org.apache.struts.action.ActionMapping;
    import com.ssh.struts.form.LoginForm;
    
    public class LoginAction extends Action {
    
        public ActionForward execute(ActionMapping mapping, ActionForm form,
                HttpServletRequest request, HttpServletResponse response) {
            
            LoginForm loginForm = (LoginForm) form;
            //获取帐号密码
            String username = loginForm.getUsername();
            String password = loginForm.getPassword();
            //帐号密码匹配跳转到登录成功页并显示昵称
            if("asd".equals(username) && "123".equals(password)){
                request.setAttribute("nickname", "冰封百度");
                return mapping.findForward("loginSuccess");
            }
            //不匹配,跳转到登录失败页并显示提示信息
            request.setAttribute("message", "账号或密码错误");
            return mapping.findForward("loginFail");
        }
    }

    18.页面准备完毕。启动Tomcat服务器,在浏览器中访问登陆页地址:http://127.0.0.1:8080/SSH/form/login.jsp

    19.汉化界面。打开login.jsp,代码如下:

    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%> 
    <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
     
    <html> 
        <head>
            <title>JSP for LoginForm form</title>
        </head>
        <body>
            <html:form action="/login">
                username : <html:text property="username"/><html:errors property="username"/><br/>
                password : <html:password property="password"/><html:errors property="password"/><br/>
                <html:submit/><html:cancel/>
            </html:form>
        </body>
    </html>

    注意:头部引用的文件位置是"http://struts.apache.org/",路径地址是国外apache的官网文件,这个地址经常会访问不到,导致页面打开失败,所以这里要改成自己工程下的文件路径。

    页面代码修改如下:

    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
    <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
     
    <html> 
        <head>
            <title>登陆页</title>
        </head>
        <body>
            <html:form action="/login">
                用户名 : <html:text property="username"/><html:errors property="username"/><br/>
                密 码 : <html:password property="password"/><html:errors property="password"/><br/>
                <html:submit value="登陆" /><html:cancel value="取消"/>
            </html:form>
            <% Object message = request.getAttribute("message"); %>
            <% if(message != null) out.print(message); %>
        </body>
    </html>

    刷新页面可以看到如下效果:

    20.直接点击登陆。因为没填账号密码,应该跳转到登陆失败页面。

    21.用户名填写“asd”,密码填写“123”。点击登录,帐号密码和后台设置的匹配,这时候应该跳转到登录成功页面。

    22.测试完成,下面我们连接一下数据库,从数据库里取出user数据进行匹配。
    想操作数据库我们要先获取DAO(data access object),我们的UserDAO是hibernate生成的,关于UserDAO的配置信息写在了applicationContext.xml里。所以在用UserDAO之前要先获取
    applicationContext.xml

    百度上查找了一下相关代码,找到了一个获取applicationContext.xml的方法。Spring框架里的
    ClassPathXmlApplicationContext 通过这个类可以获取到我们需要的DAO。名字和applicationContext非常像,看起来就是这个类了,测试一下这个类是否好用,修改LoginAction.java代码如下:

    package com.ssh.struts.action;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.struts.action.Action;
    import org.apache.struts.action.ActionForm;
    import org.apache.struts.action.ActionForward;
    import org.apache.struts.action.ActionMapping;
    import org.springframework.context.support.ClassPathXmlApplicationContext;
    
    import com.ssh.struts.form.LoginForm;
    
    public class LoginAction extends Action {
    
        public ActionForward execute(ActionMapping mapping, ActionForm form,
                HttpServletRequest request, HttpServletResponse response) {
            
            LoginForm loginForm = (LoginForm) form;
            //获取帐号密码
            String username = loginForm.getUsername();
            String password = loginForm.getPassword();
            //获取用户信息
            ClassPathXmlApplicationContext beans = new ClassPathXmlApplicationContext("applicationContext.xml");
            System.out.println(beans);
            //帐号密码匹配跳转到登录成功页并显示昵称
            if("asd".equals(username) && "123".equals(password)){
                request.setAttribute("nickname", "冰封百度");
                return mapping.findForward("loginSuccess");
            }
            //不匹配,跳转到登录失败页并显示提示信息
            request.setAttribute("message", "账号或密码错误");
            return mapping.findForward("loginFail");
        }
    }

    23.重启Tomcat服务器,访问登录页http://127.0.0.1:8080/SSH/form/login.jsp,点击登录。

    javax.servlet.ServletException: org.springframework.beans.factory.BeanDefinitionStoreException: IOException parsing XML document from class path resource [applicationContext.xml]

    出现了一个错误,意思为找不到applicationContext.xml。看来我们填写的路径有问题,这个配置文件应该是从我们项目classes的根目录开始查找的,先看一下我们的项目发布后classes的路径,右键SSH项目 > 属性 > Java构建路径 > 源代码。

    可以看到我们项目发布后classes的根目录是SSH/WebRoot/WEB-INF/classes。 applicationContext.xml是这个位置的上一级,那么相对于这个路径的位置就是"../applicationContext.xml"。现在把LoginAction里的路径修改一下:

    ClassPathXmlApplicationContext beans = new ClassPathXmlApplicationContext("../applicationContext.xml");

    重新启动Tomcat服务器,访问登录页http://127.0.0.1:8080/SSH/form/login.jsp,点击登录:
    页面不再报错,正常跳转,控制台也输出了:
    org.springframework.context.support.ClassPathXmlApplicationContext@14bb075: startup date [Mon Apr 22 14:26:58 CST 2017]; root of context hierarchy]

    如果页面还是出错,出现以下信息,则有可能Java EE库的版本低了,请删除项目里的Java EE库重新添加Java EE 6.0库

    org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'sessionFactory' defined in class path resource [config/applicationContext.xml]: Instantiation of bean failed; nested exception is org.springframework.beans.BeanInstantiationException: Could not instantiate bean class [org.springframework.orm.hibernate3.LocalSessionFactoryBean]: Constructor threw exception; nested exception is java.lang.NoClassDefFoundError: org/hibernate/cfg/Configuration

    24.路径的问题解决了,正确的获取到了配置信息,这个配置信息我们以后要经常用,没必要每次用的时候都把它创建出来,写一个全局变量保存它吧。在src下新建一个包com.ssh.common,在包里新建一个类Global.java。输入代码如下:

    package com.ssh.common;
    
    import org.springframework.context.support.ClassPathXmlApplicationContext;
    
    public class Global {
        
        public static ClassPathXmlApplicationContext beans = new ClassPathXmlApplicationContext("../applicationContext.xml");
        
        public static Object getDao(String daoName){
            return beans.getBean(daoName);
        }
    }

    26.现在来获取数据库里的数据,上一篇文章中建的user表中已经插入了一条数据,就用这个用户信息来测试。

    把LoginAction.java代码修改如下:

    package com.ssh.struts.action;
    
    import java.util.List;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.struts.action.Action;
    import org.apache.struts.action.ActionForm;
    import org.apache.struts.action.ActionForward;
    import org.apache.struts.action.ActionMapping;
    
    import com.ssh.common.Global;
    import com.ssh.spring.user.User;
    import com.ssh.spring.user.UserDAO;
    import com.ssh.struts.form.LoginForm;
    
    public class LoginAction extends Action {
    
        public ActionForward execute(ActionMapping mapping, ActionForm form,
                HttpServletRequest request, HttpServletResponse response) {
            
            LoginForm loginForm = (LoginForm) form;
            //获取帐号密码
            String username = loginForm.getUsername();
            String password = loginForm.getPassword();
            //检查该用户是否存在
            User instance = new User();
            instance.setUsername(username);
            instance.setPassword(password);
            UserDAO userDAO = (UserDAO)Global.getDao("UserDAO");
            List<?> list = userDAO.findByExample(instance);
            //如果用户存在,跳转到登录成功页并显示昵称
            if(list.size() > 0){
                User user = (User)list.get(0);
                String nickname = user.getNickname();
                request.setAttribute("nickname", nickname);
                return mapping.findForward("loginSuccess");
            }
            //用户不存在,跳转到登录失败页并显示提示信息
            request.setAttribute("message", "账号或密码错误");
            return mapping.findForward("loginFail");
        }
    }

    重新启动Tomcat服务器,访问登录页http://127.0.0.1:8080/SSH/form/login.jsp,用户名:admin,密码:1234,点击登录。可以看到,跳转到登陆成功页并显示了正确的昵称。

    登录功能完成,因为只是个测试页,这些功能就尽量简单了,大家别介意,下面来做注册功能。

    三、注册功能

    1.切换到struts-config.xml的设计视图,空白处右键选择 New > Form,Action and JSP。

    2.在弹出窗口中配置如下信息:

    Use case填写“register”
    Form Properties点击“Add”添加三个属性
    (1)username    type:text
    (2)password    type:password
    (3)nickname    type:text

    3.点击JSP选项,勾选Create JSP form,点击“完成”。

    4.关联测试页和登陆页。右键struts-config.xml设计视图中的regiser.jsp 选择  New > Forward。

    5.添加注册成功跳转。在弹出窗口中配置如下信息:

    (1)选择Local Action Forward
    (2)Action Path:/register
    (3)Name:registerSuccess
    (4)Path:/form/login.jsp

    点击“完成”。

    6.添加注册失败跳转。右键struts-config.xml设计视图中的regiser.jsp 选择  New > Forward。在弹出窗口中配置如下信息:

    (1)选择Local Action Forward
    (2)Action Path:/register
    (3)Name:registerFail
    (4)Path:/form/register.jsp

    点击“完成”。

    关联成功后struts-config.xml代码如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">
    
    <struts-config>
      <data-sources />
      <form-beans >
        <form-bean name="loginForm" type="com.ssh.struts.form.LoginForm" />
        <form-bean name="registerForm" type="com.ssh.struts.form.RegisterForm" />
    
      </form-beans>
    
      <global-exceptions />
      <global-forwards />
      <action-mappings >
        <action
          attribute="loginForm"
          input="/form/login.jsp"
          name="loginForm"
          path="/login"
          scope="request"
          type="com.ssh.struts.action.LoginAction">
          <set-property property="cancellable" value="true" />
          <forward name="loginSuccess" path="/form/loginSuccess.jsp" />
          <forward name="loginFail" path="/form/login.jsp" />
        </action>
        <action
          attribute="registerForm"
          input="/form/register.jsp"
          name="registerForm"
          path="/register"
          scope="request"
          type="com.ssh.struts.action.RegisterAction">
          <set-property property="cancellable" value="true" />
          <forward name="registerSuccess" path="/form/login.jsp" />
          <forward name="registerFail" path="/form/register.jsp" />
        </action>
    
      </action-mappings>
    
      <message-resources parameter="com.ssh.struts.ApplicationResources" />
    </struts-config>

    7.汉化注册页。register.jsp修改后代码如下:

    <%@ page language="java" pageEncoding="UTF-8"%>
    <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
    <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
     
    <html> 
        <head>
            <title>注册页</title>
        </head>
        <body>
            <html:form action="/register">
                昵 称 : <html:text property="nickname"/><html:errors property="nickname"/><br/>
                用户名 : <html:text property="username"/><html:errors property="username"/><br/>
                密 码 : <html:password property="password"/><html:errors property="password"/><br/>
                <html:submit value="确定"/><html:cancel value="取消"/>
            </html:form>
            <% Object message = request.getAttribute("message"); %>
            <% if(message != null) out.print(message); %>
        </body>
    </html>

    8.把注册信息插入数据库。打开RegisterAction.java文件,修改代码如下:

    package com.ssh.struts.action;
    
    import java.util.List;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import org.apache.struts.action.Action;
    import org.apache.struts.action.ActionForm;
    import org.apache.struts.action.ActionForward;
    import org.apache.struts.action.ActionMapping;
    
    import com.ssh.common.Global;
    import com.ssh.spring.user.User;
    import com.ssh.spring.user.UserDAO;
    import com.ssh.struts.form.RegisterForm;
    
    public class RegisterAction extends Action {
        
        public ActionForward execute(ActionMapping mapping, ActionForm form,
                HttpServletRequest request, HttpServletResponse response) {
            
            //获取注册信息
            RegisterForm registerForm = (RegisterForm) form;
            String nickname = registerForm.getNickname();
            String username = registerForm.getUsername();
            String password = registerForm.getPassword();
           
            //检查表单值是否有效
            if(nickname.length() == 0 || username.length() == 0 || password.length() == 0){
                request.setAttribute("message", "请填写昵称、用户名和密码");
                return mapping.findForward("registerFail");
            }
            
            //检查用户名是否已被注册
            UserDAO userDAO = (UserDAO)Global.getDao("UserDAO");
            List<?> list = userDAO.findByUsername(username);
           
            //用户名已被注册,返回注册页面
            if(list.size() > 0){
                request.setAttribute("message", "该用户名已被注册");
                return mapping.findForward("registerFail");
            }
           
            //插入新用户
            User user = new User();
            user.setUsername(username);
            user.setPassword(password);
            user.setNickname(nickname);
            userDAO.save(user);
            request.setAttribute("message", "注册成功,请登录:" + nickname);
            return mapping.findForward("registerSuccess");
        }
    }

    9.测试注册功能。重新启动Tomcat服务器,访问注册页http://127.0.0.1:8080/SSH/form/register.jsp

    (1)不填写信息,直接点击“确定”,会发现提示信息。

    (2)填写昵称、用户名和密码后点击“确定”。

    昵称:冰封千里

    用户名:asd

    密码:123

    可以看到注册成功了。至此,JSP的简单注册登录功能全部完成。

    如果出现乱码请按照以下方式解决。

    编码问题是很常见的问题,如果出现中文乱码的问题请打开web.xml配置编码过滤器即可解决这个问题。

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.5" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
      <!-- 中文乱码过滤器 Start -->
      <!-- 在使用Tomcat服务器时,Struts的Form提交不支持中文,需要添加编码过滤器 -->
      <filter>
          <filter-name>encodingFilter</filter-name>
          <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
          <init-param>
              <param-name>encoding</param-name>
              <param-value>UTF-8</param-value>
          </init-param>
          <init-param>
              <param-name>forceEncoding</param-name>
              <param-value>true</param-value>
          </init-param>
      </filter>
      <filter-mapping>
          <filter-name>encodingFilter</filter-name>
          <url-pattern>/*</url-pattern>
      </filter-mapping>
      <!-- 中文乱码过滤器 End -->
      <display-name />
      <servlet>
        <servlet-name>action</servlet-name>
        <servlet-class>org.apache.struts.action.ActionServlet</servlet-class>
        <init-param>
          <param-name>config</param-name>
          <param-value>/WEB-INF/struts-config.xml</param-value>
        </init-param>
        <init-param>
          <param-name>debug</param-name>
          <param-value>3</param-value>
        </init-param>
        <init-param>
          <param-name>detail</param-name>
          <param-value>3</param-value>
        </init-param>
        <load-on-startup>0</load-on-startup>
      </servlet>
      <servlet-mapping>
        <servlet-name>action</servlet-name>
        <url-pattern>*.do</url-pattern>
      </servlet-mapping>
      <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
      </welcome-file-list>
    </web-app>

    ‡Œ

  • 相关阅读:
    scrapy 命令行传参 以及发送post请求payload参数
    scrapy框架+selenium的使用
    python 制作GUI页面以及多选框、单选框
    上线操作
    在Linux中使用selenium(环境部署)
    解读Java NIO Buffer
    Maven自定义Archetype
    解决spark streaming集成kafka时只能读topic的其中一个分区数据的问题
    在windows下使用pip安装python包遇到缺失stdint.h文件的错误
    maven-shade-plugin插件未生效原因分析
  • 原文地址:https://www.cnblogs.com/zhangyukof/p/6785258.html
Copyright © 2011-2022 走看看