二十四の橋 月夜24

フォームに検証コードが実装されることが増えてきましたが、jsで書かれた検証コードはどうしても不便に感じるので、phpで実装される検証コードを学びました。

まあ、実際には何もすることがなかったのですが、時間を無駄にしたくなかったので、PHPで検証コードを実装する方法を学びました。ことわざにあるように、スキルが多すぎても負担にはなりません。さらに、関数にカプセル化することもできます。これは将来の使用に非常に便利です。もちろん、現在はカプセル化されていません。

それでは、単純な純粋にデジタルな確認コードについて話しましょう。

初心者の方は、私のコード //number のコメントを段階的にフォローすることをお勧めします。最も簡単な方法は、コード全体をコピーすることです。

新しい captcha.php を作成します:

<span>php
    </span><span>//</span><span>10>设置session,必须处于脚本最顶部</span><span>session_start</span><span>();

    </span><span>$image</span> = imagecreatetruecolor(100, 30);        <span>//</span><span>1>设置验证码图片大小的函数
    //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);</span><span>$bgcolor</span> = imagecolorallocate(<span>$image</span>,255,255,255); <span>//</span><span>#ffffff
    //6>区域填充 int imagefill(int im, int x, int y, int col)  (x,y) 所在的区域着色,col 表示欲涂上的颜色</span>    imagefill(<span>$image</span>, 0, 0, <span>$bgcolor</span><span>);
    </span><span>//</span><span>10>设置变量</span><span>$captcha_code</span> = ""<span>;
    </span><span>//</span><span>7>生成随机数字</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置字体大小</span><span>$fontsize</span> = 6<span>;        
        </span><span>//</span><span>设置字体颜色，随机颜色</span><span>$fontcolor</span> = imagecolorallocate(<span>$image</span>, <span>rand</span>(0,120),<span>rand</span>(0,120), <span>rand</span>(0,120));            <span>//</span><span>0-120深颜色
        //设置数字</span><span>$fontcontent</span> = <span>rand</span>(0,9<span>);
        </span><span>//</span><span>10>.=连续定义变量</span><span>$captcha_code</span> .= <span>$fontcontent</span><span>;    
        </span><span>//</span><span>设置坐标</span><span>$x</span> = (<span>$i</span>*100/4)+<span>rand</span>(5,10<span>);
        </span><span>$y</span> = <span>rand</span>(5,10<span>);

        imagestring(</span><span>$image</span>,<span>$fontsize</span>,<span>$x</span>,<span>$y</span>,<span>$fontcontent</span>,<span>$fontcolor</span><span>);
    }
    </span><span>//</span><span>10>存到session</span><span>$_SESSION</span>['authcode'] = <span>$captcha_code</span><span>;
    </span><span>//</span><span>8>增加干扰元素，设置雪花点</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置点的颜色，50-200颜色比数字浅，不干扰阅读</span><span>$pointcolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(50,200), <span>rand</span>(50,200), <span>rand</span>(50,200<span>));        
        </span><span>//</span><span>imagesetpixel — 画一个单一像素</span>        imagesetpixel(<span>$image</span>, <span>rand</span>(1,99), <span>rand</span>(1,29), <span>$pointcolor</span><span>);
    }
    </span><span>//</span><span>9>增加干扰元素，设置横线</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置线的颜色</span><span>$linecolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(80,220), <span>rand</span>(80,220),<span>rand</span>(80,220<span>));
        </span><span>//</span><span>设置线，两点一线</span>        imageline(<span>$image</span>,<span>rand</span>(1,99), <span>rand</span>(1,29),<span>rand</span>(1,99), <span>rand</span>(1,29),<span>$linecolor</span><span>);
    }

    </span><span>//</span><span>2>设置头部，image/png</span><span>header</span>('Content-Type: image/png'<span>);
    </span><span>//</span><span>3>imagepng() 建立png图形函数</span>    imagepng(<span>$image</span><span>);
    </span><span>//</span><span>4>imagedestroy() 结束图形函数  销毁$image</span>    imagedestroy(<span>$image</span>);

次のステップは、静的ページのコードです:index.html

