SpringMVC——注册登陆功能模块的实现（2）

最新推荐文章于 2023-03-28 20:33:01 发布

御承扬

最新推荐文章于 2023-03-28 20:33:01 发布

阅读量594

点赞数 1

分类专栏： SpringMVC实现学生信息管理系统文章标签： java SpringMVC 加密解密

本文链接：https://blog.csdn.net/qq_42896653/article/details/112344282

版权

SpringMVC实现学生信息管理系统专栏收录该内容

3 篇文章 3 订阅

订阅专栏

注册登陆功能模块的实现

一、注册功能逻辑代码编写
二、登陆功能逻辑代码编写
- 1、前端部分
- 2、后端部分

此篇博文是上一篇的续篇，内容包括
1）登陆按钮功能逻辑代码的前端和后端编辑
2）注册按钮功能逻辑代码的前端和后端编辑
3）密码字段加密解密
4）避免多端设备登陆的处理
5）避免账号重复注册的处理

一、注册功能逻辑代码编写

1、前端部分

进行注册时，学号和密码的输入一定不能为空，同时密码字段长度也不能少于8个字符，只要上述两种情况发生一个，都应该拒绝注册，并弹出提示框，提示用户重新输入。

这部分功能可以在前端页面用Javascript来实现，其代码如下：

<script>
   function check(stuId,password) {
        if(stuId.value!==""&&password.value!=="")
        {
            if(password.value.length>=8)
                return true;
        }
        alert("学号和密码为空，或密码长度小于8");
        return false;
    }
</script>

这时候要在 form 表单的onsubmit 添加代码：onsubmit="return check(form.stuID,form.password)"。加了词句代码后，只有当学号和密码字段长度大于8，浏览器才会将表单提交给服务器，否则表单不会提交给服务器，注册便不会成功。

2、后端部分

后端要实现的功能代码是，首先对表单提交上来的学号，拿到 User 表中进行匹配，若出现相同学号则，则终止注册行为，返回前端相关提示信息；若尚未注册，则进行密码字段加密，然后再将加密后的密码和学号存储到 User 表中，而把其他信息存储到 UserInfo 表中。

2.1、加密解密方法类

在项目目录里新建一个 function package 用于存放一些使用工具方法，例如这个加密解密方法。该方法的代码如下：

//IntelliJ IDEA
//springmvcstudent
//OptPassword
//2021/1/7
// Author:御承扬
//E-mail:2923616405@qq.com

package com.pyc.springmvcstudent.function;

import javax.crypto.Cipher;
import java.security.Key;

public class OptPassword {
    // 字符串默认键值
    private static String strDefaultKey = "inventec2020@#$%^&";

    //加密工具
    private Cipher encryptCipher = null;

    // 解密工具
    private Cipher decryptCipher = null;

    /**
     * 默认构造方法，使用默认密钥
     */
    public OptPassword() throws Exception {
        this(strDefaultKey);
    }

    /**
     * 指定密钥构造方法
     * @param strKey 指定的密钥
     * @throws Exception
     */

    public OptPassword(String strKey) throws Exception {

        // Security.addProvider(new com.sun.crypto.provider.SunJCE());
        Key key = getKey(strKey.getBytes());
        encryptCipher = Cipher.getInstance("DES");
        encryptCipher.init(Cipher.ENCRYPT_MODE, key);
        decryptCipher = Cipher.getInstance("DES");
        decryptCipher.init(Cipher.DECRYPT_MODE, key);
    }

    /**
     * 将byte数组转换为表示16进制值的字符串， 如：byte[]{8,18}转换为：0813，和public static byte[]
     *
     * hexStr2ByteArr(String strIn) 互为可逆的转换过程
     *
     * @param arrB 需要转换的byte数组
     * @return 转换后的字符串
     * @throws Exception  本方法不处理任何异常，所有异常全部抛出
     */
    public static String byteArr2HexStr(byte[] arrB) throws Exception {
        int iLen = arrB.length;
        // 每个byte用2个字符才能表示，所以字符串的长度是数组长度的2倍
        StringBuffer sb = new StringBuffer(iLen * 2);
        for (int i = 0; i < iLen; i++) {
            int intTmp = arrB[i];
            // 把负数转换为正数
            while (intTmp < 0) {
                intTmp = intTmp + 256;
            }
            // 小于0F的数需要在前面补0
            if (intTmp < 16) {
                sb.append("0");
            }
            sb.append(Integer.toString(intTmp, 16));
        }
        return sb.toString();
    }

