php登陆界面 +bootstrap mysql json
来源:互联网 发布:手机淘宝商品历史价格 编辑:程序博客网 时间:2024/05/12 04:05
前台代码:
main.php
<?php/** * Created by PhpStorm. * User: admin-pc * Date: 2016/8/3 * Time: 8:11 */header("Content-type: text/html; charset=utf-8");?><!DOCTYPE html><head> <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'/> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > <title>登陆系统</title> <link rel='stylesheet' type='text/css' href='common/Style/css/bootstrap.min.css'/> <link rel='stylesheet' type='text/css' href='common/Style/css/font-awesome.min.css'/> <link rel="stylesheet" type="text/css" href="common/Style/css/bootstrap-table.min.css"> <link rel='stylesheet' type='text/css' href='common/Style/css/buttons.css'/> <link rel='stylesheet' type='text/css' href='common/Style/css/square/green.css'/> <link rel='stylesheet' type='text/css' href='common/Style/css/common.css'/> <script src='common/Script/jquery-1.12.0.min.js' type='text/javascript'></script> <script src='common/Script/bootstrap.min.js' type='text/javascript'></script> <script src="common/Script/jquery-migrate-1.2.1.js" type="text/javascript"></script> <script src='common/Script/jquery.md5.js' type='text/javascript'></script> <script src="common/Script/bootstrap-table.min.js" type="text/javascript"></script> <script src='common/Script/icheck.min.js' type='text/javascript'></script> <script src='common/Script/bootstrap-table-export.js' type='text/javascript'></script> <script src='common/Script/tableExport.min.js' type='text/javascript'></script> <script src="common/Script/common.js" type="text/javascript"></script></head><body><!--alert bootstrap--><div class="modal fade" id="ErrorAlert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> Alert! </h4> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-10 col-sm-offset-1"> <strong><p id="AlertP"></p></strong> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" id="ErrorAlertClose" data-dismiss="modal">Close </button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal --><div class="container"> <div class="row row-margin-top row-margin-bottom"></div> <div class="row row-margin-top text-center center-block"> <div class="col-sm-6"> </div> <div class="col-sm-6 row-margin-top"> <span class="" > <a id="login" class="button button-primary button-royal button-large ">登录系统</a> </span> </div> </div></div><div class='modal fade' id='LoginModel' tabindex='-1' role='dialog' aria-labelledby='LoginModel' aria-hidden='true'> <div class='modal-dialog'> <div class='modal-content'> <div class='modal-body'> <div class='row'> <div class='col-sm-12 form-box'> <div class='form-top'> <div class='form-top-left'> <h3>欢迎登录</h3> <p>请输入您的用户名和密码:</p> </div> <div class='form-top-right'> <i class='fa fa-key'></i> </div> </div> <div class='form-bottom'> <form role='form' method='post' action='' class='login-form' id='form-login'> <div class='form-group'> <label class='sr-only' for='login-username'>用户名</label> <input type='text' name='login-username' placeholder='用户名...' class='form-username form-control' id='login-username'> </div> <div class='form-group'> <label class='sr-only' for='login-password'>密码</label> <input type='password' name='login-password' placeholder='密码...' class='form-password form-control' id='login-password'> </div> <div class='form-group'> <div class="row row-margin-top"> <div class='col-sm-4 col-sm-offset-8 text-center'> <button type='button' id='login-submit' class='btn btn-primary'>Login</button> </div> </div> </div> </form> </div> </div> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal --><script type="text/javascript"> $(function () { $('input').iCheck({ checkboxClass: 'icheckbox_square-green', radioClass: 'iradio_square-green', increaseArea: '20%' // optional }); $('#login').click(function(){ $('#LoginModel').modal('show'); }); $('#login-submit').click(function () { $('#LoginModel').modal('hide'); $.post('loginPost.php?order=1', { userName: $('#login-username').val(), password: $.md5($('#login-password').val()), role: $('input:radio[name="login-role"]:checked').val() }, function (data) { var result = JSON.parse(data); if (result.status == 1) { //user登录 //alert("aaaa"); $('#login').html(result.name); $('#myModalLabel').html("Congratulations"); $('#login-password').val(''); $('#AlertP').html(result.message); $('#ErrorAlert').modal('show'); } else if (result.status == 2) { //admin登录 // alert("aaaa"); $('#login').html(result.name); $('#myModalLabel').html("Congratulations"); $('#login-password').val(''); $('#AlertP').html(result.message); $('#ErrorAlert').modal('show'); } else { $('#login').html("登陆系统"); $('#myModalLabel').html("Alert"); $('#login-password').val(''); $('#AlertP').html(result.message); $('#ErrorAlert').modal('show'); } }); }); });</script></body></html>
后台代码
<?php/** * Created by PhpStorm. * User: admin-pc * Date: 2016/8/3 * Time: 8:39 */$server = "localhost";$username = "root";$localPassword = "123456";$database = "project2016v03";$link = mysqli_connect($server, $username, $localPassword, $database) or die("Connect failed1: " . mysqli_connect_error() . "\n");mysqli_query($link, "set names utf8") or die("Connect failed2: " . mysqli_connect_error() . "\n");mysqli_query($link, "SET CHARACTER SET utf8") or die("Connect failed3: " . mysqli_connect_error() . "\n");$obj = array( 'status' => 1, 'message' => "", 'name'=>'');$order = isset($_REQUEST['order']) ? $_REQUEST['order'] : 2;if ($order == 1) { $userName = isset($_REQUEST['userName']) ? $_REQUEST['userName'] : ""; $role = isset($_REQUEST['role']) ? $_REQUEST['role'] : ""; $password = isset($_REQUEST['password']) ? $_REQUEST['password'] : ""; if ($userName != "" && $password != "" ) { // if ($role = "admin") { $query = "SELECT * FROM t_admin WHERE BINARY admin_name='" . $userName . "' AND is_deleted='N'"; $result = mysqli_query($link, $query) or die("Error Message:" . mysqli_error($link) . "\n"); if ($row = mysqli_fetch_array($result, MYSQLI_BOTH)) { if (strcmp($row["password"], $password) == 0) { $obj["message"]="登陆成功"; $obj["name"]=$userName; $obj["status"] = 2; } else { $obj["status"] = 0; $obj["message"] = "密码不正确!"; } } else { $obj["status"] = 0; $obj["message"] = "用户名不存在!"; } } else { $obj["status"] = 0; $obj["message"] = "参数错误!"; }} else if ($order == 2) { session_destroy(); $obj["status"] = 1;}echo json_encode($obj);
0 0
- php登陆界面 +bootstrap mysql json
- bootstrap div模块 组成的登陆界面
- ASP.NET MVC登陆界面(结合bootstrap)
- 2017/12/19 bootstrap登陆界面样式
- PHP&MySQL登陆模块
- php session 登陆界面(实例)
- MySQL- 配置与DOS界面登陆
- android php mysql json
- JSON+Mysql+php实现
- MYSQL界面的选择-PHP
- 登陆界面
- 登陆界面
- 登陆界面
- 登陆界面
- 登陆界面
- 登陆界面
- 登陆界面
- 登陆界面
- HDU 5732 2016多校Contest 1 Subway【找树的重心,判断树的同构】
- ubuntu 16.04 apache 开启Rewrite功能
- CXF生成webservice Client代码
- HDU 1323 Perfection
- mysql存储过程 loop循环
- php登陆界面 +bootstrap mysql json
- sql中的(+)
- PHP扩展开发—windows开发环境搭建
- javascript实现图片预览
- poj3254 状态压缩dp-Corn Fields
- 关于点击一个notification后,都会打开Activity的路径设置
- Vlc for Android 全面阐述
- Mac OS下安装mysql及其简单使用
- jQuery事件