技术教程 编程教程 day03-功能实现02 正文

day03-功能实现02

2023-02-22,

家居网购项目实现02

5.功能04-会员登录

5.1需求分析/图解

需求如图：

    输入用户名、密码后提交
    判断该用户是否存在
    如果存在，显示登录成功页面
    否则返回登录页面，要求重新登录
    要求改进登录密码为md5加密

5.2思路分析

5.3代码实现

根据上述分析图，在对应的层添加方法

5.3.1dao层

    修改MemberDAO接口，声明queryMemberByUsernameAndPassword()方法

    //提供一个通过用户名和密码返回对应的Member的方法
    
public Member queryMemberByUsernameAndPassword(String username,String password);

    修改MemberDAOImpl实现类，实现queryMemberByUsernameAndPassword()方法

    /**
    
 * 通过用户名和密码返回对应的Member对象
    
 *
    
 * @param username 用户名
    
 * @param password 密码
    
 * @return 返回值为对应的Member对象，如果不存在则返回null
    
 */
    
@Override
    
public Member queryMemberByUsernameAndPassword(String username, String password) {
    
    String sql = "SELECT * FROM `member` WHERE `username`=? AND `password`=MD5(?);";
    
    return querySingle(sql, Member.class, username, password);
    
}

    在utils包中的MemberDAOImplTest类中增加测试方法

    @Test
    
public void queryMemberByUsernameAndPassword() {
    
    Member member = memberDAO.queryMemberByUsernameAndPassword
    
            ("king", "king");
    
    System.out.println("member=" + member);
    
}

    代码测试通过

5.3.2service层

    修改MemberService接口，声明login方法

    //登录用户
    
//相比于直接传递用户名和密码，传递一个Member对象拓展性会比较好一些
    
public Member login(Member member);

    修改MemberServiceImpl接口实现类，实现login方法

    /**
    
 * 根据登录传入的member信息，返回对应的在数据库中的member对象
    
 *
    
 * @param member
    
 * @return 返回的是数据库中的member对象，若不存在则返回null
    
 */
    
@Override
    
public Member login(Member member) {
    
    return memberDAO.queryMemberByUsernameAndPassword
    
            (member.getUsername(), member.getPassword());
    
}

    在utils包中的MemberServiceImplTest类中增加测试方法

    @Test
    
public void login() {
    
    Member member = memberService.login
    
            (new Member(null, "admin", "admin", null));
    
    System.out.println("member=" + member);
    
}

    代码测试通过

5.3.3web层

    配置loginServlet

    <servlet>
    
    <servlet-name>LoginServlet</servlet-name>
    
    <servlet-class>com.li.furns.web.LoginServlet</servlet-class>
    
</servlet>
    
<servlet-mapping>
    
    <servlet-name>LoginServlet</servlet-name>
    
    <url-pattern>/loginServlet</url-pattern>
    
</servlet-mapping>

    创建LoginServlet

    package com.li.furns.web;

import com.li.furns.entity.Member;
    
import com.li.furns.service.MemberService;
    
import com.li.furns.service.impl.MemberServiceImpl;

import javax.servlet.*;
    
import javax.servlet.http.*;
    
import java.io.IOException;

public class LoginServlet extends HttpServlet {
    
    private MemberService memberService = new MemberServiceImpl();

    @Override
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        doPost(request, response);
    
    }

    @Override
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //1.接收用户名和密码
    
        //如果前端输入的是null，后台接收的数据为空串""
    
        String username = request.getParameter("username");
    
        String password = request.getParameter("password");

        //构建一个member对象
    
        Member member = new Member(null, username, password, null);
    
        //2.调用MemberServiceImpl的login方法
    
        if (memberService.login(member) == null) {//数据库中没有该用户，返回登录页面
    
            //注意路径
    
            request.getRequestDispatcher("/views/member/login.html")
    
                    .forward(request, response);
    
        } else {
    
            //否则，跳转到登录成功页面
    
            request.getRequestDispatcher("/views/member/login_ok.html")
    
                    .forward(request, response);
    
        }
    
    }
    
}

5.4完成测试

6.功能05-登录错误提示，表单回显

