背景デザイン画像1 背景デザイン画像2

Portfolio

掲示板を作成してみたので仕様をメモ

MENU

画面構成

セミナーでphpを使用したアプリ開発を習ってきたので画面構成などメモ

実装コードは以下
web-message-board

掲示板の仕様


投稿について
  • 画面上部(=線の間)が「ひとこと」を投稿する入力フォームになっています

  • フォーム(四角い空欄のとこ)に文字を入力した状態で「投稿する」をクリックするとデータベースに保存されます

  • フォームに入力される内容は「投稿者ニックニーム」と「投稿内容」のみで、どちらも必須項目にしています

  • 空の状態でボタンがクリックされるとエラーメッセージ「投稿内容の入力は必須です」を表示します

  • 30文字を超える投稿者名を入力して投稿するとエラーメッセージ「ニックネームは 30 文字以内で入力してください」を表示します

  • 1000文字を超える投稿文を入力して投稿するとエラーメッセージ「投稿内容は 1000 文字以下で入力してください」を表示します

投稿内容の表示について
  • 画面下部が投稿された内容を一覧表示する領域になっています

  • 表示内容は「投稿者ニックネーム」「内容」「投稿した時刻」です

  • 「削除」が押されると投稿を削除します (投稿者以外の人が押しても削除されます)

データベースについて

データベースは以下の手順で作成しました。

 1. phpMyAdminを使って message_board データベースを作成
 2. message_board データベースの中に postsテーブルを作成
 3. posts テーブルにカラムを定義