一个项目让你贯穿javaweb基础知识：二登录功能实现跳转（数据库连接、登录拦截、页面增删查改，三层架构分析实现步骤）

已于 2022-06-09 20:28:57 修改
阅读量1.7k 收藏 10
点赞数 1
分类专栏： javaweb阶段一项目 文章标签： 学习 java ide
于 2022-04-05 15:55:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_39378193/article/details/123911926
版权

目标：

  • 数据库连接
  • 完成前端登录页面和注册的搭建
  • 完成后端代码的编写，实现登录功能

后端登录代码实现

登录实现分析

  1. 用户在登录页面输入登录名和密码，提交请求给LoginServlet
  2. 在LoginServlet中接收请求和数据[用户名和密码]
  3. 在LoginServlt中通过Mybatis实现调用UserMapper来根据登录名和密码查询数据库表
  4. 将查询的结果封装到teacher对象中进行返回
  5. 在LoginServlet中判断返回的teacher对象是否为null
  6. 如果为nul，说明根据用户名和密码没有查询到用户，则登录失败，返回"登录失败"数据给前端
  7. 如果不为null,则说明用户存在并且密码正确，则登录成功，返回"登录成功"数据给前端

三层架构实现步骤：
【Dao层】：
在teacherMapper编写查询教师数据的sql语句
【Servlet层】：
调用 teacherMapper 实现sql查询教师信息，传递给web层
【web层】：
接收前台登录信息
调用Servlet层代码查询登录数据是否正确，返回teacher对象
查询结果作为提示通过session会话存储到服务器，返回给前端页面展示

一、项目连接数据库

1、MyBatis光网：https://mybatis.org/mybatis-3/zh/index.html
点击入门可以快速上手
2、项目maven坐标第一篇有已经完成所有的依赖坐标引入了
3、在resources包下创建mybatis-config.xml配置文件【连接数据库】
将有注释的代码靠考到当前创建的配置文件里面，并按需求修改数据库的连接方式
官网使用截图
示例代码和创建文件截图
在这里插入图片描述
注意：官网的mappers标签里是，我这里改为了包扫描，到com.zcl.mapper包，也是一样的

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--起别名-->
    <typeAliases>
        <package name="com.zcl.pojo"/>
    </typeAliases>

    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <!--数据库注册驱动-->
                <property name="driver" value="com.mysql.jdbc.Driver"/>
                <!--连接的数据库-->
                <property name="url" value="jdbc:///stagedb?useSSL=false&amp;useServerPrepStmts=true"/>
                <!--登录名-->
                <property name="username" value="root"/>
                <!--密码-->
                <property name="password" value="1234"/>
            </dataSource>
        </environment>
    </environments>
    <mappers>
        <!--<mapper resource="org/mybatis/example/BlogMapper.xml"/>-->
        <package name="com.zcl.mapper"/>
    </mappers>
</configuration>

4、在resources.com.zcl.mapper包下创建sql映射文件【teacherMapper.xml】
官网截图如下：
在这里插入图片描述
示例代码和插件推荐
注意：namespace内的映射接口是com.zcl.mapper.teacherMapper包下的teacherMapper接口，如下一段代码

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<!--teacherMapper.xml数据库映射文件是与teacherMapper接口对映的-->
<mapper namespace="com.zcl.mapper.teacherMapper">
    <!--编写sql语句-->
</mapper>

5、在com.zcl.mapper.teacherMapper包下创建与teacherMapper.xml映射文件同名的接口

插件介绍：可以快速跳转映射文件和接口之间，创建成功之后会有一个小鸟的标识，点击可以跳过去，并可以生成对应的sql映射文件
在这里插入图片描述

在这里插入图片描述

说明：
teacherMapper.xml和teacherMapper接口：是Dao层实现sql语句的
teacherMapper.java：接口对于普通的sql查询语句可以使用注解来完成，复杂一点的需要到teacherMapper.xml映射文件中去写，官网有介绍
关于映射文件的namespace需要填写的是映射对应的接口，后台调用sql语句是从teacherMapper接口中调用的

在util包下创建SqlSessionFactoryUtils工具类获取 SqlSession

package com.zcl.util;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import java.io.IOException;
import java.io.InputStream;