<span><span>doctype html</span><span>></span><span><span>html</span><span>></span><span><span>head</span><span>></span><span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html; charset=UTF-8"</span><span>></span><span><span>title</span><span>></span>确认验证码<span></span><span>title</span><span>></span><span></span><span>head</span><span>></span><span><span>body</span><span>></span><span><span>form </span><span>method</span><span>="post"</span><span> action</span><span>="./form.php"</span><span>></span><span><span>p</span><span>></span>验证码: <span><span>img </span><span>id</span><span>="captcha_img"</span><span> border</span><span>='1' </span><span>src</span><span>='./captcha.php?r=<?php </span><span>echo rand(); ?</span><span>></span><span>' />
                </span><span><span>a </span><span>href</span><span>="javascript:void(0)"</span><span> onclick</span><span>="document.getElementById('captcha_img').src='./captcha.php?r='+Math.random()"</span><span>></span>换一个?<span></span><span>a</span><span>></span><span></span><span>p</span><span>></span><span><span>P</span><span>></span>请输入验证码:<span><span>input </span><span>type</span><span>="text"</span><span> name</span><span>='authcode' </span><span>value</span><span>=''</span><span>/></span><span>p</span><span>></span><span><span>p</span><span>><span>input </span><span>type</span><span>='submit' </span><span>value</span><span>='提交' </span><span>style</span><span>='padding:6px </span><span>5px;'</span><span>/></span><span>p</span><span>></span><span></span><span>body</span><span>></span><span></span><span>html</span><span>></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>

Index.html からわかるように、送信されたformはform.phpなので、判定用のform.phpコードもあります:

<span>php
    </span><span>header</span>("Content-Type:text/html;charset=utf-8");            <span>//</span><span>设置头部信息
    //isset()检测变量是否设置</span><span>if</span>(<span>isset</span>(<span>$_REQUEST</span>['authcode'<span>])){
        </span><span>session_start</span><span>();
        </span><span>//</span><span>strtolower()小写函数</span><span>if</span>(<span>strtolower</span>(<span>$_REQUEST</span>['authcode'])== <span>$_SESSION</span>['authcode'<span>]){
            </span><span>//</span><span>跳转页面</span><span>echo</span> "<script language='\"javascript\"'>"<span>;
            <span>echo "document.location=\"./form.php\""<span>;
            <span>echo "</script>"<span>;
        }</span><span>else</span><span>{
            </span><span>//</span><span>提示以及跳转页面</span><span>echo</span> "<script language='\"javascript\"'>"<span>;
            <span>echo "alert('输入错误!');"<span>;
            <span>echo "document.location=\"./form.php\""<span>;
            <span>echo "</script>"<span>;
        }
        </span><span>exit</span><span>();
    }</span>

表示ページは以下の通りです:

あとは純粋な数値を実装すれば難しくないはずです。数字と英語を追加します。修正するコードは、captcha.phpの //7>Generate Random Number を //7>Generate Random Letter and Numbers に変更するだけです。これらのいくつかの単語を修正すればそれが達成できると考えてください。そうすれば、おめでとうございます、そしてあなたは常に幸せになるでしょう。脳に障害のある子供たちはとても楽しんでいます。

早速、コードを引っ張ってみましょう。

