忍者ブログ

からすまる日誌

20200214pm02 ツイッターもどき(4)

×

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

20200214pm02 ツイッターもどき(4)

<button type="submit">ツイートする</button>
ここの文字をイメージにすることも普通にできるらしいよ
 
<button type="submit">ツイートする<img src="img/player_button08_plus.png"></button>  
 
できたわ。
ただUI上明らかに投稿ボタンだなとわかる画像にする必要があるとのこと。
 

exec.php(投稿処理)もつくりますよ
 
--->exec.php
 
<?php
session_start();
//セッション情報がないかfalse
if(empty($_SESSION["login"])){
 header("Location: login.php");
 exit();
}
//tweetがからっぽ
if(empty($_POST["tweet"])){
 header("Location: index.php");
 exit();
}
require_once("config.php");
$sql="INSERT INTO tweets(u_id,tweet) VALUES(:u_id,:tweet)";//プレースホルダを使う
$stmt=$pdo->prepare($sql);
$stmt->bindValue(":u_id",$_SESSION["u_id"],PDO::PARAM_STR);
$stmt->bindValue(":tweet",$_POST["tweet"],PDO::PARAM_STR);
$stmt->execute();
header("Location: index.php");
exit();
?>
 

どこでひっかかったかわかるようにこうする手がある
  exit("1");
 
とかしておいたらこの部分にきたなとわかる。
 

さてツイート入力窓は「ログインしているとき」だけに表示させたい 
 
if文で囲いますよ
ここまで
--->index.php
 
<?php
session_start();
require_once("config.php");
$sql="SELECT nickname,tweet,created FROM tweets,users WHERE tweets.u_id=users.u_id ORDER BY t_id DESC";
$res=$pdo->query($sql);
?>
<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>Twitter タイムライン</title>
  <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
  <div id="container">
   <h1>My Twitter</h1>
   
   <!--からっぽでないばあい-->
   <?php if(!empty($_SESSION["login"])): ?>
    <div id="tweetform">
     <form method="post" action="exec.php">
     <textarea name="tweet" rows="2" cols="50"></textarea>
     <!--
     <input type="text" name="tweet">
     -->
     <button type="submit">ツイートする<img src="img/player_button08_plus.png"></button>
    </div>
   <?php endif; ?>
   
   <?php while($row = $res->fetch(PDO::FETCH_ASSOC)): ?>
   <article>
    <header>
     <?php echo htmlspecialchars($row["nickname"],ENT_QUOTES); ?>
    </header>
    <p><?php echo htmlspecialchars($row["tweet"],ENT_QUOTES); ?></p>
    <div><?php echo $row["created"]; ?></div>
   </article>
   <?php endwhile; ?>
   
  </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