    /**
     * 将表示16进制值的字符串转换为byte数组，和public static String byteArr2HexStr(byte[] arrB)
     * 互为可逆的转换过程
     * @param strIn 需要转换的字符串
     * @return 转换后的byte数组
     */
    public static byte[] hexStr2ByteArr(String strIn) throws Exception {
        byte[] arrB = strIn.getBytes();
        int iLen = arrB.length;
        // 两个字符表示一个字节，所以字节数组长度是字符串长度除以2
        byte[] arrOut = new byte[iLen / 2];
        for (int i = 0; i < iLen; i = i + 2) {
            String strTmp = new String(arrB, i, 2);
            arrOut[i / 2] = (byte) Integer.parseInt(strTmp, 16);
        }
        return arrOut;
    }

    /**
     *
     * 加密字节数组
     * @param arrB 需加密的字节数组
     * @return 加密后的字节数组
     */
    public byte[] encrypt(byte[] arrB) throws Exception {
        return encryptCipher.doFinal(arrB);
    }

    /**
     * 加密字符串
     * @param strIn 需加密的字符串
     * @return 加密后的字符串
     */
    public String encrypt(String strIn) throws Exception {
        return byteArr2HexStr(encrypt(strIn.getBytes()));
    }

    /**
     * 解密字节数组
     * @param arrB 需解密的字节数组
     * @return 解密后的字节数组
     */
    public byte[] decrypt(byte[] arrB) throws Exception {
        return decryptCipher.doFinal(arrB);
    }

    /**
     * 解密字符串
     * @param strIn 需解密的字符串
     * @return 解密后的字符串
     */
    public String decrypt(String strIn) throws Exception {
        return new String(decrypt(hexStr2ByteArr(strIn)));
    }

    /**
     * 从指定字符串生成密钥，密钥所需的字节数组长度为8位 不足8位时后面补0，超出8位只取前8位
     * @param arrBTmp 构成该字符串的字节数组
     * @return 生成的密钥
     */
    private Key getKey(byte[] arrBTmp) throws Exception {
        // 创建一个空的8位字节数组（默认值为0）
        byte[] arrB = new byte[8];
        // 将原始字节数组转换为8位
        for (int i = 0; i < arrBTmp.length && i < arrB.length; i++) {
            arrB[i] = arrBTmp[i];
        }
        // 生成密钥
        Key key = new javax.crypto.spec.SecretKeySpec(arrB, "DES");
        return key;
    }
}

接着就是具体的注册功能逻辑代码实现，在WebController 里面新建一个接口方法，如下面代码：

@RequestMapping("/sign")
public String Sign(Model model, @Param("stuID")String stuID,
                   @Param("password")String password,
                   @Param("stuName")String stuName,
                   @Param("profession")String profession,
                   @Param("stuClass")String stuClass,
                   @Param("broth")String broth,
                   @Param("tel")String tel){
    User u = userRepository.findAllByStudentID(stuID);
    Msg msg = new Msg("","");
    if(u!=null){
        msg.setTitle("错误");
        msg.setContent("该学号已被注册，请将能证明你是该学号拥有者的资料，发送到管理员邮箱：");
        model.addAttribute("msg",msg);
        return "page/Sign";
    }
    try {
        OptPassword op = new OptPassword();
        String encodePassword = op.encrypt(password);
        User user = new User(stuID, encodePassword);
        userRepository.save(user);
    }catch (Exception e){
        System.out.println(e.getMessage());
    }
    UserInfo userInfo = new UserInfo(stuID,stuName,profession,stuClass,broth,tel);
    userInfoRepository.save(userInfo);
    msg.setTitle("系统提醒");
    msg.setContent("注册成功，请前往登陆页面登陆");
    model.addAttribute("msg",msg);
    return "page/Sign";
}