public class SqlSessionFactoryUtils {

    private static SqlSessionFactory sqlSessionFactory;

    static {
        //静态代码块会随着类的加载而自动执行，且只执行一次
        try {
            String resource = "mybatis-config.xml";
            InputStream inputStream = Resources.getResourceAsStream(resource);
            sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }


    public static SqlSessionFactory getSqlSessionFactory(){
        return sqlSessionFactory;
    }
}

SqlSessionFactoryUtils工具类的作用：简化了代码重复和创建消耗

二、实现教师登录后端登录查询效果

1、查询教师登录信息
在pojo包下创建Teacher 实体类用于查询返回数据

package com.zcl.pojo;

/**
 * TODO:
 *
 * @author zcl
 * @date 2022/4/2 8:41
 */
public class Teacher {
    private int id;
    private String teacherName;
    private String password;
    private int status;

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getTeacherName() {
        return teacherName;
    }

    public void setTeacherName(String teacherName) {
        this.teacherName = teacherName;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public int getStatus() {
        return status;
    }

    public void setStatus(int status) {
        this.status = status;
    }

    @Override
    public String toString() {
        return "Teacher{" +
                "id=" + id +
                ", teacherName='" + teacherName + '\'' +
                ", password='" + password + '\'' +
                ", status=" + status +
                '}';
    }
}

在teacherMapper接口上通过注解方式来查询教师信息，并返回Teacher对象

package com.zcl.mapper;

import com.zcl.pojo.Teacher;
import org.apache.ibatis.annotations.Select;

import java.util.List;

/**
 * TODO:
 *
 * @author zcl
 * @date 2022/4/2 8:07
 */
public interface teacherMapper {

    /**
     * 查询教师登录信息
     * @return
     */
    @Select("select * from tb_teacher where teacherName = #{teacherName},password = #{password}")
    Teacher querTeacher(@Param("teacherName") String teacherName, @Param("password")  String password);
}

2、编写Service层代码
在service包下创建teacherService接口
里面写有teacherMapperDao层的同名代码

作用：通过接口可以简化在servlet包下创建多个类，在ipml包里面创建一个类实现这个接口就可以起到简化作用

package com.zcl.service;

import com.zcl.pojo.Teacher;

import java.util.List;

/**
 * TODO:
 *
 * @author zcl
 * @date 2022/4/2 9:07
 */
public interface teacherService {

    /**
     * 查询教师登录信息
     * @return
     */
    Teacher querTeacher(String teacherName,String password);
}

在ipml包下创建teacherServicelmpl类实现teacherService 接口并实现里面的方法
在实现的接口方法里面写具体的service层方法来调用Dao层代码

Service层的具体实现思路：
1、获取到SqlSessionFactory工厂对象，已经封装到了SqlSessionFactoryUtils工具类里面
2、调用SqlSessionFactory获取到SqlSession 对象
3、通过SqlSession 对象获取到teacherMapper对象就可以调用里面写的Dao层sql语句
4、获取到数据之后需要返回并释放资源

package com.zcl.service.impl;

import com.zcl.mapper.teacherMapper;
import com.zcl.pojo.Teacher;
import com.zcl.service.teacherService;
import com.zcl.util.SqlSessionFactoryUtils;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;

import java.util.List;

/**
 * TODO:
 *
 * @author zcl
 * @date 2022/4/2 9:14
 */
public class teacherServicelmpl implements teacherService {
    // 1、获取SqlSessionFactory工厂对象
    SqlSessionFactory factory = SqlSessionFactoryUtils.getSqlSessionFactory();

