【PHP】Twitterみたいなつぶやき投稿アプリを作るためのソースコード(ログイン画面)

この記事は約4分で読めます。
ポートフォリオ制作実績

Twitterみたいなつぶやき投稿アプリを簡単に作ってみましょう。
文系未経験でも簡単に作れるようにソースコードを掲載しました。

本記事で必要になる画面は下記に記しております。

・ログイン画面(login.php)
・ログアウト画面(logout.php)
・管理画面(admin.php)
・メイン画面(main.php)

それぞれ1つずつプログラミングして作っていきましょう。

スポンサーリンク

【PHP】Twitterみたいなつぶやき投稿アプリを作るためのソースコード(ログイン画面)

login.php

<?php
session_start();
$message = 'IDとパスワードを入力してください。';

//フォームの送信
if($_SERVER["REQUEST_METHOD"] == 'POST'){
	//フォームの値の取得
	$id = $_POST['id'];
	$pass = $_POST['pass'];

	//CSVファイルを開いてid_pass.csvファイルと比較
	$f = @fopen('id_pass.csv', 'r');

	//fかfalseでない場合、ファイルアクセス開始(フラグ変数)
	if($f != false){
		$flg = false;
		$message = 'IDまたはパスワードが違います。';
	//CSVファイルからデータを1つずつ抽出する
	while($row = fgetcsv($f)){
		//IDとパスワードの照合
		if($row[0] == $id and $row[1] == $pass){
			$flg = true;
			break;
		}
	}
	fclose($f);
	if($flg){
		$_SESSION['login'] = $id;
		header('Location: ./');
		exit;
		}
	}
}

?>

<!doctype html>
<html lang="ja">
<head>
	<title>つぶやき投稿アプリ</title>
	<meta charset="utf-8">
	<style>
	body{
	margin: 10px;
	}
	h1{
	color: lightgray;
	font-size: 48pt;
	margin: 0px;
	text-align: right;
	}
	p{
	font-size: 14pt;
	}
	p .logout{
	text-align: right;
	}
	</style>
</head>
<body>
	<h1>ログイン画面</h1>
	<h2><?=isset($_SESSION['login']) ?
		$_SESSION['login'] : 'Not login' ?></h2>
	<p><?= $message ?></p>
	<table>
	<form method="post" action="./login.php">
		<tr>
			<th><label>id:</label></th>
			<td><input type="text" name="id"></td>
		</tr>
		<tr>
			<th><label>mail:</label></th>
			<td><input type="password" name="pass"></td>
		</tr>
		<tr>
			<th></th>
			<td><input type="submit" name="login"></td>
		</tr>
	</form>
	</table>
	<p class="logout"><a href="./logout.php">ログアウトする</a></p>
</body>
</html>
タイトルとURLをコピーしました