<span>php
    </span><span>//</span><span>10>设置session,必须处于脚本最顶部</span><span>session_start</span><span>();

    </span><span>$image</span> = imagecreatetruecolor(100, 30);        <span>//</span><span>1>设置验证码图片大小的函数
    //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);</span><span>$bgcolor</span> = imagecolorallocate(<span>$image</span>,255,255,255); <span>//</span><span>#ffffff
    //6>区域填充 int imagefill(int im, int x, int y, int col)  (x,y) 所在的区域着色,col 表示欲涂上的颜色</span>    imagefill(<span>$image</span>, 0, 0, <span>$bgcolor</span><span>);
    </span><span>//</span><span>10>设置变量</span><span>$captcha_code</span> = ""<span>;
    </span><span>//</span><span>7>生成随机的字母和数字</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置字体大小</span><span>$fontsize</span> = 8<span>;        
        </span><span>//</span><span>设置字体颜色，随机颜色</span><span>$fontcolor</span> = imagecolorallocate(<span>$image</span>, <span>rand</span>(0,120),<span>rand</span>(0,120), <span>rand</span>(0,120));            <span>//</span><span>0-120深颜色
        //设置需要随机取的值,去掉容易出错的值如0和o</span><span>$data</span> ='abcdefghigkmnpqrstuvwxy3456789'<span>;
        </span><span>//</span><span>取出值，字符串截取方法   strlen获取字符串长度</span><span>$fontcontent</span> = <span>substr</span>(<span>$data</span>, <span>rand</span>(0,<span>strlen</span>(<span>$data</span>)),1<span>);
        </span><span>//</span><span>10>.=连续定义变量</span><span>$captcha_code</span> .= <span>$fontcontent</span><span>;        
        </span><span>//</span><span>设置坐标</span><span>$x</span> = (<span>$i</span>*100/4)+<span>rand</span>(5,10<span>);
        </span><span>$y</span> = <span>rand</span>(5,10<span>);

        imagestring(</span><span>$image</span>,<span>$fontsize</span>,<span>$x</span>,<span>$y</span>,<span>$fontcontent</span>,<span>$fontcolor</span><span>);
    }
    </span><span>//</span><span>10>存到session</span><span>$_SESSION</span>['authcode'] = <span>$captcha_code</span><span>;
    </span><span>//</span><span>8>增加干扰元素，设置雪花点</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置点的颜色，50-200颜色比数字浅，不干扰阅读</span><span>$pointcolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(50,200), <span>rand</span>(50,200), <span>rand</span>(50,200<span>));        
        </span><span>//</span><span>imagesetpixel — 画一个单一像素</span>        imagesetpixel(<span>$image</span>, <span>rand</span>(1,99), <span>rand</span>(1,29), <span>$pointcolor</span><span>);
    }
    </span><span>//</span><span>9>增加干扰元素，设置横线</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置线的颜色</span><span>$linecolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(80,220), <span>rand</span>(80,220),<span>rand</span>(80,220<span>));
        </span><span>//</span><span>设置线，两点一线</span>        imageline(<span>$image</span>,<span>rand</span>(1,99), <span>rand</span>(1,29),<span>rand</span>(1,99), <span>rand</span>(1,29),<span>$linecolor</span><span>);
    }

    </span><span>//</span><span>2>设置头部，image/png</span><span>header</span>('Content-Type: image/png'<span>);
    </span><span>//</span><span>3>imagepng() 建立png图形函数</span>    imagepng(<span>$image</span><span>);
    </span><span>//</span><span>4>imagedestroy() 结束图形函数  销毁$image</span>    imagedestroy(<span>$image</span>);

他の 2 つのページは変更できません。

一般的に言えば、今のところは十分です。しかし、アニメと同じように、必ずエキストラが存在します。

それでは、漢字についての余談をしましょう。実は私も卒業制作に漢字認証コードを入れようと考えているんですが、今スライド認証コードが流行っているんですが、結局のところ私はjsの学習に特化していないんです。

さらに、弁護側の教師に、私たちの確認コードには資料は必要なく、写真も生成され、自分の知識を使用して13歳のふりをすることができ、何も設定する必要がないことを伝えることもできます。

