Webデザイナーへの道しるべ | suge1040's diary

Webデザイナーになる事を目指しフェリカテクニカルアカデミーで勉強していましたsuge1040によるブログです。

6/3授業メモ PHP

index.php

<?php

require_once './init.php';

 

$name = '';

$email = '';

$tel = '';

$message = '';

if(isset($_SESSION['mail_data'])){

 $name = $_SESSION['mail_data']['name'];

 $email = $_SESSION['mail_data']['email'];

 $tel = $_SESSION['mail_data']['tel'];

 $message = $_SESSION['mail_data']['message'];

}

?>

 

<!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 action="check.php" method="post" id="mailform">

<table>

<tr>

<th><label for="name">お名前:<br><span>※必須</span>&nbsp;&nbsp;30文字以内</label></th>

<td><input type="text" name="name" id="name" size="30" placeholder="例:東京太郎"

value="<?php echo h($name); ?>"></td>

</tr>

<tr>

<th><label for="email">email:<br><span>※必須</span></label></th>

<td><input type="text" name="email" id="email" size="30" placeholder="例:sample@sample.com" value="<?php echo h($email); ?>"></td>

</tr>

<tr>

<th><label for="tel">お電話番号:<br><span>※必須</span>&nbsp;&nbsp;半角数字</label></th>

<td><input type="text" name="tel" id="tel" size="30" placeholder="例:123-4567-8910" value="<?php echo h($tel); ?>"></td>

</tr>

<tr>

<th><label for="message">お問い合わせ:<br><span>※必須</span>&nbsp;&nbsp;128文字以内</label></th>

<td><textarea name="message" id="message" cols="30" rows="5" placeholder="例:御社商品の資料請求を致します。" ><?php echo h($message); ?></textarea></td>

</tr>

</table>

<input type="submit" value="確認">

</form>

</div>

</body>

</html>

 

<?php

ob_end_flush();

 

check.php

<?php

require_once './init.php';

 

if(empty($_POST)){

 header('Location:index.php');

 exit;

}

 

$name = $_POST['name'];

$email = $_POST['email'];

$tel = $_POST['tel'];

$message = $_POST['message'];

$error = true;

 

$name_error = '';

$email_error = '';

$tel_error = '';

$message_error = '';

 

if($name==''){

 $name_error = 'お名前が、入力されていません。';

 $error = false;

}

if($email==''){

 $email_error = 'メールアドレスが、入力されていません。';

 $error = false;

}

if($tel==''){

 $tel_error = 'お電話番号が、入力されていません。';

 $error = false;

}

if($message==''){

 $message_error = 'お問い合わせ内容が、入力されていません。';

 $error = false;

}

 

$_SESSION=array();

$_SESSION['mail_data'] ['name'] = $name;

$_SESSION['mail_data'] ['email'] = $email;

$_SESSION['mail_data'] ['tel'] = $tel;

$_SESSION['mail_data'] ['message'] = $message;

$_SESSION['mail_date'] ['error'] = $error;

 

?>

 

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>お問い合わせ確認画面</title>

<link rel="stylesheet" href="css/style1.css">

</head>

<body>

<div id="container">

<h1>お問い合わせ確認</h1>

<table>

<tr>

<th>お名前:</th><td><?php echo h($name) . h($name_error); ?></td>

</tr>

<tr>

<th>email:</th><td><?php echo h($email) . h($email_error); ?></td>

</tr>

<tr>

<th>お電話番号:</th><td><?php echo h($tel) . h($tel_error); ?></td>

</tr>

<tr>

<th>お問い合わせ内容:</th><td><?php echo nl2br(h($message) . h($message_error)); ?></td>

</tr>

</table>

<p><a href="index.php">戻る</a>

<?php

if($error){

 echo '<a href="thanks.php">送信</a>';

}

?>

</p>

</div>

</body>

</html>

<?php

ob_end_flush();

 

thanks.php

<?php

require_once './init.php';

 

if(!$_SESSION['mail_date'] ['error']){

 header('Location:index.php');

 exit;

}

 

//セッションから値を取得

$name = $_SESSION['mail_data']['name'];

$email = $_SESSION['mail_data']['email'];

$tel = $_SESSION['mail_data']['tel'];

$message = $_SESSION['mail_data']['message'];

 

//セッションを取っておく必要がないのでクリア

$_SESSION['mail_data'] =array();

unset($_SESSION['mail_data']);

 

//クライアントへのメール送信内容の設定

$to = 'xxxxxxxxxx@gmail.com';

$subject = 'お問い合わせメール';

$body =<<<BODY

【お問い合わせメール】

以下の内容で承りました。

お名前:

{$name}

メールアドレス:

{$email}

お電話番号:

{$tel}

メッセージ:

{$message}

BODY;

 

//メールのコーディング設定

mb_language('japanese');

mb_internal_encoding("UTF-8");

 

$r = mb_send_mail( $to , $subject , $body );

 

$thanks_message ='上記の内容でお問い合わせメールを承りました。';

 

if(!$r) {

$thanks_message ='メール送信エラー。以下お問い合わせは送信されませんでした。';

}



?>

 

<!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>

<table>

<tr>

<th>お名前:</th>

<td><?php echo h($name); ?></td>

</tr>

<tr>

<th>email:</th>

<td><?php echo h($email); ?></td>

</tr>

<tr>

<th>お電話番号:</th>

<td><?php echo h($tel); ?></td>

</tr>

<tr>

<th>お問い合わせ内容:</th>

<td><?php echo nl2br(h($message)); ?></td>

</tr>

</table>

<p>

<?php

if(!$r){

 echo '<span>' . h($thanks_message) . '</span>';

} else {

 echo h($thanks_message);

}

?>

</p>

<p><a href="index.php">戻る</a></p>

</div>

</body>

</html>

<?php

ob_end_flush();

 

 

~メモ~

 

☆check.php

if(empty($_POST)){

 header('Location:index.php');

 exit;

}

は、check.phpに直接入れないようにするためのもの。

なので、自動でindex.phpに移動する。

index.phpの部分にアドレス(絶対パス)入れたらそのサイトにも移る。

 

$name_error = '';

$email_error = '';

$tel_error = '';

$message_error = '';

は、とりあえず箱を準備。

入力が空(エラー)だったら、エラー文を表示させるため。



☆check.php

<p><a href="index.php">戻る</a><a href="thanks.php">送信</a></p>

<p><a href="index.php">戻る</a>

<?php

if($error){

 echo '<a href="thanks.php">送信</a>';

}

?>

</p>

赤字を書き換える。

 

☆check.php

<?php

if($error){

 echo '<a href="thanks.php">送信</a>';

}

?>

は、$errorがfalseであるときデータが送信される仕組み。

 

☆check.php

$_SESSION=array();

$_SESSION['mail_data'] ['name'] = $name;

$_SESSION['mail_data'] ['email'] = $email;

$_SESSION['mail_data'] ['tel'] = $tel;

$_SESSION['mail_data'] ['message'] = $message;

$_SESSION['mail_date'] ['error'] = $error;



phpは上から実行されていく!




☆thanks.php

<?php

require_once './init.php';

//var_dump($_SESSION);

 

if(!$_SESSION['mail_date'] ['error']){

 header('Location:index.php');

 exit;

}

これは、何も入力されていなかった場合は index.php が表示されるようにする命令。



おすすめ著書 → レイモンド・ローウィ著「口紅から機関車まで」