    @Override
    public Teacher querTeacher(String teacherName,String password) {
        // 2、获取sqlSession对象
        SqlSession sqlSession = factory.openSession();
        // 3、获取teacherMapper对象
        teacherMapper mapper = sqlSession.getMapper(teacherMapper.class);
        // 4、调用方法【传递查询条件】
        Teacher teachers = mapper.querTeacher(teacherName,password);
        // 5、释放资源
        sqlSession.close();
        // 6、返回查询结果
        return teachers;
    }
}

com.zcl.webs.servlet包下创建BaseServlet并继承HttpServlet接口，完成请求转发实现

作用：
不再需要根据注解的方式来访问控制器了，可以根据类名来访问，会更加的方便

package com.itheima.webs.servlet;

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.InvocationTargetException;
import java.lang.reflect.Method;

/**
 * 1、替换HttpServlet,根据最好一段路径来进行方法分发
 *
 * @author zcl
 * @date 2022/3/31 16:06
 */

public class BaseServlet extends HttpServlet {
    /**
     * 根据最好一段路径来进行方法分发
     *
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 获取请求的路径
        String uri = req.getRequestURI();
        // 2、获取最好一段路径，方法名
        int index = uri.lastIndexOf("/");
        // selectAll
        String methodName = uri.substring(index + 1);
        // 3、执行方法
        // 3.1、获取字节码对象
        // this：谁调用代表谁
        Class<? extends BaseServlet> cls = this.getClass();
        // 3.2、获取方法 Method对象
        try {
            Method method = cls.getMethod(methodName, HttpServletRequest.class, HttpServletResponse.class);
            // 3.3、执行方法
            method.invoke(this,req,resp);
        } catch (NoSuchMethodException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }
    }
}

com.zcl.webs.servlet包下创建TeacherServlet并实现BaseServlet

说明：
因为是上面创建了BaseServlet可以直接访问类名来完成请求，就不再需要在方法上添加注解了
访问的路径可以写：服务器启动名称/test/类名

package com.zcl.webs.servlet;

import com.alibaba.fastjson.JSON;
import com.zcl.pojo.Teacher;
import com.zcl.service.impl.teacherServicelmpl;
import com.zcl.service.teacherService;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.PrintWriter;

/**
 * TODO:
 *
 * @author zcl
 * @date 2022/4/2 11:12
 */
@WebServlet("/test/*")
public class TeacherServlet extends BaseServlet{
    // 创建工厂模式
    private teacherService teacherService = new teacherServicelmpl();

    public void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 接收页面数据
        BufferedReader reader = request.getReader();
        String str = reader.readLine();
        // 将获取的数据转换为Teacher实体类
        Teacher teacher1 = JSON.parseObject(str, Teacher.class);
        System.out.println(teacher1);

        /*String teacherName = request.getParameter("teacherName");
        String password = request.getParameter("password");
        System.out.println(teacherName);
        System.out.println(password);*/
        // 1、调用方法查询数据
        Teacher teacher = teacherService.querTeacher(teacher1.getTeacherName(),teacher1.getPassword());
        // 2、把对象转为JSON
        // 3、写数据
        response.setContentType("text/json;charset=utf-8");
        PrintWriter writer = response.getWriter();
        // 4、判断查询的结果是否为空
        if(teacher != null){
            writer.write("succeed");
            //将登陆成功后的user对象，存储到session
            HttpSession session = request.getSession();
            session.setAttribute("teacher1",teacher);
        }else {
            writer.write("failure");
        }
    }
}

3、启动程序服务
需要添加了maven里的tomcat创建才会有的
在这里插入图片描述
点击控制台的连接
在这里插入图片描述
页面中输入请求控制器和请求参数【登录数据】
在这里插入图片描述

后端数据连接正常，接下来就是弄前端的登录和注册页面了

三、前后端相连接实现完整登录功能

前端页面搭建
效果展示
在这里插入图片描述
注册页面
在这里插入图片描述

复制登录注册模板文件到webapp文件中
在这里插入图片描述

需要模板文件的可以关注私信我发你，也可以自己搭建页面信息

页面传递信息请求

<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script>
    $("#btnSub").click(function () {
      var teacherName = $("#teacherName").val();
      var paw2 = $("#paw2").val();
      // json对象
      var jsObject = {teacherName:teacherName,password:paw2};
      axios({
        method:"post",
        url:"http://localhost:8080/JavaWebUltimateDemo/test/login",
        data:jsObject  //这里 axios 会将该js对象转换为 json 串的
      }).then(function (resp) {
        if(resp.data == "succeed"){
          window.location.href = "http://localhost:8080/JavaWebUltimateDemo/brand.html";
          
        }else if(resp.data == "failure"){
          alert("请检查登录信息是否正确")
        };
      })
    });
  </script>

请求页面之后会跳转如下页面
在这里插入图片描述
后面查询数据绑定上来即可

登录拦截

问题引入：
当我们根据绝对路径访问内容的时候一样会呈现出我们需要看到的内容，这样是很不安全的，在没有登录的情况下也可以看到需要权限的内容也是很不合理，所以我们通过Filter拦截需要加入登录权限的方法，具体实现步骤参考如下实现步骤：

1、创建com.zcl.webs.filter包，存放拦截过滤器
2、创建FilterDemo类，需要实现Filter接口，注意导包是如下的包，不要导错了

import javax.servlet.annotation.WebFilter;

3、实现接口的所有接口

/*代表拦截所有的请求
拦截了就得设置放行代码，不然前端页面会访问不到页面数据

package com.zcl.webs.filter;


import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import java.io.IOException;

@WebFilter("/*")
public class FilterDemo implements Filter {
    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        System.out.println("FilterDemo...");
        //放行
        chain.doFilter(request,response);
    }

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    /**
     * 销毁执行的方法
     */
    @Override
    public void destroy() {

    }
}

登录实现步骤

