Membuat Sebuah Sistem Masuk Keren Dengan PHP, MySQL & Jquery

Membuat Sebuah Sistem Masuk Keren Dengan PHP, MySQL & jQuery
Pengantar
Hari ini kita membuat suatu sistem login / pendaftaran keren & sederhana. Ini akan memberi Anda kemampuan untuk dengan mudah membuat area anggota-satunya di situs Anda dan memberikan proses pendaftaran mudah. Hal ini akan menjadi PHP didorong dan menyimpan semua pendaftaran ke dalam database MySQL. Untuk menambahkan bakat yang dibutuhkan, kita menggunakan menakjubkan panel jQuery geser , yang dikembangkan oleh Web-kreation .
Langkah 1 - MySQL
Pertama kita harus membuat tabel yang akan menampung semua pendaftaran. Kode ini tersedia dalam table.sql. table.sql
-- - -- Table 02 structure for table `tz_members` - Tabel struktur untuk tz_members tabel ` -- - 04 CREATE TABLE `tz_members` ( CREATE TABLE `tz_members` ( ìd` 06 int(11) NOT NULL auto_increment, Ìd` int (11) NOT NULL AUTO_INCREMENT, ùsr` 07 varchar(32) collate utf8_unicode_ci NOT NULL default '', Ùsr` varchar (32) menyusun utf8_unicode_ci'' TIDAK NULL default, 08 `pass` varchar(32) collate utf8_unicode_ci NOT NULL default '', `Lulus` varchar (32) menyusun utf8_unicode_ci NOT NULL'' standar, èmail` 09 varchar(255) collate utf8_unicode_ci NOT NULL default '', Èmail` varchar (255) menyusun utf8_unicode_ci'' TIDAK NULL default, `regIP` 10 varchar(15) collate utf8_unicode_ci NOT NULL default '', `RegIP` varchar (15) menyusun utf8_unicode_ci'' TIDAK NULL default, `dt` 11 datetime NOT NULL default '0000-00-00 00:00:00', `Dt` datetime NOT NULL standar '0000-00-00 00:00:00 ', PRIMARY KEY (ìd`), PRIMARY KEY (ìd`), UNIQUE KEY ùsr` (ùsr`) UNIK KEY ùsr` (ùsr`) ) 14 ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; ) ENGINE = MyISAM DEFAULT CHARSET = utf8 COLLATE = utf8_unicode_ci;
Perhatikan bahwa kita telah mendefinisikan id sebagai integer dengan auto_increment - secara otomatis ditetapkan untuk setiap anggota situs. Juga, kami telah didefinisikan usr sebagai kunci unik - tidak ada dua pengguna dengan username yang sama diperbolehkan. Kami kemudian menggunakan ini dalam registrasi untuk menentukan apakah username telah diambil. Setelah Anda membuat tabel, jangan lupa untuk mengisi kredensial database Anda di connect.php sehingga Anda dapat menjalankan demo di server Anda sendiri.
Langkah 2 - XHTML
Pertama, kita harus memasukkan formulir Web-kreation ke dalam halaman kami. demo.php
<!-Panel --> <- Panel -> <div id="toppanel"> <div id="toppanel"> 003
<div id="panel"> <div id="panel"> <div class="content clearfix"> <div class="content clearfix"> <div class="left"> <div class="left"> <h1>The Sliding jQuery Panel</h1> <h1> Panel jQuery Sliding </ h1> <h2>A 008 register/login solution</h2> <h2> Sebuah solusi mendaftar / login </ h2> You are free to use this login and registration system in you sites! Anda bebas untuk menggunakan sistem login dan pendaftaran di situs Anda ! <h2>A Big Thanks</h2> <h2> A Big Thanks </ h2> This tutorial was built on top of <a href="http://webkreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built011 with-jquery" title="Go to site">Web-Kreation</a>'s amazing sliding panel. Tutorial ini dibangun di atas <a href = "http://web-kreation.com/index.php/tutorials/nice-clean-sliding-loginpanel-built-with- jquery "title =" Pergi ke situs "> Web-Kreation </ a> 's panel geser menakjubkan . </div> </ Div> 013 <?php <? Php if(!$_SESSION['id']): if ($ _SESSION ['id']!): // If you are not logged in / / Jika Anda tidak login ?> ?> 018 019 <div class="left"> <div class="left"> <!-Login Form --> <- Login Form -> <form 021 class="clearfix" action="" method="post"> <form class="clearfix" action="" method="post"> <h1>Member Login</h1> Login Anggota <h1> </ h1> 023 <?php <? Php if($_SESSION['msg']['login-err']) if ($ _SESSION ['msg'] ['login-err']) { { echo 027 '<div class="err">'.$_SESSION['msg']['login-err'].'</div>'; echo '<div class="err">' $ _SESSION ['msg'] ['login-err'] '</ div>'..; unset($_SESSION['msg']['login-err']); unset ($ _SESSION ['msg'] ['login-err']); // This 029 will output login errors, if any / / Ini akan menampilkan kesalahan masuk, jika ada } } ?> ?> 032 <label 033 class="grey" for="username">Username:</label> <label class="grey" for="username"> Username: </ label> <input 034 class="field" type="text" name="username" id="username" value="" size="23" /> <input type="text" class="field" name="username" id="username" value="" size="23" />
<label 035 class="grey" for="password">Password:</label> <label class="grey" for="password"> Password: </ label> <input 036 class="field" type="password" name="password" id="password" size="23" /> <input class="field" type="password" name="password" id="password" size="23" /> <label><input name="rememberMe" id="rememberMe" type="checkbox" 037 checked="checked" value="1" /> Remember me</label> <label> <input name="rememberMe" id="rememberMe" type="checkbox" checked="checked" value="1" /> Ingat saya </ label> <div class="clear"></div> <div class="clear"> </ div> <input 039 type="submit" name="submit" value="Login" class="bt_login" /> <input type="submit" name="submit" value="Login" class="bt_login" /> </form> </ Form> 041 </div> </ Div> 043 <div class="left right"> <div class="left right"> 045 <!-Register Form --> <-! Daftar Form -> 047 <form action="" method="post"> <form action="" method="post"> <h1>Not a member yet? <h1> Belum menjadi anggota? Sign Up!</h1> Sign Up! </ H1> 050 051 <?php <? Php 052 if($_SESSION['msg']['reg-err']) if ($ _SESSION ['msg'] ['regerr']) { { echo 055 '<div class="err">'.$_SESSION['msg']['reg-err'].'</div>'; echo '<div class="err">' $ _SESSION ['msg'] ['reg-err'] '</ div>'..; unset($_SESSION['msg']['reg-err']); unset ($ _SESSION ['msg'] ['reg-err']); // This 057 will output the registration errors, if any / / Ini akan menampilkan kesalahan pendaftaran, jika ada } } 059 if($_SESSION['msg']['reg-success']) if ($ _SESSION ['msg'] ['reg-keberhasilan']) { { echo 062 '<div class="success">'.$_SESSION['msg']['reg-success'].'</div>'; echo '<div class="success">' $ _SESSION ['msg'] ['reg-keberhasilan'] '</ div>'..; unset($_SESSION['msg']['reg-success']); unset ($ _SESSION ['msg'] ['reg-keberhasilan']); // This 064 will output the registration success message / / Ini akan menampilkan pesan sukses registrasi } } 066 067 ?> ?> 068 <label 069 class="grey" for="username">Username:</label> <label class="grey" for="username"> Username: </ label> <input 070 class="field" type="text" name="username" id="username" value="" size="23" /> <input type="text" class="field" name="username" id="username" value="" size="23" /> <label 071 class="grey" for="email">Email:</label> <label class="grey" for="email"> Email: </ label> <input 072 class="field" type="text" name="email" id="email" size="23" /> <input type="text" class="field" name="email" id="email" size="23" /> <label>A 073 password will be e-mailed to you.</label> <label> Sebuah kata sandi akan e-mail kepada Anda </ label>. <input 074 type="submit" name="submit" value="Register" class="bt_register" /> <input type="submit" name="submit" value="Register" class="bt_register" /> </form> </ Form> 076 </div> </ Div> 078 <?php <? Php else: lain: // If you are logged in / / Jika Anda login ?> ?> 083
<div class="left"> <div class="left"> <h1>Members panel</h1> Anggota <h1> panel </ h1> You 086 can put member-only data here Anda dapat menempatkan anggota-satunya data di sini <a 087 href="registered.php">View a special member page</a> href="registered.php"> <a Lihat halaman khusus anggota </ a> - or - atau - <a href="?logoff">Log off</a> <a href="?logoff"> Log off </ a> </div> </ Div> <div class="left right"> <div class="left right"> </div> </ Div> 093 <?php <? Php endif; endif; // Closing the IF-ELSE construct / / Menutup IF-ELSE membangun ?> ?> 098 </div> </ Div> </div>  </ Div> <-! / Login -> 101
 <- Tab di atas -!> <div class="tab"> <div class="tab"> <ul class="login"> <ul class="login"> <li class="left"> </li> <li class="left"> </ li> <li>Hello <?php echo $_SESSION['usr'] ? <li> Hello <? php menggemakan $ 106 _SESSION ['usr']? $_SESSION['usr'] : 'Guest';?>!</li> $ _SESSION ['Usr']:!? 'Guest';> </ li> <li class="sep">|</li> <li class="sep"> | </ li> <li id="toggle"> <li id="toggle"> <a id="open" class="open" href="#"><?php echo $_SESSION['id']?'Open 109 Panel':'Log In | Register';?></a> <a id="open" class="open" href="#"> <? php echo $ _SESSION ['id'] 'Panel Buka':? 'Log In | Register';?> </ a> <a 110 id="close" style="display: none;" class="close" href="#">Close Panel</a> <a id="close" style="display: none;" class="close" href="#"> Panel Tutup </ a> </li> </ Li> <li class="right"> </li> <li class="right"> </ li> </ul> </ Ul> 114 </div>  </ Div> <-! / Top -> </div>  </ Div> <-! Panel ->
Pada beberapa tempat di kode ini, ada beberapa operator PHP yang memeriksa apakah $ _SESSION ['usr'] atau $ _SESSION ['id'] didefinisikan. Hal ini berlaku hanya jika pengunjung halaman login di situs, yang memungkinkan kita untuk menampilkan konten khusus untuk anggota situs. Kami akan mencakup secara rinci dalam sekejap. Setelah formulir, kami menempatkan sisa halaman.
<div class="pageContent"> <div class="pageContent"> 02 <div id="main"> <div id="main"> 04 <div class="container"> <div class="container"> <h1>A Cool Login System</h1> <h1> Sebuah Sistem Masuk Keren </ h1> <h2>Easy registration 07 management with PHP & jQuery</h2> <h2> manajemen pendaftaran Mudah dengan PHP & jQuery </ h2> </div> </ Div> 09 <div class="container"> <div class="container"> This is a ... ini adalah ... <div class="clear"></div> <div class="clear"> </ div> 13 </div> </ Div> 15 </div> </ Div>
Tidak ada yang istimewa di sini. Mari kita lanjutkan dengan backend PHP.
Sistem login
Langkah 3 - PHP
Ini adalah waktu untuk mengubah bentuk menjadi sebuah pendaftaran lengkap dan sistem login. Untuk mencapai itu, kita akan membutuhkan lebih dari jumlah biasa PHP. Saya akan membagi kode menjadi dua bagian. Jika Anda berencana untuk menambahkan lebih banyak kode, itu akan menjadi ide yang baik untuk membagi ke dalam beberapa file yang disertakan saat diperlukan. Ini membantu pengembangan proyek-proyek besar dan memungkinkan penggunaan kembali kode di bagian yang berbeda dari situs. Tapi mari kita lihat bagaimana kita melakukannya di sini. demo.php
define('INCLUDE_CHECK',true); define ('INCLUDE_CHECK', true); 02 require 'connect.php'; require 'connect.php'; require 'functions.php'; membutuhkan 'functions.php'; 05 // Those 06 two files can be included only if INCLUDE_CHECK is defined / / Kedua file dapat dimasukkan hanya jika INCLUDE_CHECK didefinisikan
07 session_name('tzLogin'); session_name ('tzLogin'); // Starting the session / / Mulai sesi 10 session_set_cookie_params(2*7*24*60*60); session_set_cookie_params (2 * 7 * 24 * 60 * 60); // Making 12 the cookie live for 2 weeks / / Membuat cookie hidup selama 2 minggu 13 session_start(); session_start (); 15 if($_SESSION['id'] && !isset($_COOKIE['tzRemember']) && !$_SESSION['rememberMe']) if ($ _SESSION ['id'] && isset ($ _COOKIE ['tzRemember'])! && $ _SESSION! ['rememberMe']) { { // If you 18 are logged in, but you don't have the tzRemember cookie (browser restart) / / Jika Anda login, tetapi Anda tidak memiliki cookie tzRemember (browser restart) // and you 19 have not checked the rememberMe checkbox: / / Dan Anda belum memeriksa kotak centang rememberMe: 20 $_SESSION = array(); $ _SESSION = Array (); session_destroy(); session_destroy (); 23 // Destroy the session / / Hancurkan sesi
} } 26 if(isset($_GET['logoff'])) if (isset ($ _GET ['logoff'])) { { $_SESSION = array(); $ _SESSION = Array (); session_destroy(); session_destroy (); header("Location: demo.php"); header ("Location: demo.php"); exit; exit; } } 34 if($_POST['submit']=='Login') if ($ _POST ['submit'] == 'Login') { { // 37 Checking whether the Login form has been submitted / / Memeriksa apakah bentuk Masuk telah disampaikan 38 $err = array(); $ Err = array (); // Will hold our errors / / Akan terus kesalahan kami 41 if(!$_POST['username'] || !$_POST['password']) if ($ _POST
['username'] |! |! $ _POST ['password']) $err[] = 43 'All the fields must be filled in!'; $ Err [] = 'Semua bidang harus diisi!'; 44 if(!count($err)) if (count ($ err)!) { { $_POST['username'] = mysql_real_escape_string($_POST['username']); $ _POST ['Username'] = mysql_real_escape_string ($ _POST ['username']); $_POST['password'] = mysql_real_escape_string($_POST['password']); $ _POST ['Password'] = mysql_real_escape_string ($ _POST ['password']); $_POST['rememberMe'] = (int)$_POST['rememberMe']; $ _POST ['RememberMe'] = (int) $ _POST ['rememberMe']; 50 // Escaping all input data / / Escaping semua data input 52 $row = mysql_fetch_assoc(mysql_query("SELECT id,usr FROM tz_members WHERE 53 usr='{$_POST['username']}' AND pass='".md5($_POST['password'])."'")); $ Row = mysql_fetch_assoc (mysql_query ("SELECT id, usr DARI MANA tz_members usr = '{$ _POST [' username ']}' AND pass = '" [password']). Md5 ($ _POST. '"'")) ; 54 if($row['usr']) if ($ row ['usr']) { { // If everything is OK login / / Jika semuanya OK masuk 58 59 $_SESSION['usr']=$row['usr']; $ _SESSION ['Usr'] = $ row ['usr']; $_SESSION['id'] = $row['id']; $ _SESSION ['Id'] = $ row ['id']; $_SESSION['rememberMe'] = $_POST['rememberMe']; $ _SESSION ['RememberMe'] = $ _POST ['rememberMe']; 62 // Store 63 some data in the session / / Menyimpan beberapa data dalam sesi 64 setcookie('tzRemember',$_POST['rememberMe']); setcookie ('tzRemember', $ _POST ['rememberMe']); // We 66 create the tzRemember cookie / / Kami menciptakan cookie tzRemember } } else 68 $err[]='Wrong username and/or password!'; lain $ err [] = 'Username salah dan / atau password!'; } } 70 if($err) if ($ err) $_SESSION['msg']['login-err'] = implode(' ',$err); $ _SESSION ['Msg'] ['login-err'] = implode (' ', $ err); // Save 73 the error messages in the session / / Simpan pesan kesalahan dalam sesi 74 75 header("Location: demo.php"); header ("Location: demo.php"); exit; exit; } }
Berikut cookie tzRemember bertindak sebagai kontrol apakah kita harus log-off pengguna yang belum menandai "ingat saya" kotak centang. Jika cookie tidak hadir (karena me-restart browser) dan pengunjung belum memeriksa ingat saya pilihan, kita menghancurkan sesi. Sesi itu sendiri tetap hidup selama dua minggu (seperti yang ditetapkan oleh session_set_cookie_params). Mari kita lihat bagian kedua dari demo.php.
else 01 if($_POST['submit']=='Register') else if ($ _POST ['submit'] == 'Register') { { // If the 03 Register form has been submitted / / Jika bentuk Register telah disampaikan $err = array(); $ Err = array (); 05 if(strlen($_POST['username'])<4 || strlen($_POST['username'])>32) if (strlen ($ _POST ['username']) <4 | | strlen ($ _POST ['username'])> 32) { { $err[]='Your username must be between 3 and 32 characters!'; $ Err [] = 'Nama pengguna harus antara 3 dan 32 karakter!'; } } 10
if(preg_match('/[â-z0-9\-\_\.]+/i',$_POST['username'])) if (preg_match ('/ [^ a-z0-9 \ -. \ _ \] + / i', $ _POST ['username'])) { { $err[]='Your username contains invalid characters!'; $ Err [] = 'Nama pengguna mengandung karakter yang tidak valid!'; } } 15 if(!checkEmail($_POST['email'])) if (checkEmail ($ _POST ['email'])!) { { $err[]='Your email is not valid!'; $ Err [] = 'Email Anda tidak valid!'; } } 20 if(!count($err)) if (count ($ err)!) { { // If there are no errors / / Jika tidak ada kesalahan $pass = 24 substr(md5($_SERVER['REMOTE_ADDR'].microtime().rand(1,100000)),0,6); $ Lulus = substr (md5 ($ _SERVER ['REMOTE_ADDR'] microtime () rand (1,100000)), 0,6..); // Generate a random password / / Menghasilkan password acak 26 27 $_POST['email'] = mysql_real_escape_string($_POST['email']); $ _POST ['Email'] = mysql_real_escape_string ($ _POST ['email']); $_POST['username'] = mysql_real_escape_string($_POST['username']); $ _POST ['Username'] = mysql_real_escape_string ($ _POST ['username']); // Escape the input data / / Melarikan diri input data 30 mysql_query(" INSERT INTO tz_members(usr,pass,email,regIP,dt) mysql_query ("INSERT INTO tz_members (usr, lulus, email, regIP, dt) VALUES( VALUES ( '".$_POST['username']."', '". $ _POST [' Username ']."', '".md5($pass)."', '"Md5 ($ pass).."', '".$_POST['email']."', '". $ _POST [' Email ']."', '".$_SERVER['REMOTE_ADDR']."', '". $ _SERVER [' REMOTE_ADDR ']."', NOW() SEKARANG () )"); ) "); 39 if(mysql_affected_rows($link)==1) if (mysql_affected_rows ($ link) == 1) { { send_mail( 42 'demo-test@tutorialzine.com', send_mail ('demotest@tutorialzine.com',
$_POST['email'], $ _POST ['Email'], 'Registration System Demo - Your New Password', 'Sistem Registrasi Demo - New Password Anda, 'Your password is: '.$pass); 'Password anda adalah:' $ pass);. $_SESSION['msg']['reg-success']='We sent you an email with your new password!'; $ _SESSION ['Msg'] ['reg-keberhasilan'] = 'Kami mengirimkan email dengan password baru Anda!'; } } else 48 $err[]='This username is already taken!'; lain $ err [] = 'Nama pengguna ini sudah diambil!'; } } 50 if(count($err)) if (count ($ err)) { { $_SESSION['msg']['reg-err'] = implode(' ',$err); $ _SESSION ['Msg'] ['reg-err'] = implode (' ', $ err); } } 55 header("Location: demo.php"); header ("Location: demo.php"); exit; exit; } }
59 $script = ''; $ Script =''; if($_SESSION['msg']) if ($ _SESSION ['msg']) { { // The 63 script below shows the sliding panel on page load / / Script di bawah ini menunjukkan panel geser pada buka halaman $script = ' $ Script = ' <script type="text/javascript"> <script type="text/javascript"> $(function(){ $ (Function () { $("div#panel").show(); . $ ("Div # panel") menunjukkan (); $("#toggle a").toggle(); . $ ("# Beralih a") beralih (); }); }); </script>'; </ Script> '; } }
Kami menyimpan semua kesalahan yang ditemui dalam sebuah array $ err, yang kemudian diberikan ke sebuah variabel $ _SESSION. Hal ini memungkinkan untuk dapat diakses setelah browser redirect. Anda mungkin telah melihat di beberapa situs, bahwa ketika Anda menyerahkan formulir dan kemudian refresh halaman, data dikirim seluruh lagi. Ini bisa menjadi masalah karena bisa menyebabkan pendaftaran ganda dan beban server yang tidak perlu. Kami menggunakan fungsi header untuk mencegah hal ini, dengan mengarahkan browser ke halaman yang sama. Ini dimulai pandangan segar halaman, tanpa browser menghubungkannya
dengan formulir kirimkan. Hasilnya adalah bahwa, pada refresh halaman, tidak ada data yang dikirim. Tapi seperti kita menggunakan $ _SESSION untuk menyimpan semua kesalahan ditemui adalah penting bahwa kita tidak diset variabel-variabel ini, setelah kami menunjukkan kesalahan kepada pengguna. Jika tidak, mereka akan ditampilkan pada setiap tampilan halaman (garis disorot pada bagian XHTML dari tutorial). Juga perhatikan bagaimana kita membuat sendiri skrip tambahan (baris 60-70 dari bagian kedua dari kode PHP) yang menunjukkan panel di buka halaman, sehingga pesan-pesan yang terlihat oleh pengguna. Sekarang mari kita lihat di CSS.
Sistem registrasi / login
Langkah 4 - CSS
Panel geser datang dengan style sheet sendiri. Ini berarti kita hanya tersisa menciptakan gaya halaman.
demo.css
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{ tubuh, h1, h2, h3, p, kutipan, kecil, bentuk, masukan, ul, li, ol, label { /* The reset rules */ / * Aturan ulang * / margin:0px; margin: 0px; padding:0px; padding: 0px; } } 06 body{ body { color:#555555; color: # 555555; fontsize:13px; font-size: 13px; background: #eeeeee; background: # eeeeee; font11 family:Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; width: 100%; width: 100%; } } 14 h1{ h1 { fontsize:28px; font-size: 28px; 17 font-
weight:bold; font-weight: bold; font18 family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letterspacing:1px; letter-spacing: 1px; } } 21 h2{ h2 { font23 family:"Arial Narrow",Arial,Helvetica,sans-serif; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; fontsize:10px; font-size: 10px; fontweight:normal; font-weight: normal; letterspacing:1px; letter-spacing: 1px; paddingleft:2px; padding-left: 2px; texttransform:uppercase; text-transform: uppercase; whitespace:nowrap; white-space: nowrap; margintop:4px; margin-top: 4px; color:#888888; color: # 888888; } } 33 #main p{ # Main p {
paddingbottom:8px; padding-bottom: 8px; } } 37 .clear{ . Jelas { clear:both; clear: both; } } 41 #main{ # Main { width:800px; width: 800px; /* 44 Centering it in the middle of the page */ / * Centering itu di tengah-tengah halaman * / margin:60px auto; margin: 60px auto; } } 47 .container{ . Kontainer { margintop:20px; margin-top: 20px; 50 background:#FFFFFF; background: # FFFFFF; border:1px solid #E0E0E0; border: 1px solid # E0E0E0; padding:15px; padding: 15px;
54 /* Rounded corners */ / * Rounded sudut * / -mozborder-radius:20px; -Moz-border-radius: 20px; -khtmlborder-radius: 20px; -KHTML-border-radius: 20px; -webkitborder-radius: 20px; -Webkit-border-radius: 20px; borderradius:20px; border-radius: 20px; } } 61 .err{ . Err { color:red; warna: merah; } } 65 .success{ . Sukses { color:#00CC00; color: # 00CC00; } } 69 a, a:visited { a, a: visited { color:#00BBFF; color: # 00BBFF; textdecoration:none; text-decoration: none;
outline:none; outline: none; } } 75 a:hover{ a: hover { textdecoration:underline; text-decoration: underline; } } 79 .tutorialinfo{ . Tutorial-info { textalign:center; text-align: center; padding:10px; padding: 10px; } }
Langkah 5 - jQuery
Panel geser dilengkapi dengan file sendiri jQuery. demo.php
<script type="text/javascript" 0 src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></scr 1 ipt> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script> 02  <Http://24ways.org/2007/supersleight-transparent-png-in-ie6 -!> <!--[if lte IE 6]> <-! [Jika lte IE 6]> <script 06 type="text/javascript" src="login_panel/js/pngfix/supersleightmin.js"></script> <script type="text/javascript" src="login_panel/js/pngfix/supersleight-min.js"> </ script> <![endif]-> <[Endif] -> 08 <script 09 src="login_panel/js/slide.js" type="text/javascript"></script> <script src="login_panel/js/slide.js" type="text/javascript"> </ script> 10 <?php echo $script; ?> <? Php echo $ naskah;?>
Pertama kita termasuk perpustakaan jQuery dari CDN Google. Kemudian datang memperbaiki khusus untuk isu-isu transparansi IE6 PNG dan terakhir script panel disertakan. Di bagian bawah halaman adalah variabel skrip $ - itu menunjukkan panel di buka halaman jika diperlukan. Dengan sistem ini keren kami masuk selesai!
Kesimpulan
Hari ini kita belajar bagaimana menggunakan komponen bentuk fantastis dan mengubahnya menjadi sebuah log fungsional dalam sistem / pendaftaran. Anda bebas untuk dibangun di atas kode ini dan memodifikasi cara apapun yang Anda lihat cocok.

Membuat Sebuah Sistem Masuk Keren Dengan PHP, MySQL & Jquery

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Membuat Sebuah Sistem Masuk Keren Dengan PHP, MySQL & Jquery

Uploaded by

Copyright:

Available Formats

Membuat Sebuah Sistem Masuk Keren Dengan PHP, MySQL & jQuery

Sistem registrasi / login

You might also like