<span>php
    </span><span>//</span><span>11>设置session,必须处于脚本最顶部</span><span>session_start</span><span>();

    </span><span>//</span><span>1>设置验证码图片大小的函数</span><span>$image</span> = imagecreatetruecolor(200, 60<span>);        
    </span><span>//</span><span>5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);</span><span>$bgcolor</span> = imagecolorallocate(<span>$image</span>,255,255,255); <span>//</span><span>#ffffff
    //6>区域填充 int imagefill(int im, int x, int y, int col)  (x,y) 所在的区域着色,col 表示欲涂上的颜色</span>    imagefill(<span>$image</span>, 0, 0, <span>$bgcolor</span><span>);
    </span><span>//</span><span>7>设置ttf字体</span><span>$fontface</span> = 'FZYTK.TTF'<span>;
    </span><span>//</span><span>7>设置字库，实现简单的数字储备</span><span>$str</span>='天地不仁以万物为刍狗圣人不仁以百姓为刍狗这句经常出现在控诉暴君暴政上地残暴不仁把万物都当成低贱的猪狗来看待而那些高高在上的所谓圣人们也没两样还不是把我们老百姓也当成猪狗不如的东西但实在正取的解读是地不情感用事对万物一视同仁圣人不情感用事对百姓一视同仁执子之手与子偕老当男女主人公含情脉脉看着对方说了句执子之手与子偕老女方泪眼朦胧含羞地回一句讨厌啦这样的情节我们是不是见过很多但是我们来看看这句的原句死生契阔与子成说执子之手与子偕老于嗟阔兮不我活兮于嗟洵兮不我信兮意思是说战士之间的约定说要一起死现在和我约定的人都走了我怎么活啊赤裸裸的兄弟江湖战友友谊啊形容好基友的基情比男女之间的爱情要合适很多吧'<span>;
    </span><span>//</span><span>str_split()切割字符串为一个数组,一个中文在utf_8为3个字符</span><span>$strdb</span> = <span>str_split</span>(<span>$str</span>,3<span>);    
    </span><span>//</span><span>>11</span><span>$captcha_code</span> = ''<span>;
    </span><span>//</span><span>8>生成随机的汉子</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置字体颜色，随机颜色</span><span>$fontcolor</span> = imagecolorallocate(<span>$image</span>, <span>rand</span>(0,120),<span>rand</span>(0,120), <span>rand</span>(0,120));            <span>//</span><span>0-120深颜色
        //随机选取中文</span><span>$in</span> = <span>rand</span>(0,<span>count</span>(<span>$strdb</span><span>));
        </span><span>$cn</span> = <span>$strdb</span>[<span>$in</span><span>];
        </span><span>//</span><span>将中文记录到将保存到session的字符串中</span><span>$captcha_code</span> .= <span>$cn</span><span>;
        </span><span>/*</span><span>imagettftext (resource $image ,float $size ,float $angle ,int $x ,int $y,int $color,
        string $fontfile ,string $text ) 幕布 ，尺寸，角度，坐标，颜色，字体路径，文本字符串
        mt_rand()生成更好的随机数,比rand()快四倍</span><span>*/</span><span>        imagettftext(</span><span>$image</span>, <span>mt_rand</span>(20,24),<span>mt_rand</span>(-60,60),(40*<span>$i</span>+20),<span>mt_rand</span>(30,35),<span>$fontcolor</span>,<span>$fontface</span>,<span>$cn</span><span>);
    }
    </span><span>//</span><span>11>存到session</span><span>$_SESSION</span>['authcode'] = <span>$captcha_code</span><span>;
    </span><span>//</span><span>9>增加干扰元素，设置点</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置点的颜色，50-200颜色比数字浅，不干扰阅读</span><span>$pointcolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(50,200), <span>rand</span>(50,200), <span>rand</span>(50,200<span>));        
        </span><span>//</span><span>imagesetpixel — 画一个单一像素</span>        imagesetpixel(<span>$image</span>, <span>rand</span>(1,199), <span>rand</span>(1,59), <span>$pointcolor</span><span>);
    }
    </span><span>//</span><span>10>增加干扰元素，设置线</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置线的颜色</span><span>$linecolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(80,220), <span>rand</span>(80,220),<span>rand</span>(80,220<span>));
        </span><span>//</span><span>设置线，两点一线</span>        imageline(<span>$image</span>,<span>rand</span>(1,199), <span>rand</span>(1,59),<span>rand</span>(1,199), <span>rand</span>(1,59),<span>$linecolor</span><span>);
    }

    </span><span>//</span><span>2>设置头部，image/png</span><span>header</span>('Content-Type: image/png'<span>);
    </span><span>//</span><span>3>imagepng() 建立png图形函数</span>    imagepng(<span>$image</span><span>);
    </span><span>//</span><span>4>imagedestroy() 结束图形函数  销毁$image</span>    imagedestroy(<span>$image</span>);

他のページは修正する必要はありません。

レンダリングは以下の通りです:

以上、月夜二十四橋を関連内容も含めて紹介しましたが、PHP チュートリアルに興味のある友人の参考になれば幸いです。