login.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>欢迎登录后台管理系统</title>
  6. <link href="{#helper\globals::getCss("style")#}" rel="stylesheet" type="text/css" />
  7. <script language="JavaScript" src="{#helper\globals::getJs("jquery")#}"></script>
  8. <script src="{#helper\globals::getJs("cloud")#}" type="text/javascript"></script>
  9. <script type="text/javascript" src="{#helper\globals::getJs("tips")#}"></script>
  10. <script type="text/javascript" src="{#helper\globals::getJs("notify-custom.min")#}"></script>
  11. <script language="javascript">
  12. $(function(){
  13. $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
  14. $(window).resize(function(){
  15. $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
  16. })
  17. });
  18. </script>
  19. </head>
  20. <body style="background-color:#1c77ac; background-image:url(images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">
  21. <div id="mainBody">
  22. <div id="cloud1" class="cloud"></div>
  23. <div id="cloud2" class="cloud"></div>
  24. </div>
  25. <div class="logintop">
  26. <span>欢迎登录后台管理界面平台</span>
  27. <ul>
  28. <li><a href="#">回首页</a></li>
  29. <li><a href="#">帮助</a></li>
  30. <li><a href="#">关于</a></li>
  31. </ul>
  32. </div>
  33. <div class="loginbody">
  34. <span class="systemlogo"></span>
  35. <div class="loginbox">
  36. {#helper\globals::safeForm()#}
  37. <ul>
  38. <li><input name="user" id="user" type="text" class="loginuser" value="admin" placeholder="请输入用户名" /></li>
  39. <li><input name="password" id="passwrod" type="password" class="loginpwd" placeholder="请输入密码" /></li>
  40. <li><input name="login" type="button" class="loginbtn" value="登录" /><label><input name="" type="checkbox" value="" checked="checked" />记住密码</label><label><a href="#">忘记密码?</a></label></li>
  41. </ul>
  42. </div>
  43. <p style="text-align:center;">请在配置文件中设置登录密码</p>
  44. </div>
  45. <div class="loginbm">2016 <a href="{#$pathes.weburl#}">{#$pathes.weburl#}</a> </div>
  46. <script>
  47. $('input[name="login"]').on('click', function(){
  48. var user = $('input[name="user"]').val();
  49. var password = $('input[name="password"]').val();
  50. var security_sid = $('input[name="security_sid"]').val();
  51. if(user == '' || password == '')
  52. {
  53. $.notify('用户名和密码不能为空', 'error');
  54. return;
  55. }
  56. $.ajax({
  57. url : '{#$pathes.loginCheck#}?isAjax=1',
  58. data : {user: user, password : password, security_sid : security_sid},
  59. method : 'POST',
  60. dataType : 'json',
  61. success : function(data)
  62. {
  63. if(data.code == 0)
  64. {
  65. $.notify("登录成功", "success", {callback: function(){window.location.href = window.location.href;}});
  66. }
  67. else
  68. {
  69. $.notify(data.msg, "error");
  70. }
  71. },
  72. error : function()
  73. {
  74. $.notify("网络连接失败,请重试", "error");
  75. }
  76. });
  77. });
  78. </script>
  79. </body>
  80. </html>