検索
ホームページバックエンド開発PHPチュートリアルNetEase、美容には予約ログイン効果があります_PHP チュートリアル

NetEase、美容には予約ログイン効果があります_PHP チュートリアル

Jul 20, 2016 am 11:05 AM
そして本質的なもの関数仕上げる私たち解体する効果見せるログインネットイース透明隠れる

まずは上記で分解した関数を完成させましょう!
1.透明レイヤー (表示と非表示)
主流のブラウザで透明効果を実現するには、次のスタイルを同時に設定することが重要です。

filter= 'Alpha(Opacity=50)';
MozOpacity ='0.5';
opacity='0.5';


透明レイヤー上でリアルなものを複数ソースで表現するこのエフェクトはご存知の方も多いかもしれません。ライトボックスといいます。ここでも次のように名前を付けました:

function Lightbox(id)
{
This.box = this.createBox();
this.id = id||'lightbox_id';
}
Lightbox.prototype=
{
createbox:{var box.getelementbyid(this.id)|| createelement( 'div');
Hide:function(){
this.box.style.display = 'none';フォーム送信 (ajax または iframe)
Thunlei は iframe について説明します。
iframe はフォームの target 属性を iframe の名前に設定するだけです。 iframeのonload属性を設定すると、フォーム送信完了時に対応する処理を実行します。







を使用する場合ajax のコードも非常にシンプルです。おそらく、誰もが異なる JS フレームワークを使用していると思います。しかし、それらのほとんどは似ており、誰でも一目でそれらが何を意味するかわかると思います。
ここではカテゴリーを列挙しません。カテゴリーの使い方についてだけ書きます。
これは実際には、『ajax in action』ブックに記載されているネット クラスです。

/*文字化けを避けるために encodeURIComponent を使用すればよいのではないかと思われるかもしれませんが、ここで encodeURIComponent を使用する必要はありません。クラス内で呼び出されています*/
/**
* 'login.php': ログイン認証ページ [ナンセンス]
* Login.checkLogin: ajax コールバック関数 [ナンセンス]
* loadXMLDoc のパラメータ、フォームで渡されるデータ [ナンセンス]
*/

new Ajax('login.php' , Login.CheckLogin) .loadxmldoc ({
ユーザー名: document.GetelementByid ('ユーザー名').値、
パスワード: Document.GetelementByid ('PasSword' ).VCode: Document.GetelementByid ('vcode ') 値
});

3. Cookieの表示・非表示や操作を選択します。
selectはdivでブロックできないので殺してしまいましょう!

var Select={

using using using var selects through using through out through out through out out through out off ‐ ‐ ‐ to = "表示"
},
Hide: function () {
var selects = document.GetelementsBytagName ('select');
for (varm m = 0; selects.Length; ) Selects [m] .style .visibility = "hidden";


も Cookie のセットを準備する必要があります。ネットワークの最大の利点: 一部の問題については、何をすべきかを知るだけで済みます。
フォーラムを検索して見つけました
http://www.phpchina.com/bbs/view ... a=page=1&sid=4jSn3r

4+ または ns6+

Cookienabled == "未定義" &&! Cookieenabled) {
document.cookie = "testCookie";
cookieenabled = (Document.cookie == "TESTCOKIE")? True : falsedocument.cookie = "" ";
}
// No (Cookie が有効) の場合 {
Return True;}} Else {
Return false;
}},
add: function (name, value,expirours) {
VAR COOKIESTRING = name+"="+エスケープ (値) ;
expireHours*3600*1000);
cookieString=cookieString+";expired= "+date.toGMTString();
.cookie;
var arrCookie=strCookie.split("; ");
用( var m=0;m arr=arrCookie[m]. return unescape(arr[ 1]); var date=new Date();
date.setTime(date.getTime() -10000);
document.cookie=name+"=;expire="+date.toGMTString();先ほどのコールバック関数と背景の 2 つのページ
最後に、前述のコールバック関数 Login.checkLogin について説明します。 Login.loginSuccess にログイン後に行うべきことを記述するだけです。最後に、便宜のために少し変更しました。

/* ここでは Cookie がサポートされているかどうかのチェックは行われません。Cookie がサポートされていない場合は、ログイン ウィンドウが表示されません。 * /

varlogin =

{
/通常、ログインの前後でページ全体のさまざまな部分が処理されます。リロードできます */
loginSuccess:function(){ document.getElementById('login_result').innerHTML=Cookie.get('username')+'すでにログインしています';

alert('ログイン成功!') ;

},
/*これは、ログインが失敗した場合に行う必要があることです。通常、ログインの前後でページ全体のさまざまな部分が処理されます。リロードできます */
loginOutSuccess:function(){ document.getElementById('login_result').innerHTML=Cookie.get('username')+'正常に終了しました';
alert('正常に終了しました!') ; (); );
}else if(Login.statu ();
}else if(Login.statu==1 )(ify_code').src='v code.php?cachetime='+new Date().getTime? ();
},
loginOut:function(){
Login.statu=2;
document.getElementById('login_submit_iframe').contentWindow.location='loginout .php'; }
}


