Macを使ってMAMPとAtomでホームページ制作をしています。
参考書を見ながらPHPで、投稿されたメッセージをサーバーに保存して入出力を行う掲示板機能を実装しようとしているのですが、どうしても上手くいきません。入出力用のPHPファイルをそれぞれ製作して
MAMPのApacheのスイッチを入れながら動作確認をしているのですが…
HTMLで製作したホームページの上で PHPでその機能が作動するようにしたいのですがどのように設定したら宜しいのでしょうか?
因みに私が行ったのは、HTML文書をPHPに変えて入出力用のファイルを組み込んだり、HTMLはそのままにして組み込んだりもしてみましたが、上手くいきません。
なお、HTMLはテキストエディットで編集したもので、画像付きです。
なお、私が書いたHTMLのファイルはこちらです。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="1561.2">
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; line-height: 72.0px; font: 48.0px 'Hiragino Sans'; color: #000000; -webkit-text-stroke: #000000}
p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; line-height: 27.0px; font: 18.0px 'Hiragino Sans'; color: #000000; -webkit-text-stroke: #000000}
p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 27.0px; font: 18.0px 'Hiragino Sans'; color: #000000; -webkit-text-stroke: #000000}
p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 14.0px; font: 12.0px Times; color: #000000; -webkit-text-stroke: #000000; min-height: 14.0px}
p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; line-height: 36.0px; font: 24.0px 'Hiragino Sans'; color: #000000; -webkit-text-stroke: #000000}
li.li3 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 27.0px; font: 18.0px 'Hiragino Sans'; color: #000000; -webkit-text-stroke: #000000}
span.s1 {font-kerning: none}
ul.ul1 {list-style-type: square}
</style>
</head>
<body>
<p class="p1"><span class="s1"><b>栄田電子研究開発協会(栄田会)</b></span></p>
<p class="p2"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1">「栄田会」のホームページへようこそ!!</span></p>
<p class="p3"><span class="s1">このサイトは、私、栄田圭佑が地元・上飯田で主催している飲み会のホームページです。</span></p>
<img src="/Users/KeisukeSakaeda/Desktop/せごどん.jpg">
<p class="p3"><span class="s1">(因みに写真の西郷さんは管理人の趣味で載せているだけで、当会とは無関係でございます。)</span></p>
<img src="/Users/KeisukeSakaeda/Desktop/栄田会ホームページ/せごどん.jpg">
<p class="p4"><span class="s1"></span><br></p>
<p class="p4"><span class="s1"></span><br></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p5"><span class="s1"><b>栄田会の沿革</b></span></p>
<ul class="ul1">
<li class="li3"><span class="s1">2015年頃にメンバー4人で結成(第1回目はカラオケ会)</span></li>
<li class="li3"><span class="s1">2016年頃に第2回開催</span></li>
<li class="li3"><span class="s1">2018年3月に第3回開催</span></li>
</ul>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p3"><span class="s1"><br>
</span></p>
<p class="p2"><span class="s1"><br>
</span></p>
</body>
</html>
入力フォームのコードはこちらです。
<?php require '../header.php';?>
<p>投稿するメッセージを入力して下さい</p>
<form action="board-output.php" method="post">
<input type="text" name="message">
<input type="submit" value="投稿">
</form>
<?php require '../footer.php';?>
出力のコードはこちらです。
<?php require'../header.php';?>
<?php
$file='board.txt';
if(file exists($file)){
$board=json_decode(file_get_contents($file));
}
$board[]=$_REQUEST['message'];
file_put_contents($file,json_encode($board));
foreach($board as $message){
echo '<p>' , $message, '</p><hr>';
}
?>
<?php require '../footer.php';?>