Bb9cd387a1ab1800

日記投稿システムを作成

OVERVIEW

大学の先生のサーバをお借りし、自身のMySQLでデータを保管しているため、他者がコードを使用する際は、別に準備するものが必要ですが、成果物として掲載しておきます。Java、HTML、CSSを使用しました。

YEAR 2020


概要:
ユーザが日記を投稿したり、他ユーザの日記を閲覧したりすることができる日記投稿システム。

全体像:

  • ホーム

  • ユーザ登録ページ

  • 日記観覧ページ

  • 新規日記登録ページ

機能として、

  • ユーザ
    • ログインIDとパスワードを入力することで、システムにログインすることができ、タイトルと本文の情報を入力することで、日記を投稿することができる。
    • 自分または他ユーザが投稿した日記を閲覧することができる。
    • ログインID、氏名、パスワードの情報を入力することで、ユーザ登録を行うことができる。
    • 検索機能を使い、観覧する日記を絞ることができる。
  • システム
    • 投稿時、システムは登録日時と投稿者名(投稿ユーザの氏名)を追加し、1件の日記として登録する。
    • 日記閲覧時には、システムに登録されている日記が投稿順(新しいものが上位)にすべて表示される。各日記には、それぞれのタイトル、本文、投稿者名、投稿日時が表示される。
    • 登録時、システムは入力情報に登録日時を追加し、ユーザ情報として登録する。ただし、入力したログインIDがすでにシステムに登録されている場合は、再度別のIDを入力するように促す。

があり、工夫した点は、

  • 全体的に色を統一し、見やすいように工夫した。
  • CSSを使用しシンプルに仕上げた。
  • 投稿するだけでなく、IDで検索し日記を探すことが出来る。

  • どこか入力し忘れや入力ミスの際に、ページからメッセージを表示。