@RequestMapping 注解将该方法转换成一个接口方法，前端可以通过调用接口来访问该方法，访问方式一般有：
1）form 的 action，action="/sign"；
2）button 的 onclick，οnclick=“windows.location.href=’/sign’”；
3） a 的 href，href=“/sign"；
这里使用第一中方式，此时 sign 页面的 form 头变成：<form class="form-horizontal" name="form" style="width: 500px" method="post" action="/sign" th:action="@{/sign}"onsubmit="return check(form.stuID,form.password)">

二、登陆功能逻辑代码编写

1、前端部分

同样的，登陆时，输入框不得为空，并且密码和确认密码应当一致，否则拒绝登陆，弹出提示。这部分功能，仍旧采用 Javascript 实现，实现代码如下：

<script>
    function check(stuID, password,checkPassword) {
        let si = stuID.value;
        let p = password.value;
        let cp = checkPassword.value;
        if(si!==""&&p!==""&&cp!=="")
        {
            if(p===cp)
                return true;
        }
        alert("密码不一致，或输入为空");
        return false;
    }
</script>

调用方式和注册页面的一样，都是在 form 标头里的 onsubmit 中。

2、后端部分

后端要将表单提交的信息中，首先根据输入的学号到 UserInfo 表中查询登陆字段的值，若为 true，则拒绝当前设备的登陆，返回提示，提示该账户已在其他设备登陆。若未登录，则根据输入的学号到 User 表中获取对应记录的密码字段，并将密码字段进行解密操作，若解密后的与输入的密码一致，则登陆成功，见 UserInfo 中的登陆更新为 True 并跳转到 home 页面。

上述功能逻辑代码如下：

@RequestMapping("/login")
    public String Login(Model model,@Param("stuID")String stuID,
                        @Param("password")String password){
        User u = userRepository.findAllByStudentID(stuID);
        UserInfo ui = userInfoRepository.findAllByStuID(stuID);
        boolean key=false;
        if(!ui.getOnline()){
            try{
                OptPassword op = new OptPassword();
                String decodePassword = op.decrypt(u.getPassword());
                if(decodePassword.equals(password))
                {
                   int t= userInfoRepository.setOnlineByStuID(true,stuID);
                   if(t!=0)
                       key=true;
                }
            }catch (Exception e){
                System.out.println(e.getMessage());
            }
            if(key){
                Msg msg = new Msg("系统信息",ui.getName()+",欢迎使用学生信息管理系统！");
                model.addAttribute("msg",msg);
                return "page/Home";
            }
            Msg msg = new Msg("系统信息","登陆失败！");
            model.addAttribute("msg",msg);
            return "Error";
        }
        Msg msg = new Msg("系统信息","登陆失败,因为当前账号已在其他设备进行登陆");
        model.addAttribute("msg",msg);
        return "Error";
    }

将登陆表单的 form 标头更改为：<form class="form-horizontal" name="form" style="width: 500px" method="post" action="/login" th:action="@{/login}"onsubmit="return check(form.stuID,form.password,form.CheckPassword)">

Error 页面：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>错误页面</title>
</head>
<body>
<div class="container">
    <div class="row">
        <br>
        <br>
        <br>
        <div class="col-md-8">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h2 class="panel-title">
                        提示信息：
                    </h2>
                </div>
                <div class="panel-body" th:if="${ not #lists.isEmpty(msg)}">
                    <div class="panel-info">
                        <h4 th:text="${msg.getTitle()}"></h4><h5 th:text="${msg.getContent()}"></h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

由于先暂时进行登陆功能逻辑测试，Home 页面布局暂不用编辑，如下：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
          crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
          integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
          crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <title>Home</title>
</head>
<body>
<div class="container">
    <div class="row">
        <br>
        <br>
        <br>
        <div class="col-md-8">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h2 class="panel-title">
                        提示信息：
                    </h2>
                </div>
                <div class="panel-body" th:if="${ not #lists.isEmpty(msg)}">
                    <div class="panel-info">
                        <h4 th:text="${msg.getTitle()}"></h4><h5 th:text="${msg.getContent()}"></h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

御承扬

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
SpringMVC——注册登陆功能模块的实现（2）

此篇博文是上一篇的续篇，内容包括1）登陆按钮功能逻辑代码的前端和后端编辑2）注册按钮功能逻辑代码的前端和后端编辑3）密码字段加密解密4）避免多端设备登陆的处理5）避免账号重复注册的处理
复制链接

扫一扫