login

最新推荐文章于 2023-11-14 18:34:15 发布
最新推荐文章于 2023-11-14 18:34:15 发布
阅读量710 收藏
点赞数
分类专栏： php 文章标签： php login
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vivian_shuang/article/details/52626321
版权 
需要引入jq和bootstrap
login.php
<?php
/**
 * Created by PhpStorm.
 * User: dllo
 * Date: 16/9/13
 * Time: 上午10:50
 */
session_start();
//$_SESSION["user"] = "kitty";

//echo $_SESSION["user"];
//var_dump($_COOKIE);
//setcookie(session_name(),session_id(),time()-10000,"/");
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">logo</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">产品</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">合作</a></li>
                <li><a href="#">新闻</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <?php
                    if (isset($_SESSION["user"]) && isset($_SESSION["pass"])){
                        echo " <li class=\"dropdown\">
                    <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">{$_SESSION['user']} <span class=\"caret\"></span></a>
                    <ul class=\"dropdown-menu\" role=\"menu\">
                        <li><a href=\"#\" data-toggle=\"modal\" data-target=\"#myModal\">设置</a></li>
                        <li class=\"divider\"></li>
                        <li><a href=\"javascript:signOut()\">注销</a></li>
                    </ul>
                </li>" ;
                    }else{
                        echo "<li class=\"dropdown\">
                    <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">登录 <span class=\"caret\"></span></a>
                    <ul class=\"dropdown-menu\" role=\"menu\">
                        <li><a href=\"#\" data-toggle=\"modal\" data-target=\"#myModal\">登录</a></li>
                        <li class=\"divider\"></li>
                        <li><a href=\"#\">忘记密码</a></li>
                    </ul>
                </li>";
                    }
                ?>


            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header text-center">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <img src="https://static.slightech.com/img/logo.png" alt="">
            </div>
            <div class="modal-body text-center">
                <form class="form-horizontal" role="form" method="post" action="login_api.php">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-4 control-label" >邮箱</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="inputEmail3" name="user" placeholder="邮箱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-4 control-label" >密码</label>
                        <div class="col-sm-5">
                            <input type="password" class="form-control" id="inputPassword3" name="pass" placeholder="密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <button type="submit" class="btn btn-info">登录</button>
                            <button type="submit" class="btn btn-info">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script>
    function signOut() {
        window.location.assign("login_api.php");
    }
</script>
</body>
</html>



login_api.php
<?php
/**
 * Created by PhpStorm.
 * User: dllo
 * Date: 16/9/13
 * Time: 下午3:40
 */
session_start();
if (isset($_POST["user"]) && isset($_POST["pass"])){
    $user = $_POST["user"];
    $pass = $_POST["pass"];
    mysql_connect("localhost","root","");
    mysql_select_db("0503");
    mysql_query("set names utf8");
    $sql = "SELECT * FROM user WHERE username='{$user}' AND password='{$pass}'";
    $result = mysql_query($sql);
    if (mysql_num_rows($result) > 0){
        // 存在,可以登录
        $_SESSION["user"] = $user;
        $_SESSION["pass"] = $pass;
        header("Location:login.php");
    }else{
        // 用户名密码错误
        header("location:login.php");
    }
}else{
    setcookie(session_name(),session_id(),time()-10000,"/");
    header("location:login.php");
}

