从零开始搭建自己的网站五：登录功能编写

最新推荐文章于 2024-04-10 23:34:57 发布

丁垠午

最新推荐文章于 2024-04-10 23:34:57 发布

阅读量3.5k

点赞数 6

分类专栏：架构设计 Java基础网站建设文章标签：网站建设登录功能实现

本文链接：https://blog.csdn.net/juewang_love/article/details/79229620

版权

网站建设同时被 3 个专栏收录

28 篇文章 9 订阅

订阅专栏

架构设计

22 篇文章 1 订阅

订阅专栏

Java基础

13 篇文章 0 订阅

订阅专栏

在之前的文章中，我们已经完成网站的整个框架，今天我们就来实现登录功能。登录功能我会把全部代码都贴出来

1、代码如下，分别是对应LoginController，UserService，UserServiceImpl，UserDao，users_sqlmap.xml，login.html，User

@Controller
@RequestMapping("/login")
public class LoginController {

    @Autowired
    private UserService userService;

    /**
     * 登录页面
     */
    @RequestMapping("/index")
    public String login() {
        return "manager/login";
    }

    /**
     * 用户登录验证
     */
    @RequestMapping("/loginUser")
    public String loginUser(HttpServletRequest request, String username, String password) {
        if (StringUtils.isNotBlank(username) && StringUtils.isNotBlank(password)) {
            boolean login = userService.login(username, password);
            if (login) {
                request.getSession().setAttribute("user", username);
                return "manager/index";
            }
        }
        return "manager/login";
    }
}

public interface UserService {
    /**
     * 用户登录情况
     *
     * @param username 用户名
     * @param password 密码
     */
    boolean login(String username, String password);
}

@Service
public class UserServiceImpl implements UserService {
    
    @Autowired
    private UserDao userDao;

    @Override
    public boolean login(String username, String password) {
        User user = new User();
        user.setUsername(username);
        user.setPassword(password);
        User login = userDao.login(user);
        if (null == login) {
            return false;
        } else {
            return true;
        }
    }
}

@Component
public interface UserDao {
    /**
     * 登录
     */
    User login(User user);
}

<?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" >
<mapper namespace="com.dyw.dao.UserDao" >
    <resultMap id="user" type="com.dyw.model.User" >
        <id column="id" property="id" jdbcType="INTEGER" />
        <result column="username" property="username" jdbcType="VARCHAR" />
        <result column="password" property="password" jdbcType="VARCHAR" />
    </resultMap>
    <!--通过用户名和密码获取账号信息-->
    <select id="login" resultMap="user">
        select * from user where 1=1 and username = #{username} and password = #{password}
    </select>
</mapper>

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>异清轩博客管理系统</title>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/login.css">
<link rel="apple-touch-icon-precomposed" href="../images/icon/icon.png">
<link rel="shortcut icon" href="../images/icon/favicon.ico">
<script src="../js/jquery-2.1.4.min.js"></script>
<!--[if gte IE 9]>
  <script src="../js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="../js/html5shiv.min.js" type="text/javascript"></script>
  <script src="../js/respond.min.js" type="text/javascript"></script>
  <script src="../js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
</head>

<body class="user-select">
<div class="container">
  <div class="siteIcon"><img src="../images/icon/icon.png" alt="" data-toggle="tooltip" data-placement="top" title="欢迎使用异清轩博客管理系统" draggable="false" /></div>
  <form action="/login/loginUser" method="post" autocomplete="off" class="form-signin">
    <h2 class="form-signin-heading">管理员登录</h2>
    <label for="userName" class="sr-only">用户名</label>
    <input type="text" id="userName" name="username" class="form-control" placeholder="请输入用户名" required autofocus autocomplete="off" maxlength="10">
    <label for="userPwd" class="sr-only">密码</label>
    <input type="password" id="userPwd" name="password" class="form-control" placeholder="请输入密码" required autocomplete="off" maxlength="18">
    <a href="main.html"><button class="btn btn-lg btn-primary btn-block" type="submit" id="signinSubmit">登录</button></a>
  </form>
  <div class="footer">
    <p><a href="index.html" data-toggle="tooltip" data-placement="left" title="不知道自己在哪?">回到后台 →</a></p>
  </div>
</div>
<script src="../js/bootstrap.min.js"></script>
<script>
$('[data-toggle="tooltip"]').tooltip();
window.oncontextmenu = function(){
	//return false;
};
$('.siteIcon img').click(function(){
	window.location.reload();
});
$('#signinSubmit').click(function(){
	if($('#userName').val() === ''){
		$(this).text('用户名不能为空');
	}else if($('#userPwd').val() === ''){
		$(this).text('密码不能为空');
	}else{
		$(this).text('请稍后...');
	}
});
</script>
</body>
</html>

public class User implements Serializable {
    private int id;

    private String username;

    private String password;

    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;
    }
}

2、浏览器打开 http://localhost:8088/login/index.html，输入一个你在数据库中保存的账号密码，即可登录到管理台首页。

欢迎转载，转载请注明出处 http://www.dingyinwu.com/article/45.html

如果文章中有任何问题或者可以改进的地方，请大家多提提意见，我会非常感激。

丁垠午

关注

6
点赞
踩
14

收藏

觉得还不错? 一键收藏
2
评论
从零开始搭建自己的网站五：登录功能编写

在之前的文章中，我们已经完成网站的整个框架，今天我们就来实现登录功能。登录功能我会把全部代码都贴出来1、代码如下，分别是对应LoginController，UserService，UserServiceImpl，UserDao，users_sqlmap.xml，login.html，User@Controller@RequestMapping("/login")public class
复制链接

扫一扫