2022 ソフトウェア設計及び演習用の班Wiki

類家

表示

• 一番上に「収入/支出」ボタン(必須)
• 「分類(必須)」「金額(必須)」「内容(任意)」を入力する欄(cf：内容項目は中間時点では実装せず)
• ↑の欄の右側に、支出の分類項目を選ぶリスト
• 下部に「保存」「戻る」ボタン

画面の動き

• 「収入」ボタン…分類項目は押せなくなる　←色を薄くする
• 「支出」ボタン…分類項目を選択でき、押されたものが「分類」欄に表示
• 「保存」ボタン…入力内容が充分であれば、保存して詳細画面に戻る
• 「戻る」ボタン…保存せずに詳細画面へ戻る
• ！必須項目を入力せずに保存を押す…アラートで「選択してください」を表示

ユーザー側の動作

1. 収入か支出かを選ぶ
   
2. 項目から分類を選ぶ
   
3. 金額を入力する
   
4. 保存ボタンを押す
   

input.html

• ボタンの実装やJSの埋め込み
  • 分類…リスト
  • 金額…１以上の自然数のみ受理
  • 内容…テキスト入力※「*」を受理しない
  • 保存…保存用のボタン
  • 戻る…戻る用のボタン

input.js

• 入力された値を判断し、遷移するページを指定
• 「保存」が押されたとき、以下をクリアしたらデータに書き込む。SEが鳴る。
  • 「収入/支出」ボタンは押されたか？ →未入力ならアラート
  • もし「支出」が押されたら、値に*(-1)する。
  • 「金額」は半角数字で入力されているか？ →不適切ならアラートで再入力を促す
  • 「分類」は選択されているか？ →未選択ならアラート
  • 「内容」に"*"が入力されていないか？(仮) →入力されていればアラートで示す
    

data.js (担当：上見)

戻る