Vivian_shuang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bootstrap 免费登陆页面、登陆表单（共三款）
11-09
bootstrap-login-forms.zip bootstrap-login-forms.zip bootstrap 免费登陆页面、登陆表单（共三款）
基于Bootstrap的登录&注册模板（html+css）
皮埃尔的博客
01-28 1万+
基于Bootstrap的登录&注册模板（html+css），适合django等框架，可直接修改对接后端。
[前端]基于Bootstrap搭建登录页面，保姆级讲解，面面俱到~~~
qq_41604569的博客
04-05 2万+
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。在前端页面设计占有一定份额，今天手把手带你整除登录界面，最后的结果图如下： 页面要求 主要： 用户名 密码 同意单选框 登录按钮 修饰： 边框 阴影 开撸 1.新建一个login_demo.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>LoginDe
bootstrap实现登录注册界面
热门推荐
hugejihu9的专栏
10-17 6万+
文章来自：源码在线https://www.shengli.me/css/65.html；   Bootstrap是一个Web前端开发框架，使用它提供的css、js文件可以简单、方便地美化HTML控件。Bootstrap框架为各种控件定义好了很多的类（class），在引入相关文件后，为控件添加相应的类，就可以看到想要的样子了，它使开发更快捷，更简单了......   bootstrap官网地...
Bootstrap登录页面制作（十三）
dengfengling999的博客
12-03 1584
创建web项目 引入bootstrap： 创建login页面引入bootstrap： 刷新页面F12在NetWork查看是否引入成功： 修改表单： 全部登录代码：
LogIn_login_
10-02
Login simple web app
login.php 代码,php中的登陆login实例代码，phplogin实例代码_PHP教程
weixin_39759270的博客
03-18 1583
php中的登陆login实例代码，phplogin实例代码本文实例为大家分享了php中的登陆login具体实现代码，供大家参考，具体内容如下exec_SQL($SQL);$total=mysql_num_rows($result);if($total==0){DBClose();Go_Msg("注册用户还没有通过管理员审核或用户名及密码不符！请重新输入！","../default.html");e...
运用 bootstrap 创建简单的登陆界面
m0_73384165的博客
08-15 2464
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。​Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
Django+bootstrap启动登录模板页面（Django第三篇）
qq_38175040的博客
03-04 1万+
上次用Django启动了我的第一个页面 具体步骤参考：初步启动Django 启动第一个页面 但是页面非常简陋，所以我从网上找了个模板，下载网址：
bootstrap-4-login-page：Bootstrap 4登录页面模板
01-30
我的登入 Bootstrap 4登录页面模板 我的登录名是Bootstrap 4登录页代码段，您可以根据需要使用它，并且可以免费用于个人或商业用途。 安装 让我们轻松一点！ 只需下载此模板，然后在您的项目中使用它即可。 演示版 产品特点 Bootstrap 4.1.3 Bootstrap 4验证 W3C验证 jQuery 1.12.4 包括4页（登录，注册，忘记密码，重置密码） 干净的设计 显示/隐藏密码 易于使用 跨浏览器兼容性（Chrome，Firefox，Opera，IE11，Safari） 全面响应 和更多 ... 报告一些错误 发现错误？ 请，我们将一起解决此以获得更好的模板。 贡献 始终欢迎并推荐贡献！ 方法如下： 分叉存储库（）。 克隆到您的机器上git clone 进行更改 创建请求请求 变更日志 2017年8月29日 添加 W3C验证 Bootstrap 4验证表 更新 Bootstrap 4版本 2017年8月29日 初始发行 寻找免费的管理模板？ 斯蒂斯拉在等你。 。 给我买杯咖啡 支持我:) 执照
4个bootstrap登录界面
07-12
4个bootstrap登录界面
简单通用登录页面模板 bootstrap登录页面 html页面
01-18
简单通用登录页面模板，用户登录界面模板，有表单验证功能。
BootStrap用户登录界面的实现
11-29
本压缩包包含 BootStrap用户登录界面的实现，并且通过 jquery validate验证信息
使用PHP创建登录界面并连接MySQL数据库
Cathy121381314的博客
09-10 1398
使用PHP构建简单的登录界面，并学会创建MySQL数据库，插入数据和连接数据库
2023.11.14使用bootstrap制作一个简洁的前端注册登录页
leigh_chen的博客
11-14 1396
比较简洁的登录页，主要是为自己开发的一些平台页面做测试用，前端具备功能如下： （1）输入用户名、密码，需补充后端验证代码。 （2）预留注册链接。 （3）预留忘记密码链接。 （4）可自动生成验证码，需补充后端验证代码。 （5）响应式网页。 （6）使用bootstrap进行美化。
php小项目-登录和注册的实现
~~~
11-09 1万+
本项目搭建了一个简单的页面，用php+mysql来实现登录、注册以及注销的功能。
php实现登录的例子
要把所有那些负面的信息当做对自身行为的评价，而不是对自身价值的评判。
08-08 971
【代码】php实现登录的例子。
banner login
最新发布
04-21
Banner login是一种在计算机系统中显示欢迎信息和登录提示的功能。当用户登录到系统时，系统会显示一个称为"banner"的信息，通常包含系统名称、版本号、版权信息等。这个功能可以用于提醒用户使用规则、法律声明或者...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值