login.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
  4. <title>DevOps 系统登录</title>
  5. <link rel="stylesheet" type="text/css" th:href="@{/css/login.css}">
  6. </head>
  7. <body class="layui-layout-login">
  8. <div class="login-bg">
  9. <div class="cover"></div>
  10. </div>
  11. <div class="login-content" th:th:classappend="${isCaptcha} ? 'captcha'">
  12. <h1 class="login-box-title"><i class="fa fa-fw fa-user"></i>登录</h1>
  13. <form class="layui-form" th:action="@{/login}" method="post">
  14. <div class="layui-form-item">
  15. <label class="layui-icon layui-icon-username" for="username"></label>
  16. <input class="layui-input" type="text" name="username" id="username" placeholder="用户名">
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-icon layui-icon-password" for="password"></label>
  20. <input class="layui-input" type="password" name="password" id="password" placeholder="密码">
  21. </div>
  22. <div th:if="${isCaptcha}" class="layui-form-item captcha-item">
  23. <label class="layui-icon layui-icon-vercode"></label>
  24. <input class="layui-input" type="text" name="captcha" autocomplete="off" placeholder="验证码">
  25. <img class="captcha-img" th:src="@{/captcha}" />
  26. </div>
  27. <div class="layui-form-item">
  28. <input type="checkbox" name="rememberMe" title="记住我" lay-skin="primary">
  29. <a class="layui-layout-right forget-password" href="javascript:alert('请联系管理员')">没有帐号/忘记密码?</a>
  30. </div>
  31. <button type="submit" class="layui-btn layui-btn-fluid ajax-login">
  32. <i class="fa fa-sign-in fa-lg fa-fw"></i> 登录</button>
  33. </form>
  34. <div class="layui-layer-loading login-page-loading">
  35. <div class="layui-layer-content"></div>
  36. </div>
  37. </div>
  38. <script th:replace="/common/template :: script"></script>
  39. <script th:src="@{/js/login.js}" charset="utf-8"></script>
  40. </body>
  41. </html>