【151日目】投稿フォームに記事を呼び出せるようにする-7
Posted: Last Update:
「記事の投稿ページを作成する」プロジェクト。昨日は記事の一覧から、記事編集ページのURLに遷移できるようになりました。今日は、記事編集ページを作成していきたいです！
ここまでの成果
今手打ちでタグとかも書いている入力を、フォームで簡単にできるようにするのが目標。一大プロジェクト「記事の投稿ページを作成する」！
ここまでの作業で完了したことは大きく次の3つです。
- フォームのデザインを整えた
- ページ左側のMenuからサイトを選ぶと、真ん中に記事一覧ページを表示させる
- 記事のクリックで編集ページのURLに遷移する
画面中央に記事一覧ページを表示させた状態が、次のスクリーンショットです。
画面に記事内容を出力してみる
さて、記事一覧からURLに遷移できるようになりましたが、内容はまだなにも表示されていません。目標は、一番最初に作った下記のようなフォームに内容を入れ込んでいくこと。
すぐにこのページに取り掛かるのは骨がおれそうなので、まずは簡単に掲題だけを出力するテストをしてみましょう！
表示したい記事の番号がURLに記載されている際のページを準備しました。URLに記事番号がある場合には、このページを表示するPHPも作成完了。とりあえず、記事のタイトルを表示させてみます。
うまく動きました！
ここまでで書いたPHPはこんな感じです。まずはページ遷移
if(isset($type)){ include($mypath.'/main/selectentry.txt');}
elseif(isset($filenum)){include($mypath.'/main/entrypage2.txt');}
else{ include($mypath.'/main/entrypage.txt');}
そして、こちらが記事画面用。
$targetdir = str_replace("Form", $site, $mypath);
require("$targetdir/$category/$filenum.txt");
echo '<h1>'.$articletitle.'</h1>';
フォームに記事内容を入れていく
記事の内容もうまく引っ張って来られたので、次はフォームに入れ込んでいきましょう。作業していきます…。
とりあえずこんな感じで記事内容を呼び出してみました。字の大きさとか気になりますし、画像はファイル番号だとよくわからないですね…。要するに「デザインがいまいち！」
ここまでのHTML+PHPはこんな感じです。
$targetdir = str_replace("Form", $site, $mypath);
require("$targetdir/$category/$filenum.txt");
<h2>記事入力</h2>
<h3>記事の基本情報</h3>
<form>
<div class="base">
<label for="date">ファイル名</label>
<input type="text" id="date" name="date" value="<?php echo $filenum; ?>"><br>
<label for="title">タイトル</label>
<input type="text" id="title" name="title" value="<?php echo $articletitle; ?>"><br>
<label for="image">イメージ画像</label>
<input type="text" id="image" name="image" value="<?php echo $articletimg; ?>"><br>
<label for="description">記事の説明分（100～150文字）</label>
<textarea type="text" id="description" name="description" rows="4" cols="50" value="<?php echo $articleintro; ?>" placeholder="<?php echo $articleintro; ?>"></textarea><br>
</div>
………
</form>
</article>
今日はここまで！
ちょうど時間が来てしまったので、今日はここまで！だいぶ記事内容を呼び出せたので満足です。
明日はデザインをもう少し整えつつ、記事本文の内容も呼び出せるようにしていきたいと思います。では、また明日！
記事をシェアする
亀の子に連絡
ランキング参加中！ぽちっとしてね
