毕设IDEA2019之ssm框架用户登录实现+application限制用户登录

最新推荐文章于 2022-12-25 16:25:39 发布
最新推荐文章于 2022-12-25 16:25:39 发布
阅读量942 收藏 10
点赞数 3
文章标签： java ajax intellij idea application mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42356887/article/details/105636528
版权

主要是通过表单提交访问数据库判断密码是否正确。没什么好说的，直接进入正文。
前置条件：耐性100%；IDEA2019；SSM框架；了解Ajax异步请求；Mysql5.7

文章目录

数据库创建用户表

  • phone字段是登录账号，最好加唯一约束
  • deleteflag字段是记录该用户是否删除，数据保留一个月后通过初始化函数在数据库删除，一定程度减缓误删用户信息带来的问题；
  • updatetime字段选择timestamp类型是方便数据更新时自动获取更新时间，在实际开发中时间戳挺重要的，方便数据清洗等其他操作
  • email字段主要用于通过邮箱验证码找回密码（下篇会写），不用该功能可以不加该字段
    在这里插入图片描述
    login表（主要用于记录登录信息并且优先执行初始化函数，可跳过）
    在这里插入图片描述
create trigger in_login_lsh
On Login
Before INSERT
begin 
set new.loginid=getLSH('LG');
end

创建登录页面输入框

一个简单的表单，忽略我的css样式，主要是功能实现：账号、密码、登录按钮

<body style="text-align: center;" id="background">
    <div id="login">
        <img class="login-logo" src="images/timg.jpg">
        <div id="form">
        <fieldset>
            <legend>饭店后台登陆界面</legend>
        <form name="form1" action="user/login" method="post" id="form1">
            <input type="text" name="phone" id="phone" class="login-input" placeholder="请输入账号"/><br/>
            <input type="password" name="password" id="password" class="login-input" placeholder="请输入密码"/><br/>
            <button id="btn1" class="login-button" type="button">登录</button><br/>
        </form>
            <a href="#" class="btn-link">忘记密码？</a>
        </fieldset>
        </div>
    </div>
</body>

在这里插入图片描述

创建对应的实体类

这里用了**lombok插件**，省去了get/set方法；
包路径改成实际项目对应的路径

package com.qiang.domain;

import lombok.Data;
import java.sql.Timestamp;

/**
 * @author Mr.锵
 * date 2020-02-16
 */
@Data
public class User1 {
    private String userid;
    private String username;
    private String phone;
    private String password;
    private String job;
    private Integer deleteflag;
    private Timestamp createtime;
    private Timestamp updatetime;
    private String email;

}

梳理登录流程

  1. 输入账号密码；
  2. 点击登录，系统判断账号密码是否为空；
  3. jsp页面ajax异步将账号密码发给Controller控制器；
  4. 控制器调用service业务层的方法查询有无该账号，该账号的密码是什么；
  5. 对应service方法的实现类调用dao访问数据库查询数据；
  6. dao通过账号（phone）查询数据库并将查到的密码（password）返回service；
  7. service将数据返回给controller控制器；
  8. 控制器比较表单提交的密码与返回的密码是否相同，相同则返回true，不相同则返回false；
  9. jsp页面接收异步返回的结果，false则弹窗“账号或密码不正确”，阻止表单提交，true则将表单提交到控制器；
  10. 或者，true则ajax请求控制器查询application对象“Count”里面有没有该账号，存在对应账号则弹窗拒绝登录，否则将表单提交到控制器（可跳过）；
  11. 控制器限制只能post请求，防止通过地址栏直接访问
  12. 查询对应用户信息后调用service对应的Dao向数据库login表插入一条登录数据（可跳过）；
  13. 获取application对象“Count”，将账号写入列表，列表加入“Count”中（可跳过);
  14. 跳转到系统主界面

创建Dao接口

package com.qiang.dao;

import com.qiang.domain.User1;
import org.apache.ibatis.annotations.*;
import org.springframework.stereotype.Repository;

import java.util.List;

/**
 * @author Mr.锵
 * date 2020-02-16
 */
@Repository
public interface IUserDao {
    /**
     * 根据phone查询用户密码
     * @param phone
     * @return
     */
    @Select("select password from user1 where phone=#{phone} and deleteflag=0")
    String findPasswordByphone(String phone);
}

login表的Dao(可跳过)

package com.qiang.dao;

import org.apache.ibatis.annotations.Insert;
import org.springframework.stereotype.Repository;

/**
 * @author Mr.锵
 * date 2020-04-02
 */
@Repository
public interface ILoginDao {
    /**
     * 新增登录记录
     * @param userid
     */
    @Insert("insert into login(userid)values(#{userid})")
    void savelogin(String userid);
}

创建Service接口及实现类（仅用户表）

接口

