{"id":145,"date":"2009-03-25T03:01:09","date_gmt":"2009-03-25T03:01:09","guid":{"rendered":"http:\/\/syarman.com\/soft\/?p=145"},"modified":"2009-03-25T03:08:20","modified_gmt":"2009-03-25T03:08:20","slug":"session-dan-log-masuk-login","status":"publish","type":"post","link":"http:\/\/syarman.com\/soft\/2009\/03\/25\/session-dan-log-masuk-login\/","title":{"rendered":"SESSION dan Log Masuk (Login)"},"content":{"rendered":"

Dalam artikel kali ini, aku akan menunjukkan bagaimana membuat Log masuk (login<\/em>) bersama penggunaan sintaks $_SESSION. Selesai kamu membaca artikel ini. Pastikan kamu mencapai objektif dibawah.<\/p>\n

1. Penggunaan WHERE dalam SQL.
\n2. Penggunaan sintak <form> dalam HTML
\n3. Penggunaan $_POST dalam PHP
\n4. Penggunaan $_SESSION dalam PHP.
\n5. Kamu berjaya membuat log masuk dan memaparkan data pengguna.<\/p>\n

Sekarang kita perlu fahamkan dahulu aliran dan proses yang terlibat.<\/p>\n

1. Pengguna masukkan katanama dan juga katalaluan.
\n2. Sistem akan memeriksa maklumat yang dimasukkan. Sekiranya benar, pengguna akan dapat melihat maklumat mereka sendiri. Sekiranya salah, pengguna akan melihat ralat yang dipaparkan.<\/p>\n

Dibawah merupakan kod aturcara untuk fail login.html<\/p>\n

\r\n<html>\r\n    <head>\r\n        <title>Log Masuk<\/title>\r\n    <\/head>\r\n    <body>\r\n        <div id="wrapper">\r\n            <form id="login" name="login" action="login.php" method="POST">\r\n                <p>\r\n                    Katanama : <input type="text" name="username" id="username" \/>\r\n                <\/p>\r\n                <p>\r\n                    Katalaluan : <input type="password" name="password" id="password" \/>\r\n                <\/p>\r\n                <p>\r\n                    <input type="submit" name="send" id="send" value="Log Masuk" \/>\r\n                <\/p>\r\n            <\/form>\r\n        <\/div>\r\n    <\/body>\r\n<\/html><\/pre>\n
\u00a0<\/p>\n
Ini merupakan fail yang akan menerima input dari pengguna.<\/p>\n
Dibawah pula adalah kod aturcara dalam PHP bagaimana mahu menyemak maklumat yang dimasukkan oleh pengguna. Simpan kod ini sebagai login.php. Rujuk artikel ini bagi mendapatkan fail db.php<\/a><\/p>\n
\r\n<?php\r\n    session_start();\r\n    include 'db.php';\r\n    \r\n    $username = mysql_real_escape_string($_POST&#91;'username'&#93;);\r\n    $password = mysql_real_escape_string($_POST&#91;'password'&#93;);\r\n    \r\n    $sql = "SELECT * FROM logins2 " \r\n          ."WHERE username='$username' "\r\n          ."AND password='$password'";\r\n    \r\n    $query = mysql_query($sql)\r\n                or die(mysql_error());\r\n                \r\n    $check_valid = mysql_num_rows($query);\r\n    \r\n    if($check_valid > 0)\r\n    {\r\n        $result = mysql_fetch_array($query);\r\n        \r\n        $_SESSION['username'] = $result['username'];\r\n        $_SESSION['user_id']  = $result['user_id'];\r\n        \r\n        echo '<script type="text\/javascript">\r\n                window.location.href="success.php";\r\n              <\/script>';\r\n    }\r\n    else\r\n    {\r\n        echo 'Wrong Password or Username';\r\n    }\r\n?>\r\n<\/pre>\n
\u00a0<\/p>\n
Kod ini pula akan memaparkan maklumat didalam borang bagi tujuan kemaskini. Simpan kod ini didalam fail success.php<\/p>\n
\r\n<?php\r\n    session_start();\r\n    include 'db.php';\r\n    if(isset($_SESSION&#91;'username'&#93;))\r\n    {\r\n        $sql = "SELECT * FROM users WHERE id='".$_SESSION&#91;'user_id'&#93;."'";\r\n        \r\n        $query = mysql_query($sql)\r\n                    or die(mysql_error());\r\n                    \r\n        $results = mysql_fetch_array($query);\r\n        \r\n?>\r\n<html>\r\n    <head>\r\n        <title>\r\n            Berjaya\r\n        <\/title>\r\n    <\/head>\r\n    <body>\r\n        <form name="detail" id="detail">\r\n            <p>\r\n                First Name : \r\n                <input type="text" value="<?php echo $results&#91;'first_name'&#93;;?>" \r\n                name="first_name" \/>\r\n            <\/p>\r\n            <p>\r\n                Last Name :\r\n                <input type="text" value="<?php echo $results&#91;'last_name'&#93;;?>" \r\n                name="last_name" \/>\r\n            <\/p>\r\n        <\/form>\r\n    <\/body>\r\n<\/html>\r\n<?php\r\n    }\r\n    else\r\n    {\r\n        echo 'You need to login first';\r\n    }\r\n?>\r\n<\/pre>\n
\u00a0<\/p>\n
Ini pula pernyataan SQL untuk jadual-jadual yang terlibat.<\/p>\n
\r\nCREATE DATABASE `test_tutorial` ;\r\n\r\nCREATE TABLE `test_tutorial`.`users` (\r\n`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,\r\n`first_name` TEXT NOT NULL ,\r\n`last_name` TEXT NOT NULL ,\r\n`date_of_birth` DATE NOT NULL\r\n) ENGINE = MYISAM\r\n\r\nINSERT INTO `test_tutorial`.`users` (\r\n`id` ,\r\n`first_name` ,\r\n`last_name` ,\r\n`date_of_birth`\r\n)\r\nVALUES (\r\nNULL , 'Jasdy', 'Syarman', '1980-01-16'\r\n), (\r\nNULL , 'Abu', 'Ahmad', '2004-03-16'\r\n);\r\n\r\nCREATE TABLE IF NOT EXISTS `logins2` (\r\n`id` int(11) NOT NULL AUTO_INCREMENT,\r\n`username` text NOT NULL,\r\n`password` text NOT NULL,\r\n`user_id` text NOT NULL,\r\nPRIMARY KEY (`id`)\r\n) ENGINE=MyISAM;\r\n\r\nINSERT INTO `logins2` (`id`, `username`, `password`, `user_id`) VALUES\r\n(1, 'jasdy', 'jasdy', '1'),\r\n(2, 'tester', 'tester', '2');\r\n<\/pre>\n
Bahagian kemaskini tidak akan aku sentuh pada artikel kali ini. Ianya akan dilakukan pada artikel lain mengikut kadar kerajinan aku.\u00a0 Sesiapa yang tidak mahu memaparkan datanya dalam bentuk borang, sila rujuk artikel ini<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Dalam artikel kali ini, aku akan menunjukkan bagaimana membuat Log masuk (login) bersama penggunaan sintaks $_SESSION. Selesai kamu membaca artikel ini. Pastikan kamu mencapai objektif dibawah. 1. Penggunaan WHERE dalam SQL. 2. Penggunaan sintak <form> dalam HTML 3. Penggunaan $_POST dalam PHP 4. Penggunaan $_SESSION dalam PHP. 5. Kamu berjaya membuat log masuk dan memaparkan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,12,11,13,4],"tags":[21,19,40,20],"class_list":["post-145","post","type-post","status-publish","format-standard","hentry","category-code","category-database","category-html","category-mysql","category-php","tag-input","tag-login","tag-php","tag-sessions"],"_links":{"self":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":4,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":165,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/145\/revisions\/165"}],"wp:attachment":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}