PHP为任意页面设置访问密码

mengkun 1,747 35

最近在全力开发一个新的项目,导致博客又荒废快一个月了[aru_39]今天抽出点时间除除草……

呐,本篇内容就如标题所说的,用于给任意的页面设置访问密码。全部代码都在下头了↓↓↓使用后的效果同https://mkblog.cn/1634/

本篇完……(溜了溜了,继续潜水[aru_75])

<?php

/********************************************
 * 使用方法:
 * 
 * 1、将本段代码保存为 MkEncrypt.php
 * 
 * 2、在要加密的页面前面引入这个 php 文件   
 *  require_once('MkEncrypt.php');
 * 
 * 3、设置页面访问密码 
 *  MkEncrypt('页面密码');
 * 
********************************************/

// 密码 Cookie 加密盐
if(!defined('MK_ENCRYPT_SALT'))
    define('MK_ENCRYPT_SALT', 'Kgs$JC!V');

/**
 * 设置访问密码
 * 
 * @param $password  访问密码
 * @param $pageid    页面唯一 ID 值,用于区分同一网站的不同加密页面
 */
function MkEncrypt($password, $pageid = 'default') {
    $pageid     = md5($pageid);
    $md5pw      = md5(md5($password).MK_ENCRYPT_SALT);
    $postpwd    = isset($_POST['pagepwd']) ? addslashes(trim($_POST['pagepwd'])) : '';
    $cookiepwd  = isset($_COOKIE['mk_encrypt_'.$pageid]) ? addslashes(trim($_COOKIE['mk_encrypt_'.$pageid])) : '';
    
    if($cookiepwd == $md5pw) return;    // Cookie密码验证正确
    
    if($postpwd == $password) {         // 提交的密码正确
        setcookie('mk_encrypt_' . $pageid, $md5pw, time() + 3600000, '/');
        return;
    }
?>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="renderer" content="webkit"> 
    <meta name="author" content="mengkun">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>该页面已被加密</title>
    <style type="text/css">
    *{font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Helvetica,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;box-sizing:border-box;margin:0px;padding:0px;font-size:14px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
    html,body{width:100%;height:100%}
    body{background-color:#F4F6F9;color:#768093}
    input,button{font-size:1em;border-radius:3px;-webkit-appearance:none}
    input{width:100%;padding:5px;box-sizing:border-box;border:1px solid #e5e9ef;background-color:#f4f5f7;resize:vertical}
    input:focus{background-color:#fff;outline:none}
    button{border:0;background:#6abd09;color:#fff;cursor:pointer;opacity:1;user-select:none}
    button:hover,button:focus{opacity:.9}
    button:active{opacity:1}
    .main{width:100%;max-width:500px;height:300px;padding:30px;background-color:#fff;border-radius:2px;box-shadow:0 10px 60px 0 rgba(29,29,31,0.09);transition:all .12s ease-out;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;text-align:center}
    .alert{width:80px}
    .mk-side-form{margin-bottom:28px}
    .mk-side-form input{float:left;padding:2px 10px;width:77%;height:37px;border:1px solid #ebebeb;border-right-color:transparent;border-radius:2px 0 0 2px;line-height:37px}
    .mk-side-form button{position:relative;overflow:visible;width:23%;height:37px;border-radius:0 2px 2px 0;text-transform:uppercase}
    .pw-tip{font-weight:normal;font-size:26px;text-align:center;margin:25px auto}
    #pw-error {color: red;margin-top: 15px;margin-bottom: -20px;}
    .return-home{text-decoration:none;color:#b1b1b1;font-size:16px}
    .return-home:hover{color:#1E9FFF;letter-spacing:5px}
    </style>
</head>
<body>
    <div class="main">
        <svg class="alert" viewBox="0 0 1084 1024" xmlns="http://www.w3.org/2000/svg" width="80" height="80">
            <defs><style/></defs>
            <path d="M1060.744 895.036L590.547 80.656a55.959 55.959 0 0 0-96.919 0L22.588 896.662a55.959 55.959 0 0 0 48.43 83.907h942.14a55.959 55.959 0 0 0 47.525-85.534zm-470.619-85.172a48.008 48.008 0 1 1-96.015 0v-1.567a48.008 48.008 0 1 1 96.015 0v1.567zm0-175.345a48.008 48.008 0 1 1-96.015 0V379.362a48.008 48.008 0 1 1 96.015 0v255.157z" fill="#FF9800"/>
        </svg>
        
        <form action="" method="post" class="mk-side-form">
            <h2 class="pw-tip">该页面已被加密</h2>
            <input type="password" name="pagepwd" placeholder="请输入访问密码查看" required><button type="submit">提交</button>
            <?php if($postpwd): ?>
            <p id="pw-error">Oops!密码不对哦~</p>
            <script>setTimeout(function() {document.getElementById("pw-error").style.display = "none"}, 2000);</script>
            <?php endif; ?>
        </form>
        <a href="/" class="return-home" title="点击回到网站首页">- 返回首页 - </a>
    </div>
</body>
</html>
<?php
    exit();
}

后记

是不是觉得有点水?我也这么觉得,哈哈哈哈……[aru_16]

打赏
发表评论
表情 图片 链接 代码

  1. 365cent
    365cent Lv 1

    围观大佬,啊,演示页面好像打不开[aru_2]

    • mengkun
      mengkun 站长

      @365cent这篇内容压根就没有演示页面啊[aru_2]

  2. 人心太拥挤
    人心太拥挤 Lv 1

    进来查查水表[aru_47]

  3. 完美者
    完美者 Lv 5

    加紧灌到100楼,就更新了

    • mengkun
      mengkun 站长

      @完美者今天更新了一天的博客。
      一大早就重装系统,下午四点多才弄好。

  4. 完美者
    完美者 Lv 5

    我准备接管这里了[aru_164]

  5. 这个是高手

    这个是高手 这个是高手 这个是高手

  6. 皓淇网络

    测试了一下,文字都显示乱码,不知道哪里的问题,帮我看看呗 http://pdd.haoq66.cn/zb/

  7. 266277
    266277 Lv 4

    其实我之前昵称是266277,现在一打266277就会变出来一个别的的昵称(不想要自动匹配QQ名)
    还有发现了这个文章的预览图每次都是不一样的
    顺带催更

    • mengkun
      mengkun 站长

      @266277加一个空格就不会自动识别 QQ 号了[aru_61]
      预览图不一样是因为这篇压根没有预览图,所以显示随机图像
      更新是不可能更新的,这辈子是不可能更新的[aru_11]

  8. 605623325
    605623325 Lv 1

    为什么孟坤博客更新的内容越来越少

  9. 完美者
    完美者 Lv 5

    又两周了,催更催更

  10. 小卡就是卡卡

    孟坤。咱们能互换友链吗?
    https://www.bigbiy.com

  11. 赞同
    赞同 Lv 1

    你好,电脑壁纸这个网站的分类不显示了,是不是官方更改了位置啊?求解更新一下

  12. 1
    1 Lv 4

    html怎么引入php文件(头疼,百度的看不懂)

    • mengkun
      mengkun 站长

      @1html 不能引入 php 文件……

  13. 8566666666577
    8566666666577 Lv 2

    大佬orz

  14. Langlangago
    Langlangago Lv 1

    大佬orz

  15. 完美者
    完美者 Lv 5

    表示看不懂,请翻译成中文发布,谢谢

  16. 1
    1 Lv 2
    function getScrollTop() {
        let scrollTop = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop
        } else if (document.body) {
            scrollTop = document.body.scrollTop
        }
        return scrollTop;
    }

    这段代码什么意思?

  17. 乐享
    乐享 Lv 4

    有更就行[aru_61]

  18. 晓超云博客

    前排围观大佬[aru_1]

  19. 杨小杰博客

    这也太水 了,不像你的风格啊

  20. 杰新博客

    哈哈,好久没见了。总算更博了![aru_2]

  21. 知否
    知否 Lv 1

    前排围观大佬博客更新[wb_给力]

  22. 小白-白
    小白-白 Lv 2

    所以这次的沙发是我的了?

分享
微信
微博
QQ