利用SSM框架实现用户登录功能

文章目录

• 一、SSM框架
• • （一）SSM为何物
  • • （二）Spring框架
    • （三）Spring MVC框架
    • （四）MyBatis框架
• 二、用户登录运行效果
• 三、利用SSM框架实现用户登录
• • （一）创建数据库余表
  • • #1.创建数据库
    • 2、创建用户表
    • 3、用户表添加记录
  • （二）、创建Maven项目
  • （三）添加相关依赖
  • （四）创建日志属性文件
  • (五）创建数据库配置属性文件
  • （六）给项目添加Web功能
  • （七）配置Tomcat服务器
  • • 1、安装Tomcat服务器
    • 2、启动Tomcat服务
    • 3、访问Tomcat主页
    • 4、访问服务器上的静态资源
    • 5、项目配置Tomcat服务器
  • （八）创建用户实体类
  • （九）创建用户映射器接口
  • （十）创建用户服务类
  • （十）创建用户服务类
  • （十一）创建用户控制器
  • （十二）创建用户映射器配置文件
  • （十三）准备静态资源
  • • 1、准备图片资源
    • 2、创建样式文件
    • 3、创建脚本文件
  • （十四）创建页面
  • • 1、创建目录结构
    • 2、创建登录页面
    • 3、创建网站首页
    • 4、创建后台管理页面
  • （十五）创建Spring配置文件
  • （十六）创建Spring MVC配置文件
  • （十七）编辑Web部署描述文件
  • （十八）启动服务器，查看效果

一、SSM框架 （一）SSM为何物

• SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容），常作为数据源较简单的Web项目的框架。

（二）Spring框架

• Spring就像是整个项目中装配Bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地new一个对象，而是让Spring框架帮你来完成这一切。

（三）Spring MVC框架

• Spring MVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。Spring MVC相当于SSH框架中Struts。
• M：模型层、V：视图层、C：控制层
• MVC开始是存在于桌面程序中的，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。比如一批统计数据可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。
• 模型－视图－控制器（MVC）是Xerox PARC在二十世纪八十年代为编程语言Smalltalk－80发明的一种软件设计模式，已被广泛使用。后来被推荐为Oracle旗下Sun公司Java EE平台的设计模式，并且受到越来越多的使用ColdFusion和PHP的开发者的欢迎。模型－视图－控制器模式是一个有用的工具箱，它有很多好处，但也有一些缺点。
  ![在这里插入图片描述](https://img-blog.csdnimg.cn/9ea80e18c4dd4e819cd8b0730d617a15.png

（四）MyBatis框架

• MyBatis是对JDBC (Java DataBase Connectivity)的封装，它让数据库底层操作变得透明。MyBatis的操作都是围绕一个sqlSessionFactory实例展开的。MyBatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的SQL语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行SQL命令。页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。

二、用户登录运行效果

• 客户端有非空校验
• 登录成功，跳转到主页面
• 登录失败，再次跳转到登录页面
  

三、利用SSM框架实现用户登录 （一）创建数据库余表 #1.创建数据库

• 执行命令：CREATE DATABASE ssmdb CHARSET=‘utf8mb4’;
  

• 查看创建的数据表

2、创建用户表

CREATE TABLE `t_user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(20) NOT NULL,
  `password` varchar(20) DEFAULT NULL,
  `telephone` varchar(11) DEFAULT NULL,
  `register_time` timestamp NULL DEFAULT NULL ON UPDATe CURRENT_TIMESTAMP,
  `popedom` int(11) DEFAULT NULL COMMENT '0：管理员；1：普通用户',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

• 执行SQL命令生成用户表
  

3、用户表添加记录

INSERT INTO `t_user` VALUES ('1', 'admin', '12345', '15734345678', '2021-09-02 08:40:35', '0');
INSERT INTO `t_user` VALUES ('2', 'alice', '11111', '13956567889', '2021-10-20 09:51:43', '1');
INSERT INTO `t_user` VALUES ('3', 'brown', '22222', '13956678907', '2022-03-21 09:52:36', '1');
INSERT INTO `t_user` VALUES ('4', 'linda', '33333', '15890905678', '2022-05-25 09:52:56', '1');

• 执行SQL命令添加4条记录
  

（二）、创建Maven项目

• 创建Maven项目 - SSMLogin
• 设置项目命令、项目位置、组ID和项目ID
  
  

（三）添加相关依赖

• 在pom.xml文件里添加相关依赖
  

    4.0.0

    net.zx.ssm
    SSMLgoin
    1.0-SNAPSHOT

    
        8
        8
    

    
        
            org.scala-lang
            scala-library
            2.12.15
        
        
            org.apache.spark
            spark-core_2.12
            2.4.4
        
    
    
        src/main/scala
        
            
                org.apache.maven.plugins
                maven-assembly-plugin
                3.3.0
                
                    
                        jar-with-dependencies
                    
                
                
                    
                        make-assembly
                        package
                        
                            single
                        
                    
                
            
            
                net.alchim31.maven
                scala-maven-plugin
                3.3.2
                
                    
                        scala-compile-first
                        process-resources
                        
                            add-source
                            compile
                        
                    
                    
                        scala-test-compile
                        process-test-resources
                        
                            testCompile
                        
                    
                
            
        
    

• 打开Maven窗口，单击刷新按钮，下载依赖
  

• 依赖下载成功
  

（四）创建日志属性文件

log4j.rootLogger=WARN, stdout, logfile
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d %p [%c] - %m%n
log4j.appender.logfile=org.apache.log4j.FileAppender
log4j.appender.logfile.File=target/ssm.log
log4j.appender.logfile.layout=org.apache.log4j.PatternLayout
log4j.appender.logfile.layout.ConversionPattern=%d %p [%c] - %m%n

(五）创建数据库配置属性文件

• 在resources目录里创建jdbc.properties
  

jdbc.driverClassName = com.mysql.jdbc.Driver
jdbc.url = jdbc:mysql://localhost:3306/ssmdb?useSSL=false
jdbc.username = root
jdbc.password = 903213

• 说明：jdbc.url有时可能还需要设置编码和时区，数据库密码要改成自己电脑数据库密码

（六）给项目添加Web功能

• 打开项目结构窗口，按照录屏演示进行操作
  

• 单击【OK】按钮
  

（七）配置Tomcat服务器 1、安装Tomcat服务器

• 下载tomcat-8.5.58.rar,解压到D盘根目录
  

• 进入可执行目录bin
  

• 配置Tomcat环境变量
  

2、启动Tomcat服务

• 在命令窗口执行：startup.bat，启动Tomcat服务（当然可以在资源管理器窗口里直接双击startup.bat图标）
  

• 另外还会弹出一个命令行窗口，显示Tomcat启动信息

3、访问Tomcat主页

• 主页在D:tomcat-8.5.58webappsROOT目录里
  

• 客户端怎么来请求（request）放在服务器上的动态网页index.jsp

• Tomcat服务器默认端口是8080，在server.xml配置文件里可以修改的
  

• 在浏览器里访问http://localhost:8080（或http://localhost:8080/index.jsp）
  

4、访问服务器上的静态资源

• 在webapps目录里创建huawei子目录，在里面放点静态资源
  

• 查看本机局域网里的IP地址
  

5、项目配置Tomcat服务器

• 单击工具栏上的【Add Configuration…】，按照演示进行操作
  
  

（八）创建用户实体类

• 创建net.zx.ssm.bean包，在包里创建User类
  

package net.zx.ssm.bean;

import java.util.Date;


public class User {
   private int id;
   private String username;
   private String password;
   private String telephone;
   private Date registerTime;
   private int popedom;

   public int getId() {
       return id;
   }

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

   public String getUsername() {
       return username;
   }

   public void setUsername(String username) {
       this.username = username;
   }

   public String getPassword() {
       return password;
   }

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

   public String getTelephone() {
       return telephone;
   }

   public void setTelephone(String telephone) {
       this.telephone = telephone;
   }

   public Date getRegisterTime() {
       return registerTime;
   }

   public void setRegisterTime(Date registerTime) {
       this.registerTime = registerTime;
   }

   public int getPopedom() {
       return popedom;
   }

   public void setPopedom(int popedom) {
       this.popedom = popedom;
   }

   @Override
   public String toString() {
       return "User{" +
               "id=" + id +
               ", username='" + username + ''' +
               ", password='" + password + ''' +
               ", telephone='" + telephone + ''' +
               ", registerTime=" + registerTime +
               ", popedom=" + popedom +
               '}';
   }
}

（九）创建用户映射器接口

• 创建net.zx.ssm.mapper包，在包里创建UserMapper接口

package net.zx.ssm.mapper;

import net.zx.ssm.bean.User;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Param;


@Mapper // 交给Spring容器管理
public interface UserMapper {
    User login(@Param("username") String username, @Param("password") String password);
}

（十）创建用户服务类

• 在net.zx.ssm包里创建service子包，然后在子包里创建UserService类
  ``
  package net.zx.ssm.UserService;

import net.zx.ssm.bean.User;
import net.zx.ssm.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service // 交给Spring容器管理
public class UserService {
@Autowired // 自动装配
private UserMapper userMapper;

public User login(String username, String password) {
return userMapper.login(username, password);
}
}

``

（十）创建用户服务类

*在net.zx.ssm包里创建controller子包，然后在子包里创建UserController类

package net.zx.ssm.service;

import net.zx.ssm.bean.User;
import net.zx.ssm.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;


@Service // 交给Spring容器管理
public class UserService {
    @Autowired // 自动装配
    private UserMapper userMapper;

    public User login(String username, String password) {
        return userMapper.login(username, password);
    }
}

（十一）创建用户控制器

• 在net.zx.ssm包里创建controller子包，然后在子包里创建UserController类

package net.zx.ssm.controller;

import net.zx.ssm.bean.User;
import net.zx.ssm.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import javax.servlet.http.HttpSession;


@Controller // 交给Spring容器管理
@RequestMapping("/user") // 总路由
public class UserController {
    @Autowired
    private UserService userService;

    @RequestMapping("/login") // 子路由
    public String login(@RequestParam("username") String username,
                        @RequestParam("password") String password,
                        HttpSession session) {
        // 调用用户服务对象的登录方法
        User user = userService.login(username, password);
        // 判断用户是否登录成功
        if (user != null) {
            // 将登录用户名写入会话
            session.setAttribute("username", username);
            // 删除会话里可能存在的登录错误提示信息
            if (session.getAttribute("loginMsg") != null) {
                session.removeAttribute("loginMsg");
            }
            System.out.println(user);

            // 判断用户角色，跳转到不同页面
            if (user.getPopedom() == 0) { // 管理员
                // 跳转到后台管理页面、
                return "backend/management"; // 逻辑视图名
            } else { // 普通用户
                // 跳转到前台首页
                return "frontend/index"; // 逻辑视图名
            }
        } else {
            // 将登录错误信息写入会话
            session.setAttribute("loginMsg", "用户名或密码错误！");
            // 跳转到前台登录页面
            return "frontend/login"; // 逻辑视图名
        }
    }

    @RequestMapping("/logout")
    public String logout(HttpSession session) {
        // 删除会话里保存的用户名信息
        session.removeAttribute("username");
        // 结束会话
        session.invalidate();
        // 跳转到前台登录页面
        return "frontend/login"; // 逻辑视图名
    }
}

（十二）创建用户映射器配置文件

• 在resources里创建mapper子目录，然后在子目录里创建UserMapper.xml

    
    
        
        
        
        
        
        
    
    
    
    
        SELECT * FROM t_user WHERe username = #{username} AND password = #{password};
     

• jdbctype类型有：REAL 、VARCHAR 、BINARY 、BIT、FLOAT、CHAR 、TIMESTAMP 、 OTHER
  、UNDEFINEDTINYINT 、BLOB NVARCHAR、SMALLINT 、DOUBLE 、DECIMAL 、TIME
  、NULL、CURSOR、LONGVARCHAR 、VARBINARY 、CLOB、NCHAR、INTEGER、 NUMERIC、DATE
  、LONGVARBINARY 、BOOLEAN 、NCLOB、BIGINT

（十三）准备静态资源 1、准备图片资源

• 在WEB-INF里创建images目录，用来存放图片资源 - bear.png

2、创建样式文件

• 在WEB-INF里创建css子目录，然后在子目录里创建login.css

body {
    margin: 0px;
    text-align: center;
    background: #cccccc;
}

3、创建脚本文件

• 在WEB-INF里创建js子目录，然后在子目录里创建check.js 在这里插入图片描述

function checkLoginForm() {	
	// 获取用户名文本框
	var username = document.getElementById("username");
	// 获取密码文本框
	var password = document.getElementById("password");
	// 非空校验
	if (username.value == "") {
		alert("用户名不能为空！");
		// 让用户名文本框获得焦点
		username.focus();
		return false;
	}
	if (password.value == "") {
		alert("密码不能为空！");
		// 让密码文本框获得焦点
		password.focus();
		return false;
	}	
		
	return true; // 表明可以提交数据到服务器端
}

（十四）创建页面 1、创建目录结构

• 在WEB-INF里创建views子目录，在views里创建frontend和backend两个子目录

2、创建登录页面

• 在views/frontend里创建login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>