Sunday, May 4, 2014

PHP පාඩම : 4

පෙර පාඩම කියවන්න : http://119sinhala.blogspot.com/2014/04/php-3.html

දැන් අපි මේ විදියට ඉදිරියට යමු. මීලඟට අපි පිලිවෙලට ලියන්න තමයි පටන් ගන්නේ. ඒ අනුව මම මුලින්ම ලොග්ඉන් පේජ් එක හදාගෙන ඉන්නවා. ඒකට මම අළුතින් login.php කියලා පිටුවක් නිර්මාණය කරගෙන index.php කියන පිටුවේ මෙන්න මේ කියන කේත කොටස ලියාගන්නවා.

<?php  require('connect.php');

if (!
$_SESSION['logged_in']) {
    
header('Location: login.php');
?>

මේ කොටසින් වෙන්නේ logged_in කියන Session එක සක්‍රීය නැතිනම් login.php කියන පිටුවට හරවා යැවීමක්. ඒ කියන්නේ අදාල පරිශීලකයා ලොග් වෙලා නැතිනම් ලොග් වෙන පිටුවට හරවා යැවීමක් සිදුකරන්නේ.

දැන් මම MySQL වල අළුතින් ටේබල් එකක් හදාගන්නවා user කියලා. මේකේ තමා අපේ පරිශීලකයන් පිළිබඳ විස්තර සුරැකුම් වෙන්නේ. ඒකේ මම මෙන්න මේ කියන sql query එක රන් කරනවා.

INSERT INTO `user` (
`id` ,
`email` ,
`password` ,
`display_name` ,
`bio` ,
`birth_day` ,
`extra`
)
VALUES (
NULL , 'admin@admin.com', MD5( 'admin' ) , 'Admin Info', 'I''m the admin', '2014-05-04', ''
);

මේකෙදී මම අළුතින් හදාගෙන තියෙනවා user ටේබල් එකේ මෙන්න මේ විදියට.

මේ කේතය මුලින්ම ධාවනය කරලා, ඉන් පසුව තමයි ඉහත ලබා දුන්න කේතය ධාවනය කරන්න ඕනේ

CREATE TABLE `user` (
  `
idint(11NOT NULL auto_increment,
  `
emailtext NOT NULL,
  `
passwordtext NOT NULL,
  `
display_nametext NOT NULL,
  `
biotext NOT NULL,
  `
birth_daydate NOT NULL,
  `
extratext NOT NULL,
  
PRIMARY KEY  (`id`)


මෙතනදී වෙන්නේ ටේබල් එකේ අළුතින් id,email,... ආදී field නිපැදවෙන එකයි. ඉන් පසු මුලින් ලබාදුන්න sql කේත කොටස් ධාවනය මඟින් සිදුවෙන්නේ එයට එක ගිණුමක් එක් වීමයි.

දැන් අපි html භාවිතා කරමින් Login form එක නිපදවීම සිදුකරමු.

<div id="fullscreen_bg" class="fullscreen_bg"/>
<div class="container">
 <form class="form-signin" method="post">
  <h1 class="form-signin-heading text-muted">Sign In</h1>
  <input name="email" type="email" class="form-control" placeholder="Email address" required="" autofocus="">
  <input name="password" type="password" class="form-control" placeholder="Password" required="">
  <button class="btn btn-lg btn-primary btn-block" type="submit">
   Sign In
  </button>
 </form>
</div>


ඉහත දැක්වෙන ආකාරය සකස් කරගත්තු ෆෝම් එක css මාර්ගයෙන් හැඩගන්වාගත හැකියි. ඒ සඳහා පහත css ක්‍රම උපයෝගී කරගන්නවා.

.form-signin {
    max-width: 280px;
    padding: 15px;
    margin: 0 auto;
      margin-top:50px;
  }
  .form-signin .form-signin-heading, .form-signin {
    margin-bottom: 10px;
  }
  .form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #000;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(0,0,0);
    border-top:1px solid rgba(0,0,0,0.08);
  }
  .form-signin-heading {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
  }
  .fullscreen_bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url('../img/color-splash.jpg');
    background-repeat:repeat;
  }

ඉහතින් පෙන්වා ඇති සියල්ල එකතු කරගත් විට දී අපිට එම පිටුව මේ අයුරින් දිස්වේවි.


මීලඟ කොටසින් අපි මේ ලොග්ඉන් ෆෝම් එක සක්‍රීය කරගන්නා අයුරු බලමු.

Categories:

8 comments:

  1. p.s- ලොග්ඉන් ෆෝම් එක මාවිසින් නිපදවූවක් නොවේ

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. නියමයි වැදගත් ලිපි පෙළක් :)

    ReplyDelete
  4. උම්ම්ම්ම්ම්ම්ම්ම්ම්ම්ම්ම්ම්ම්මා ^_^

    ReplyDelete
  5. බ්ලොග් එක ඉතා වටිනවා. මේක අපේ බ්ලොග් සින්ඩියටත් දාන්න. අපට ඇඩ් කරන්න පුලුවන්.මෙන්න ලින්ක් එක.

    http://blogdharshakaya.blogspot.com/

    ReplyDelete
  6. It's really useful for web designing beginners.
    Keep up the good work.

    ReplyDelete
  7. me widiha fatta. practically use wena nisa hondata therenawa

    ReplyDelete

Copyright © ළහිරුගේ සිංහල Blog අඩවිය - සිංහල බ්ලොග් | Powered by Blogger

Design by Anders NorenUp ↑