日記とつぶやきのアプリ

PHPを用いた保存・編集・削除ができる簡易的な日記とつぶやきの投稿アプリです。

                                    

制作期間:

1ヶ月

アプリ名:Talker

PHPを使った簡易的なメッセージ投稿アプリです。

目的:

自分の勉強の記録を残せるようなアプリを作りたいと考え作成しました。

工夫した箇所:

ラジオボタンによる振分け

日記のような投稿と呟きのような投稿で振り分けられるようにラジオボタンをつけ、別ページにそれぞれ、日記のみの一覧、呟きのみの一覧を表示できるようにしています。

実際の画面では以下の部分にあります。↓

矢印で示している個所がラジオボタンになります。

Login時のアラートメッセージを切り替え

PHPの条件分岐によってテキストとそのテキストに対してのckass名を変化させて、メッセージと背景色を変えています。

初めてログイン画面を開いた時には、

「ログインして下さい」という青色の背景のメッセージ

未入力のままログインボタンを押すと

「ユーザー名またはパスワードが入力されていません」と黄色の背景メッセージ

間違ったユーザー名とパスワードを入力すると

「ユーザー名またはパスワードが違います」という赤色の背景のメッセージ

使用言語:

HTML

CSS

PHP

説明:

ログイン画面にて

パスワード:sample

ユーザー:sample    と入力するとログインできます。

ログアウトはログイン後の入力フォームの右上にある紫のボタンからログアウト可能です。

データベースへの接続方法:

PDOを使用して接続しております。


—作品ページへは以下からアクセス可能です—

QRコード

↑閲覧用QRコード

URL

閲覧用URL:https://kuramasa-portfolio.net/portfolio/talker/login.php