IDC

实战 用户登录、Session校验、分布式存储Session

作者:admin 2021-04-07 我要评论

实现登录功能 然后再创建login.css存放于在static下,css目录中,id 为 content 的 样式; #content{ margin- left :220px; margin- right :1420px; margin- top ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

实现登录功能

然后再创建login.css存放于在static下,css目录中,id 为 content 的 样式;

  1. #content { 
  2.         margin-left: 220px; 
  3.         margin-right: 1420px; 
  4.         margin-top: 100px; 
  5.         margin-bottom: auto; 
  6.         background-color: orange; 
  7.     } 

创建login.html登录页面

  1. <!DOCTYPE html> 
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org"
  3. <head> 
  4.     <meta charset="UTF-8"
  5.     <title>登录</title> 
  6.     <!-- 如何引入本地css文件--> 
  7.     <link rel="stylesheet" th:href="@{/css/login.css}"/> 
  8. </head> 
  9. <body> 
  10. <div id="content"
  11.     <!-- 错误是提示--> 
  12.     <label id="errorMsg" style="color: crimson">[[${errorMsg}]]</label> 
  13.     <form id="login_form" action="/login" method="post"
  14.         姓名:<input type="text" id="uname" name="uname"><br/> 
  15.         密码:<input type="password" id="password" name="password"><br/> 
  16.         <button onclick="login()">登录</button> 
  17.     </form> 
  18. </div> 
  19. </body> 
  20. </html> 

本文转载自网络,原文链接:https://mp.weixin.qq.com/s/D8iSCw6fz3px12QOv3Uo6w

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 太棒了!Python和Excel过了这么久终于

    太棒了!Python和Excel过了这么久终于

  • Java编程内功-数据结构与算法「线索化

    Java编程内功-数据结构与算法「线索化

  • 在Java中使用异步编程

    在Java中使用异步编程

  • Kafka性能篇:为何Kafka这么&quot;

    Kafka性能篇:为何Kafka这么&quot;