6.1需求分析/图解

    输入用户名，密码后提交
    如果输入有误，则给出提示
    在登录表单回显用户名

6.2思路分析

在5.2分析图的基础上修改如下两处：

6.3代码实现

6.3.1web层

    修改LoginServlet，将错误提示和用户名放入request域中

    package com.li.furns.web;

import com.li.furns.entity.Member;
    
import com.li.furns.service.MemberService;
    
import com.li.furns.service.impl.MemberServiceImpl;

import javax.servlet.*;
    
import javax.servlet.http.*;
    
import java.io.IOException;

public class LoginServlet extends HttpServlet {
    
    private MemberService memberService = new MemberServiceImpl();

    @Override
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        doPost(request, response);
    
    }

    @Override
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //1.接收用户名和密码
    
        //如果前端输入的是null，后台接收的数据为空串""
    
        String username = request.getParameter("username");
    
        String password = request.getParameter("password");

        //构建一个member对象
    
        Member member = new Member(null, username, password, null);

        //2.调用MemberServiceImpl的login方法
    
        if (memberService.login(member) == null) {//数据库中没有该用户，返回登录页面
    
            //登录失败，将错误信息和登录会员名放入request域中
    
            request.setAttribute("errInfo", "登录失败，用户名或者密码错误");
    
            request.setAttribute("username", username);
    
            //注意路径
    
            request.getRequestDispatcher("/views/member/login.jsp")
    
                    .forward(request, response);
    
        } else {
    
            //否则，跳转到登录成功页面
    
            request.getRequestDispatcher("/views/member/login_ok.html")
    
                    .forward(request, response);
    
        }
    
    }
    
}

    将login.html改为login.jsp（文件右键Refactor-->Rename，在弹窗中点击Do Refactor，会把其他文件引用login.html的信息自动改为login.jsp）

    部分代码，详细代码请看 https://github.com/liyuelian/furniture_mall.git

    <div class="login-register-form">
    
    <%--提示错误信息--%>
    
    <span class="errorMsg"
    
          style="float: right; font-weight: bold; font-size: 20pt; margin-left: 10px;">
    
        ${requestScope.errInfo}
    
    </span>
    
    <form action="loginServlet" method="post">
    
        <input type="text" name="username" placeholder="Username" value="${requestScope.username}"/>
    
        <input type="password" name="password" placeholder="Password"/>
    
        <div class="button-box">
    
            <div class="login-toggle-btn">
    
                <input type="checkbox"/>
    
                <a class="flote-none" href="javascript:void(0)">Remember me</a>
    
                <a href="#">Forgot Password?</a>
    
            </div>
    
            <button type="submit"><span>Login</span></button>
    
        </div>
    
    </form>

6.4完成测试

7.功能06-web层servlet减肥

7.1需求分析/图解

    如图，一个请求对应一个Servlet，会造成Servlet太多，不利于管理
    在项目开发中，同一个业务（模块），一般对应一个Servlet即可，比如LoginServlet和RegisterServlet都处理和会员相关的业务，应当合并

7.2方案一-if-else

前端页面两个表单login和register的action都提交到MemberServlet中

    分别给两个表单添加hidden元素，分别表示注册和登录
    当信息提交到MemberServlet后，获取action参数值
    再根据不同的值来调用对应的方法即可（将原来的业务分别封装到login方法和Register方法中）

7.3方案一代码实现

    修改login.jsp，分别在login和register表单中添加hidden，两个表单都提交到MemberServlet处理

    在web.xml中配置MemberServlet

    <servlet>
    
    <servlet-name>MemberServlet</servlet-name>
    
    <servlet-class>com.li.furns.web.MemberServlet</servlet-class>
    
</servlet>
    
<servlet-mapping>
    
    <servlet-name>MemberServlet</servlet-name>
    
    <url-pattern>/memberServlet</url-pattern>
    
</servlet-mapping>

    实现MemberServlet

    package com.li.furns.web;

import com.li.furns.entity.Member;
    
import com.li.furns.service.MemberService;
    
import com.li.furns.service.impl.MemberServiceImpl;

import javax.servlet.*;
    
import javax.servlet.http.*;
    