勝ちますバックグラウンド コードについては詳しく説明しません。システムごとに独自の違いがあります。ここにテスト コードを投稿し、これらのファイルが何を行うべきかを説明します。必要なのは、ページにこれらの機能があることを確認することだけです。


/**
* ヘッダーに設定されている文字エンコーディング形式はフロントデスクの形式と一致している必要があります。そうしないと、全角文字が表示されると文字化けが発生します。
* その他の内容は、setCookie を使用して Cookie に書き込んでフロントデスクに送信できます。
* ログインの成功を示す「loginStatu」は 1 に設定する必要があり、残りはログインの処理方法によって異なります
*/
header('content-type:text/html; charset=utf-8');
session_start();
$username = 'phpchina';
$パスワード = 'phpchina';
if($username==$_POST['username']&&$password==$_POST['password']&&$_SESSION['vcode']==$_POST['vcode']) {
setcookie('username','phpchina');
setcookie('loginStatu','1');
}?>

/*認証コード プログラムについては言うまでもありません。私はテストのためにここにいるので、ランダムに時間をかけて検証コードを作成しました*/
session_start();
$_SESSION['vcode'] = substr(time(),-4);
$ im = imagecreatetruecolor(40, 20);
$bg = imagecolorallocate($im, 225, 225, 225);
$textcolor = imagecolorallocate($im, 0, 0, 0);
imagefill($im,1, 1 ,$bg);
imagestring($im, 5, 0, 0, $_SESSION['vcode'], $textcolor);
header("Content-type:image/jpeg");
imagejpeg($im) ;
?>

最後に、LoginDialog クラスを理解するプロセス全体を見てみましょう:

function LoginDialog(formid)
{
this.dialog = document.getElementById(formid||'login_box');
this .overDiv = this.overDiv |new Lightbox();
}
LoginDialog.prototype =
{
show:function(){
if(!Cookie.check()){alert('お使いのブラウザは Cookie をサポートしていません。正常にログインできません'); Return} l Else if (cookie.get ('loginstatu') == 1) {Alert ('ログインしました!');
login.stata = 1; .show ();
選択します。 Hide();
Login.getVcode();
this.dialog.style.display='';
},
Hide:function(){
Login.statu=0;
this .overDiv.hide();
Select.show()
This.dialog.style.display='none';
}
}

主に show()

hide() を見て操作を復元します

//Cookie がサポートされていない場合はエラーが表示され、終了します

if(!Cookie.check()){alert('お使いのブラウザは Cookie をサポートしていないため、正常にログインできません');return}


//Cookie がサポートされている場合がサポートされており、cookie.loginstatu の値が 1 である場合、ログインしていることを意味します。再度ログインする必要はありません。

else if(Cookie.get('loginStatu')==1){alert('ログインしました!');return}


//Set Login.statu=1; は、ログイン操作が現在進行中であることを示します。

Login.statu =1;


//透明背景レイヤー表示

this.overDiv.show();


//selectを非表示

Select.hide();


//確認コードを更新

Login.getVcode() ;


/ /ログインウィンドウを表示します

this.dialog.style.display='';

上記の手順を完了した後、フォームを送信するには iframe または ajax の 2 つの方法があります。
フォームを送信した後:
iframe フォームで送信された場合、iframe の onload イベントは Login.checkLogin() を呼び出します。チェックが成功すると、それに応じて Login.loginSuccess() と Login.loginOutSuccess() が呼び出されます。
そしてajaxはLogin.checkLoginをコールバック関数として有効化します。
したがって、ログイン成功後の動作は Login.loginSuccess() と Login.loginOutSuccess() によって決まります。使用するときはリロードするだけです。


http://www.bkjia.com/PHPjc/445128.html

tru​​ehttp://www.bkjia.com/PHPjc/445128.html技術記事まずは上記で分解した関数を完成させましょう! 1.透明レイヤー (表示と非表示) 重要なのは、主流のブラウザーで透明効果を実現するには、次のスタイルを同時に設定することです...
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
PHPおよびPython:さまざまなパラダイムが説明されていますPHPおよびPython:さまざまなパラダイムが説明されていますApr 18, 2025 am 12:26 AM

PHPは主に手順プログラミングですが、オブジェクト指向プログラミング(OOP)もサポートしています。 Pythonは、OOP、機能、手続き上のプログラミングなど、さまざまなパラダイムをサポートしています。 PHPはWeb開発に適しており、Pythonはデータ分析や機械学習などのさまざまなアプリケーションに適しています。

PHPとPython:彼らの歴史を深く掘り下げますPHPとPython:彼らの歴史を深く掘り下げますApr 18, 2025 am 12:25 AM

PHPは1994年に発信され、Rasmuslerdorfによって開発されました。もともとはウェブサイトの訪問者を追跡するために使用され、サーバー側のスクリプト言語に徐々に進化し、Web開発で広く使用されていました。 Pythonは、1980年代後半にGuidovan Rossumによって開発され、1991年に最初にリリースされました。コードの読みやすさとシンプルさを強調し、科学的コンピューティング、データ分析、その他の分野に適しています。

PHPとPythonの選択:ガイドPHPとPythonの選択:ガイドApr 18, 2025 am 12:24 AM

PHPはWeb開発と迅速なプロトタイピングに適しており、Pythonはデータサイエンスと機械学習に適しています。 1.PHPは、単純な構文と迅速な開発に適した動的なWeb開発に使用されます。 2。Pythonには簡潔な構文があり、複数のフィールドに適しており、強力なライブラリエコシステムがあります。

PHPとフレームワーク:言語の近代化PHPとフレームワーク:言語の近代化Apr 18, 2025 am 12:14 AM

PHPは、多数のWebサイトとアプリケーションをサポートし、フレームワークを通じて開発ニーズに適応するため、近代化プロセスで依然として重要です。 1.PHP7はパフォーマンスを向上させ、新機能を紹介します。 2。Laravel、Symfony、Codeigniterなどの最新のフレームワークは、開発を簡素化し、コードの品質を向上させます。 3.パフォーマンスの最適化とベストプラクティスは、アプリケーションの効率をさらに改善します。

PHPの影響:Web開発などPHPの影響:Web開発などApr 18, 2025 am 12:10 AM

phphassiblasifly-impactedwebdevevermentandsbeyondit.1)itpowersmajorplatformslikewordpratsandexcelsindatabase interactions.2)php'sadaptableability allowsitale forlargeapplicationsusingframeworkslikelavel.3)