  • 获取Session对象
  • 从Session对象中获取名为 user 的数据
  • 判断获取到的数据是否是 null
    • 如果不是，说明已经登陆，放行
    • 如果是，说明尚未登陆，将提示信息存储到域对象中并跳转到登陆页面

自述：
这一篇总结写的不是很好，全程没有状态，停留了几天才完成更加的不知道怎么接上和描述
知识点也有忘记，基础不是很扎实
希望下一篇写的会更好一些
如果阅读过程中有什么不懂的可以评论私信问一下

小钟要学习！！！
关注
  • 1
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Javaweb 登录页面自动跳转
05-07
Javaweb 登录页面自动跳转
JavaWeb登陆成功后跳转到上一个页面
热门推荐
沉默王二
10-07 3万+
JavaWeb登陆成功后跳转到上一个页面，这个标题注定要词不达意，你可能会遇到这样的情形，当点击页面的某个请求时，由于用户未登录，需要跳转到登录页，用户登录成功后，再跳转到上一个页面；还有一种情况，多个页面都有登录按钮，登录成功后需要刷新对应的登录信息。
登陆页面示例（包含请求转发、重定向解析及MVC应用）
qq_43050847的博客
04-15 584
文章目录案例需求描述案例流程分析request作为域对象作用范围请求转发和重定向完成页面的跳转请求转发和重定向区别MVC在案例中的应用引入相关资源案例代码——登陆代码实现 案例需求描述 提供登陆页面，用于用户信息登录（用户名和密码需要查询数据库），如果登陆失败，需要回到登陆页面（给出提示信息）。如果登陆成功，页面进行跳转，在成功页面上显示登陆成功的总人数。 案例流程分析 request作为域对象...
学会使用Java Web实现：用户登录功能（JSP+Servlet方式）
RainBow_xiy的博客
05-29 3669
登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。
Javaweb---成功登陆后自动跳转jsp页面
Carohuan的博客
12-02 1万+
通过ajax技术让用户输入的用户名与密码得到验证，验证通过后（即登录成功）自动跳转到主页界面； 首先学习一些能实现自动转页面的方法，择需选择。 使用href超链接标记      客户端跳转 使用javascript        客户端跳转 提交表单           客户端跳转 使用response对象       客户端跳转 使用forward总做标记      服务器跳转
javaweb的跳转及实例
m0_73495664的博客
09-21 2049
重定向是指浏览器向服务器发送一个请求后，服务器返回一个新的URL地址给浏览器，浏览器根据这个URL重新发送一个新的请求。这段代码会将请求转发到名为newPage.jsp的页面，并将当前请求的对象和响应的对象一起传递给新的页面。请求转发是指服务器直接使用当前请求的对象来访问另一个资源，然后将其结果返回给浏览器。转发是一次请求，重定向是两次请求。转发和重定向的区别是： 转发地址不会变，都是servlet地址 ，重定向会变。JavaWeb中常用的跳转方式有两种：重定向和请求转发。
java怎样把登陆窗口调出来_求大神！怎么样让登陆界面先显示,登陆成功后再进入操作界面！...
weixin_36429440的博客
02-17 215
该楼层疑似违规已被系统折叠隐藏此楼查看此楼import javax.swing.*;import javax.swing.border.*;import java.awt.*;import java.awt.event.*;import java.sql.*;public class Film implements ActionListener {static JFrame f = null; ...
Java Web纯JSP方式实现用户登录功能
qq_64505257的博客
05-19 1121
JSP方式实现用户登录功能
Java Web实现用户登录功能
m0_63887380的博客
06-01 7322
登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，调用服务层，服务层调用数据访问层（DAO），连接数据库，查询数据库，以此判断是否登录成功。登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。登录页面login.jsp，输入用户名和密码后，跳转到登录处理页面doLogin.jsp进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。
spring+springMvc+Mybatis中jsp页面在WEB-INF外面怎样跳转到WEB-INF下的jsp页面
Javalearnibg的博客
04-18 1526
我的包结构 除了index.jsp在webapp下为了可以打开服务器直接访问其他的再WEB-INF下的jsp包下 1.首先一般的超链接方式有三种(这三种都不行，第三种会直接不经过你点击超链接就会直接跳转) <a href="reg.jsp"></a> javascrtpt:window.location.href='WEB-INF/reg.jsp' <a href="javascript:<jsp:forward page='WEB-INF/jsp
简易的JavaWeb实现增删查改（附数据库）
08-02
JavaWeb实现简单的增删查改功能的小程序，具体示例图请移步：https://blog.csdn.net/weixin_42148410/article/details/119320132
jsp连接Oracle数据库实现增删改查
01-09
javaweb开发，连接Oracle数据库，通过网页注册，登录后对数据库中的用户表进行增删查。实现了登录、注册、增删改查等功能。
javaweb三层架构实现用户登录实例.rar
08-15
javaweb三层架构实现用户登录实例.rar
基于三层框架的JavaWeb项目实现登录验证，并对表数据进行增，删，改，查
最新发布
01-02
本教程是一个0基础创建一个基于三层架构的JavaWeb项目，从创建项目到实现对数据库表数据进行增删改查操作。本教程侧重于培养编程习惯，详细讲解了三层架构的编写顺序，讲解了如何快速编写一整个，从头至尾的详细...
javaweb增删查改功能实现
08-30
javaweb增删查改功能实现
JavaWeb之页面跳转&数据库连接
yifei_345678的博客
03-26 4244
开发web项目必不可少的操作：页面跳转和数据库连接，想学的来看哦~♥♥♥
（代码注释超详细）JavaWeb连接Mysql数据库完成登录注册业务
m0_70051776的博客
02-17 1万+
web连接数据库完成登录注册
仿点评项目（一）用户登录功能
qq_50977286的博客
07-27 267
点评项目（一）用户登录功能
Java实现简单的登录,注册拼图游戏
qq_44880471的博客
12-27 3802
该拼图游戏实现了登录，注册功能，记录游戏步数，作弊功能，菜单功能如需完整代码及图片资源联系私聊作者即可。
如何在Javaweb项目后端的controller层调用Service层方法进行登录验证
03-27
在JavaWeb项目中，通常会将业务逻辑处理放在Service层中，而将控制层的处理放在Controller层中。因此，在Controller层中调用Service层方法进行登录验证，可以按照以下步骤进行： 1. 在Controller层中引入Service层的接口或实现类，例如： ```java @Autowired private UserService userService; ``` 2. 在Controller层中编写登录验证的处理方法，例如： ```java @RequestMapping(value = "/login", method = RequestMethod.POST) public String login(@RequestParam String username, @RequestParam String password) { // 调用Service层的方法进行登录验证 boolean result = userService.login(username, password); if (result) { // 验证成功，跳转到首页 return "index"; } else { // 验证失败，返回登录页面并提示错误信息 return "login"; } } ``` 3. 在Service层中编写具体的登录验证方法，例如： ```java public boolean login(String username, String password) { // 根据用户名查询用户信息 User user = userDao.findByUsername(username); if (user != null) { // 验证密码是否正确 if (user.getPassword().equals(password)) { return true; } } return false; } ``` 通过以上步骤，就可以在Controller层中调用Service层方法进行登录验证了。需要注意的是，在实际开发中还需要进行异常处理、加密等操作，以保证系统的安全性和健壮性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小钟要学习！！！

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值