123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>登陆</title>
- <!-- Tell the browser to be responsive to screen width -->
- <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
- <!-- Bootstrap 3.3.7 -->
- <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
- <!-- Ionicons -->
- <link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
- <!-- iCheck -->
- <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- <!-- Google Font -->
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
- </head>
- <body class="hold-transition login-page">
- <div class="login-box">
- <div class="login-logo">
- <a href="../../index2.html"><b>登陆</b></a>
- </div>
- <!-- /.login-logo -->
- <div class="login-box-body">
- <p class="login-box-msg">请输入账号密码登陆</p>
- <form action="../../index2.html" method="post">
- <div class="form-group has-feedback">
- <input id="user_email" type="email" class="form-control" placeholder="邮箱">
- <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
- </div>
- <div class="form-group has-feedback">
- <input id="user_pwd" type="password" class="form-control" placeholder="密码">
- <span class="glyphicon glyphicon-lock form-control-feedback"></span>
- </div>
- <div class="row">
- <div class="col-xs-8">
- <div class="checkbox icheck">
- <label>
- <input type="checkbox"> 记住我
- </label>
- </div>
- </div>
- <!-- /.col -->
- <div class="col-xs-4">
- <button type="button" onclick="login()" class="btn btn-primary btn-block btn-flat">登陆</button>
- </div>
- <!-- /.col -->
- </div>
- </form>
- <div class="social-auth-links text-center">
- <p>- 或 -</p>
- <a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i>
- 微信</a>
- <a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i>
- 扣扣</a>
- </div>
- <!-- /.social-auth-links -->
- <a href="#">忘记密码</a><br>
- <a href="register.html" class="text-center">注册新账号</a>
- </div>
- <!-- /.login-box-body -->
- </div>
- <!-- /.login-box -->
- <!-- jQuery 3 -->
- <script src="../bower_components/jquery/dist/jquery.min.js"></script>
- <!-- Bootstrap 3.3.7 -->
- <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
- <!-- iCheck -->
- <script src="../plugins/iCheck/icheck.min.js"></script>
- <script>
- $(function () {
- $('input').iCheck({
- checkboxClass: 'icheckbox_square-blue',
- radioClass: 'iradio_square-blue',
- increaseArea: '20%' /* optional */
- });
- });
- function login() {
- var user_name = $("#user_email").val();
- var user_pwd = $("#user_pwd").val();
- $.post('../php/login.php',{
- name:user_name,
- password:user_pwd,
- },function (data,status) {
- if(data.result == 0){
- alert("登陆成功");
- }else{
- alert("登陆失败");
- }
- })
- }
- </script>
- </body>
- </html>
|