package com.qiang.service;

import com.qiang.domain.User1;
import org.apache.ibatis.annotations.Select;

import java.util.List;

/**
 * @author Mr.锵
 * date 2020-02-16
 */
public interface IUserService {
    /**
     * 根据phone查询用户密码
     * @param phone
     * @return
     */
    String findPasswordByphone(String phone);
}

实现类

package com.qiang.service.impl;

import com.qiang.dao.IUserDao;
import com.qiang.domain.User1;
import com.qiang.service.IUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

/**
 * @author Mr.锵
 * date 2020-02-16
 * user1表业务层
 */
@Service("userService")
public class IUserServiceImpl implements IUserService{
    @Autowired
    private IUserDao userDao;

    @Override
    public String findPasswordByphone(String phone) {
        return userDao.findPasswordByphone(phone);
    }

创建控制器

package com.qiang.controller;
import com.qiang.domain.*;
import com.qiang.service.*;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.util.ArrayList;
import java.util.List;

/**
 * @author Mr.锵
 * date 2020-02-16
 */
@Controller
@RequestMapping("/user")
public class UserController{
    @Autowired
    private IUserService userService;
    @Autowired
    private ILoginService loginService;
/**
 * 通过phone查找密码
 */
    @RequestMapping("/findByPhone")
    public @ResponseBody boolean findByPhone(@RequestBody User1 user) {
        String passwordByphone = userService.findPasswordByphone(user.getPhone());
        if(user.getPassword().equals(passwordByphone)){
            System.out.println("查找成功");
        return true;}
        else{
            System.out.println("查找失败");
            return false;
         }

    }
/**
 * 登录操作
 */    
    @RequestMapping(value = {"/login"},method = RequestMethod.POST)
        public ModelAndView  login(String phone, HttpSession httpSession) {
        System.out.println("表现层：密码正确，登录。。。");
        ModelMap modelMap=new ModelMap();
        //调用service的方法
            List<User1> allByPhone = userService.findAllByPhone(phone);
            for(User1 user1:allByPhone){
                loginService.savelogin(user1.getUserid());
            }
            ArrayList<String> list = new ArrayList<String>();
            if(httpSession.getServletContext().getAttribute("Count")!=null){
            list=(ArrayList<String>)httpSession.getServletContext().getAttribute("Count");}
            list.add(list.size(),phone);
            httpSession.getServletContext().setAttribute("Count",list);
            modelMap.addAttribute("uphone",phone);
            ModelAndView mv=new ModelAndView("manager",modelMap);
            return mv;
    }
 /**
 * 查看application对象中有没有该账号
 */      
@RequestMapping("/checkapplication")
    public @ResponseBody boolean checkapplication(HttpSession httpSession,@RequestParam String phone){
        ArrayList<String> list = new ArrayList<String>();
        if(httpSession.getServletContext().getAttribute("Count")!=null){
        list=(ArrayList<String>)httpSession.getServletContext().getAttribute("Count");}
        boolean equals = list.contains(phone);
        return equals;
    }
}

JavaScript实现异步请求

<Script>
//页面加载，绑定单击事件
$(function () {
    var flag=false;
    $(document).keyup(function(event){
        if(event.keyCode ==13){
            $("#btn1").trigger("click");
        }
    });
    $("#btn1").click(function () {
        if($("#phone").val()==""){
            alert("账号不能为空");
            $("#phone").focus();
            flag=false;
            return flag;
        }
        else if ($("#password").val() == "") {
            alert("密码不能为空");
            $("#password").focus();
            flag=false;
            return flag;
        }
        //发送ajax请求
        $.ajax({
            // 编写json格式，设置属性和值
            url:"user/findByPhone",
            contentType:"application/json;charset=UTF-8",
            data:"{\"phone\":\""+$("#phone").val()+"\",\"password\":\""+$("#password").val()+"\"}",
            dataType:"json",
            type:"post",
            success:function(result){
                // data服务器端响应的json的数据，进行解析
                if(result==true)
                {$.ajax({
                    url:'user/checkapplication',
                    datatype : "json",
                    type : "post",
                    data:{
                        phone:$("#phone").val()
                    },
                    success:function(res){
                        if(res==false){
                            $("#form1").submit();return true;
                        }else{
                            alert("该账号已登录");return false;
                        }
                    }
                })
                } else if(result==flag)
                {alert("账号或密码不正确");return false;}
            }
        });
    });
});
</Script>

结尾

简单表单提交登录功能+login表记录每次登录信息且优先执行初始化函数+application对象实现在线用户唯一及在线用户统计；

各位盆友按需了解，因为存储用户数的application对象是列表，所以在线统计用户数异步请求查询，控制器返回列表长度既是在线用户数

觉得有用点个赞呗~

下一篇写一下如何通过邮箱发送验证码修改密码

K.wuean
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SSM毕设项目民宿管理系统geszf（java+VUE+Mybatis+Maven+Mysql）
bishe905的博客
10-10 240
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。SSM + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。2. 前端：vue+css+javascript+jQuery+easyUI+highcharts。SSM毕设项目民宿管理系统geszf（java+VUE+Mybatis+Maven+Mysql）
JAVA毕设项目基于Ssm学生信息管理系统（java+VUE+Mybatis+Maven+Mysql）
bishe131的博客
10-07 345
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。Springboot + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。2. 前端：vue+css+javascript+jQuery+easyUI+highcharts。2. 使用IDEA/Eclipse/MyEclipse导入项目，修改配置，运行项目；
Java毕设项目-ssm框架ssm框架框架仓库系统+jsp+源代码+数据库+论文.zip
最新发布
06-30
本项目是一个基于SSM（Spring + Spring MVC + MyBatis）框架的仓库管理系统，专为计算机相关专业的学生设计，适用于毕业设计或课程实践。它结合了JSP技术，提供了一个用户友好的Web界面，并配备了完整的源代码、数据库脚本及开发指南，确保开发者能够顺利上手并快速实现功能。 系统核心功能包括商品信息管理、库存控制、出入库操作和用户权限管理等。通过Spring Boot的灵活配置，项目搭建高效且易于维护。MyBatis作为持久层框架，简化了数据库交互。前端则采用JSP技术，实现了动态页面展示，提升了用户体验。 项目已在IDEA开发环境下经过全面调试，兼容Tomcat服务器，确保稳定运行。对于有一定Java基础的学习者，还可以在此基础上进行功能扩展，如引入新的算法优化查询效率，或增加自动化测试提升系统稳定性，使其更符合实际需求。
IntelliJ IDEA版的ssm整合开发简单crm管理系统（maven）
09-01
使用idea整合的ssm框架，功能有查询，修改，删除，分页 1、创建数据库名为：crm 将本工程提供的crm数据导入到crm中 2、工程数据库管理在：jdbc.properties 3、工程采用：maven创建
ssm限制多设备登陆
weixin_33971130的博客
03-27 254
2019独角兽企业重金招聘Python工程师标准>>> ...
关于SSM框架实现单设备登录的问题，即同一个账号，前一个用户登录后，后一个账号再登录，前一个用户登录失效
lyar1225的博客
10-18 1322
思路: 1.在登录的controller层中先判断用户是否登录成功，如果登录成功，每次都用session去获取sessionid,并且把它保存到application作用域中，同时还要把当前用户的登录信息也保存作用域和session里面 2.创建一个自定义拦截器SysInterceptor，使用每次请求登录都去拦截对比登录信息，如果第一次登录的用户和第二次登录的用户两个的登录信息一致并且sessi...
利用session和application防止账号重复登录
01-10 769
步骤: 1.在登录时将用户的登录信息保存在application 2.然后利用session监听器HttpSessionListener监听每一个登录用户的登录情况。 3.利用自定义的session监听器完成session的销毁 登录 ServletContext application = session.getServletContext(); @SuppressWarnings(&quot;unche...
ssm项目application-app
xiaofeifei0109的博客
01-24 454
xmlns:context="http://www.springframework.org/schema/context" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://w
课设毕设基于SSM的学习交流平台LW+源码可运行.zip
05-19
通过分析和运行此项目，你可以深入理解SSM框架的工作原理，掌握如何将它们整合到一个实际应用中，同时也可以学习到如何设计和实现一个学习交流平台，包括用户注册登录、发帖、回帖、搜索等功能。这是一个很好的实践...
基于SSM框架+Mysql的企业CRM客户关系管理系统项目源码+数据库+项目说明.zip
01-09
基于SSM框架+Mysql的企业CRM客户关系管理系统项目源码+数据库+项目说明.zip # 关于项目 该项目是基于SSM实现的客户关系管理系统 ## 1️⃣技术栈 Spring+SpringMVC+MyBatis+Thymeleaf+Vue+JS+Jquery+Axios+Json ...
SSM毕设项目基于人脸识别的个人博客登录系统35af4（java+VUE+Mybatis+Maven+Mysql）
南城计算机程序
10-07 350
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。SSM毕设项目基于人脸识别的个人博客登录系统35af4（java+VUE+Mybatis+Maven+Mysql）SSM + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。2. 使用IDEA/Eclipse/MyEclipse导入项目，修改配置，运行项目；
ssm框架中applicationContext.xml常见配置
cchaos的博客
07-12 549
Jsp与Servlet之间的传值有两种，一种是Jsp传值给Sevlet，另一种是Servlet传值给Jsp；使用request、response对象完成传值，具体实现如下： 1.JSP传值给Servlet JSP传值给Servlet有几种形式：Form表单传值，url传值，其他方式传值 a、form表单传值： JSP页面有：，将department的id传到Sevlet 中，在程序中如下：Serv...
SSM项目——开发模板（基于XML）
weixin_45565886的博客
04-20 936
SSM项目开发模板及基本步骤
SSM中application.xml的常用配置
desperado0726的博客
02-25 587
<?xml version="1.0" encoding="UTF-8" ?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.sp...
SSM 配置详解
u_my_heart的博客
06-27 471
1.在db.properties定义数据库连接所需变量： jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://127.0.0.1:3306/test?useUnicode=true&useJDBCCompliantTimezoneShift=true&serverTimezone=UTC&characterEnco...
使用ssm框架+ajax验证用户名唯一性
qq_41306656的博客
06-27 4235
ajax用法大致分为两类：原生用法和基于jQuery的ajax应用，大多数运用后者。简单介绍一下ajax实现验证用户名唯一性：添加依赖的jar包：&lt;dependency&gt; &lt;groupId&gt;org.codehaus.jackson&lt;/groupId&gt; &lt;artifactId&gt;jackson-mapper-asl&lt;/artifac...
基于ssm框架用Idea写的简单的登录、增删改查（一）
Double Q的博客
08-17 3723
效果图、框架搭建及部分文件配置部分软件及其版本所有效果数据库框架搭建文件配置 部分软件及其版本 IntelliJ IDEA：2018.2.2 MySQL：5.5.53 Maven：3.6.1 所有效果 不多bibi，先上效果图 登录页，输入正确（数据库中有的）的用户名、密码 登录成功就跳转到分页显示所有页面，up这里每页显示3条记录 输入错误的（数据库中没有的），弹出提示框并重新加载登录页面 ...
SSM框架整合-搭建简单账号登录系统
鸣鼓ming的博客
06-06 1161
步骤大同小异, 看你用的是什么可视化数据库管理软件, 动动鼠标的事, 我用的是软件SQLyog 新增数据 IDE：idea 2019.1.3 构建工具：maven3.6.1 服务器：tomcat8.0.2 java版本: 1.8.0_451.使用idea新建maven工程, 选择maven-archetype-webapp 2.给项目取个名字 3.next 4.Finish 5.创建成功 我们对项目的目录、文件进行修改、添加或删除1.标记main下的java目录为Sources Root
ssm+Vue计算机毕业设计学校教务管理系统（程序+LW文档）
SSM毕设程序源码JAVA
12-25 280
ssm+Vue计算机毕业设计学校教务管理系统（程序+LW文档）项目运行环境配置：（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat。
利用ssm框架实现用户登录操作_Java SSM框架之 springMVC 框架实现用户登录
06-07
好的，我来回答你的问题。 首先，你需要创建一个登录页面，让用户输入用户名和密码。然后，创建一个控制器类，用于处理用户的登录请求。 在控制器类中，你需要使用 Spring MVC 框架提供的注解来标识该类和方法的作用。比如，使用 @Controller 注解标识该类为控制器类，使用 @RequestMapping 注解标识该方法为处理登录请求的方法。 在处理登录请求的方法中，你需要获取用户输入的用户名和密码，并进行验证。如果用户名和密码正确，则将用户信息存储到 session 中，并跳转到登录成功页面。如果用户名或密码错误，则返回错误信息给用户，并重新跳转到登录页面。 下面是一个简单的示例代码： ```java @Controller public class LoginController { @Autowired private UserService userService; @RequestMapping(value = "/login", method = RequestMethod.POST) public String login(@RequestParam("username") String username, @RequestParam("password") String password, HttpSession session, Model model) { User user = userService.getUserByUsernameAndPassword(username, password); if (user != null) { session.setAttribute("user", user); return "redirect:/success"; } else { model.addAttribute("error", "用户名或密码错误"); return "redirect:/login"; } } @RequestMapping(value = "/login", method = RequestMethod.GET) public String login() { return "login"; } @RequestMapping(value = "/success", method = RequestMethod.GET) public String success() { return "success"; } } ``` 在这个示例中，我们使用了 @Autowired 注解来注入 UserService 类，该类用于处理用户的业务逻辑。 在 login() 方法中，我们使用 @RequestMapping 注解来标识该方法为处理登录请求的方法，并使用 @RequestParam 注解来获取用户输入的用户名和密码。然后，我们调用 UserService 类的 getUserByUsernameAndPassword() 方法来验证用户名和密码是否正确。如果验证通过，则将用户对象存储到 session 中，并跳转到登录成功页面。如果验证不通过，则将错误信息存储到 Model 中，并重新跳转到登录页面。 在 success() 方法中，我们使用 @RequestMapping 注解来标识该方法为处理登录成功页面的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值