import java.io.IOException;

public class MemberServlet extends HttpServlet {
    
    private MemberService memberService = new MemberServiceImpl();

    @Override
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        doPost(request, response);
    
    }

    @Override
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //获取提交表单的hidden元素值，判断进行login还是register业务
    
        String action = request.getParameter("action");
    
        if ("login".equals(action)) {
    
            //进入登录业务
    
            login(request, response);

        } else if ("register".equals(action)) {
    
            //进入注册业务
    
            register(request, response);
    
        }
    
    }

    public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //1.接收用户名和密码
    
        //如果前端输入的是null，后台接收的数据为空串""
    
        String username = request.getParameter("username");
    
        String password = request.getParameter("password");

        //构建一个member对象
    
        Member member = new Member(null, username, password, null);

        //2.调用MemberServiceImpl的login方法
    
        if (memberService.login(member) == null) {//数据库中没有该用户，返回登录页面
    
            //登录失败，将错误信息和登录会员名放入request域中
    
            request.setAttribute("errInfo", "登录失败，用户名或者密码错误");
    
            request.setAttribute("username", username);
    
            //注意路径
    
            request.getRequestDispatcher("/views/member/login.jsp")
    
                    .forward(request, response);
    
        } else {
    
            //否则，跳转到登录成功页面
    
            request.getRequestDispatcher("/views/member/login_ok.html")
    
                    .forward(request, response);
    
        }
    
    }

    public void register(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //接收用户注册信息--参数名要以前端页面的变量名为准
    
        String username = request.getParameter("username");
    
        String password = request.getParameter("password");
    
        String email = request.getParameter("email");

        //如果返回false，说明该用户信息可以注册
    
        if (!memberService.isExistsUsername(username)) {
    
            //构建一个member对象
    
            Member member = new Member(null, username, password, email);
    
            if (memberService.registerMember(member)) {
    
                //如果注册成功，请求转发到register_ok.html
    
                request.getRequestDispatcher("/views/member/register_ok.html")
    
                        .forward(request, response);
    
            } else {
    
                //注册失败，请求转发到register_fail.html
    
                request.getRequestDispatcher("/views/member/register_fail.html")
    
                        .forward(request, response);
    
            }
    
        } else {//否则不能进行注册
    
            //请求转发到login.html
    
            //后面可以加入提示信息
    
            request.getRequestDispatcher("/views/member/login.jsp")
    
                    .forward(request, response);
    
        }
    
    }
    
}

7.4方案二-反射+模板设计模式+动态绑定

虽然方案一也可以实现业务需求，但是随着业务的增加，if-else语句也会随之增多，代码可读性变差，因此这里使用第二种方案实现，思想如下：

每一个业务Servlet类中都会有doPost和doGet方法，现在创建一个BasicServlet抽象类，其他的业务Servlet类都继承BasicServlet抽象类。

将业务类中的doPost和doGet方法抽象到BasicServlet中，当http请求到业务类时，因为业务类中没有重写doPost和doGet，就会到父类BasicServlet中找并调用。

同时在父类BasicServlet的doPost()方法中使用动态绑定，通过反射去获取到子类中的某个业务方法，然后调用。

7.5方案二代码实现

    修改MemberServlet，将doPost方法抽象到父类BasicServlet中：

    package com.li.furns.web;

import com.li.furns.entity.Member;
    
import com.li.furns.service.MemberService;
    
import com.li.furns.service.impl.MemberServiceImpl;

import javax.servlet.*;
    
import javax.servlet.http.*;
    
import java.io.IOException;

/**
    
 * 该Servlet处理和Member相关的请求
    
 *
    
 * @author 李
    
 * @version 1.0
    
 */
    
public class MemberServlet extends BasicServlet {
    
    private MemberService memberService = new MemberServiceImpl();

    /**
    
     * 处理会员登录业务
    
     *
    
     * @param request
    
     * @param response
    
     * @throws ServletException
    
     * @throws IOException
    
     */
    
    public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //1.接收用户名和密码
    
        //如果前端输入的是null，后台接收的数据为空串""
    
        String username = request.getParameter("username");
    
        String password = request.getParameter("password");