スカラータイプ、リターンタイプ、ユニオンタイプ、ヌル可能なタイプなど、PHPタイプのヒントはどのように機能しますか?スカラータイプ、リターンタイプ、ユニオンタイプ、ヌル可能なタイプなど、PHPタイプのヒントはどのように機能しますか?Apr 17, 2025 am 12:25 AM

PHPタイプは、コードの品質と読みやすさを向上させるためのプロンプトがあります。 1)スカラータイプのヒント:php7.0であるため、基本データ型は、int、floatなどの関数パラメーターで指定できます。 3)ユニオンタイプのプロンプト:PHP8.0であるため、関数パラメーターまたは戻り値で複数のタイプを指定することができます。 4)Nullable Typeプロンプト:null値を含めることができ、null値を返す可能性のある機能を処理できます。

PHPは、オブジェクトのクローニング(クローンキーワード)と__Clone Magicメソッドをどのように処理しますか?PHPは、オブジェクトのクローニング(クローンキーワード)と__Clone Magicメソッドをどのように処理しますか?Apr 17, 2025 am 12:24 AM

PHPでは、クローンキーワードを使用してオブジェクトのコピーを作成し、\ _ \ _クローンマジックメソッドを使用してクローン動作をカスタマイズします。 1.クローンキーワードを使用して浅いコピーを作成し、オブジェクトのプロパティをクローン化しますが、オブジェクトのプロパティはクローニングしません。 2。\ _ \ _クローン法は、浅いコピーの問題を避けるために、ネストされたオブジェクトを深くコピーできます。 3.クローニングにおける円形の参照とパフォーマンスの問題を避けるために注意し、クローニング操作を最適化して効率を向上させます。

PHP対Python:ユースケースとアプリケーションPHP対Python:ユースケースとアプリケーションApr 17, 2025 am 12:23 AM

PHPはWeb開発およびコンテンツ管理システムに適しており、Pythonはデータサイエンス、機械学習、自動化スクリプトに適しています。 1.PHPは、高速でスケーラブルなWebサイトとアプリケーションの構築においてうまく機能し、WordPressなどのCMSで一般的に使用されます。 2。Pythonは、NumpyやTensorflowなどの豊富なライブラリを使用して、データサイエンスと機械学習の分野で驚くほどパフォーマンスを発揮しています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)