基础学习1：Springboot+MyBatis实现简单的登录功能

最新推荐文章于 2024-05-28 20:05:10 发布

Balabalad_GP

最新推荐文章于 2024-05-28 20:05:10 发布

阅读量2.9k

点赞数 4

分类专栏：基础学习文章标签： mybatis 学习 spring boot

本文链接：https://blog.csdn.net/qq_46354648/article/details/128063842

版权

首先得明白自己想要做一个什么样的登录页，所以进行页面的简单设计，只需要用到的东西给码出来就行。
以下是登录页面：

<!-- login.html -->

<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Login  页面</title>
  <style type="text/css">
    .bd{
      text-align: center;
    }
    .tt{
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <form action="/login"  method="post" class="bd">
    账号：<input type="text" name="username" placeholder="..." class="tt">
    <br/>
    密码：<input type="password" name="password" placeholder="..." class="tt">
    <br/>
    <input type="submit" value="登录" class="tt">
  </form>
</body>
</html>

效果图：

这个是登录成功的页面：

<!-- success.html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成功页面</title>
</head>
<body>
  <h1 style="width: 100%;height: 100px;text-align: center;color: aqua">登录成功</h1>
</body>
</html>

效果图：