忍者ブログ

からすまる日誌

午前までのコード

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

午前までのコード

login.php 
 
<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="utf-8">
  <title>ログインフォーム</title>
  <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
  <div id="container">
   <h1>ユーザーログイン</h1>
   <form method="post" action="auth.php">
    <table>
     <tr>
      <th><label for="u_id">ユーザ名</label></th>
      <td><input type="text" name="u_id" id="u_id"></td>
     </tr>
     <tr>
      <th><label for="pass">パスワード</label></th>
      <td><input type="password" name="pass" id="pass"></td>
     </tr>
     
    </table>
    <p><button type="submit">認証</button></p>
    
   </form>
  </div>
 </body>
</html>
 

style.css
 
body{
 background-image: url("../../img/fish_kue2.png");
}
#container{
 width:80%;
 margin: auto;
 background:#fff;
}
table{
 border-collapse:collapse;
}
th,td{
 border:solid 1px #333;
 padding: 0.2rem 0.3rem;
 text-align: left;
}
th{
 background:#eee;
}

 

auth.php
 
<?php
session_start();
//評価するデータが来ているかいないか
if(empty($_POST["u_id"]) || empty($_POST["pass"])){
 header("Location: login.php");
 exit();
}
//DBへ接続
$user="root";
$dbpass="";
$host="localhost";
$dbname="twitter";
$dsn="mysql:host={$host};dbname={$dbname};charset=utf8";
$pdo=new PDO($dsn,$user,$dbpass);
//SQL文
$sql="SELECT * FROM users WHERE u_id=:u_id";//一回全部読んでくる
$stmt=$pdo->prepare($sql);//構文を焼く。こんがり。
$stmt->bindValue(":u_id",$_POST["u_id"],PDO::PARAM_STR);
$stmt->execute();
//FETCH 房をばらして連想配列にするために$rowに入れる
$row=$stmt->fetch(PDO::FETCH_ASSOC);//1件とりだし
//認証
if(password_verify($_POST["pass"],$row["pass"])){
 $_SESSION["login"] = true;
 $_SESSION["u_id"]=$row["u_id"];//=$_POST["u_id"]でも構わない
 $_SESSION["nickname"]=$row["nickname"];
 header("Location: index.php");//リダイレクト
 exit();
}else{
 $_SESSION["login"]=false;//ログイン失敗
 header("Location: login.php");
 exit();
}
?>


index.php 
 
<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>Twitter タイムライン</title>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <div id="container">
   <h1>My Twitter<h1>
  </div>
  
 </body>
</html>
PR

コメント

ブログ内検索

カレンダー

03 2025/04 05
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30