        //构建一个member对象
    
        Member member = new Member(null, username, password, null);

        //2.调用MemberServiceImpl的login方法
    
        if (memberService.login(member) == null) {//数据库中没有该用户，返回登录页面
    
            //登录失败，将错误信息和登录会员名放入request域中
    
            request.setAttribute("errInfo", "登录失败，用户名或者密码错误");
    
            request.setAttribute("username", username);
    
            //注意路径
    
            request.getRequestDispatcher("/views/member/login.jsp")
    
                    .forward(request, response);
    
        } else {
    
            //否则，跳转到登录成功页面
    
            request.getRequestDispatcher("/views/member/login_ok.html")
    
                    .forward(request, response);
    
        }
    
    }

    /**
    
     * 处理会员注册业务
    
     *
    
     * @param request
    
     * @param response
    
     * @throws ServletException
    
     * @throws IOException
    
     */
    
    public void register(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
        //接收用户注册信息--参数名要以前端页面的变量名为准
    
        String username = request.getParameter("username");
    
        String password = request.getParameter("password");
    
        String email = request.getParameter("email");

        //如果返回false，说明该用户信息可以注册
    
        if (!memberService.isExistsUsername(username)) {
    
            //构建一个member对象
    
            Member member = new Member(null, username, password, email);
    
            if (memberService.registerMember(member)) {
    
                //如果注册成功，请求转发到register_ok.html
    
                request.getRequestDispatcher("/views/member/register_ok.html")
    
                        .forward(request, response);
    
            } else {
    
                //注册失败，请求转发到register_fail.html
    
                request.getRequestDispatcher("/views/member/register_fail.html")
    
                        .forward(request, response);
    
            }
    
        } else {//否则不能进行注册
    
            //请求转发到login.html
    
            //后面可以加入提示信息
    
            request.getRequestDispatcher("/views/member/login.jsp")
    
                    .forward(request, response);
    
        }
    
    }
    
}

    创建BasicServlet，在该抽象类中使用使用模板模式+反射+动态绑定

    package com.li.furns.web;

import javax.servlet.ServletException;
    
import javax.servlet.http.HttpServlet;
    
import javax.servlet.http.HttpServletRequest;
    
import javax.servlet.http.HttpServletResponse;
    
import java.io.IOException;
    
import java.lang.reflect.Method;

/**
    
 * 业务servlet的共同父类
    
 * BasicServlet 是供子类去继承的，不需要在web.xml中配置
    
 * 使用模板模式+反射+动态绑定===>简化了多个if-else的语句
    
 *
    
 * @author 李
    
 * @version 1.0
    
 */
    
public abstract class BasicServlet extends HttpServlet {

    @Override
    
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
        //获取提交表单的隐藏域元素的值
    
        //如果我们使用模板模式+反射+动态绑定，要满足action的值要和方法名一致
    
        String action = req.getParameter("action");

        //使用反射，获取到当前对象的方法
    
        //1.this就是请求的业务Servlet，即运行类型
    
        //2.declaredMethod 方法对象就是当前请求的业务servlet对应的action名称的方法
    
        try {
    
            /**
    
             * public Method getDeclaredMethod(){}
    
             * 该方法返回一个Method对象，它反射此Class对象所表示的类或接口的指定已声明方法。
    
             * 参数：此方法接受两个参数：
    
             * -方法名称，这是要获取的方法。
    
             * -参数类型 这是指定的方法的参数类型的数组。
    
             * 返回值：此方法以 Method 对象的形式返回此类的指定方法。
    
             */
    
            Method declaredMethod =
    
                    this.getClass().getDeclaredMethod(action, HttpServletRequest.class, HttpServletResponse.class);
    
            //使用方法对象进行反射调用
    
            //public Object invoke(Object obj, Object... args){}
    
            declaredMethod.invoke(this, req, resp);

        } catch (Exception e) {
    
            e.printStackTrace();
    
        }
    
    }
    
}

之后再去开发业务类，只需要继承BasicServlet即可，推荐使用方案二

7.6完成测试

注册业务：

登录业务：

day03-功能实现02的相关教程结束。

《day03-功能实现02.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!