画面設計|アカウント確認・編集画面


{success} アカウント確認・編集画面の画面設計を明記します。


基本情報

名称 定義 備考
ディレクトリ components vue.jsのディレクトリです。
component account.vue vue.jsのcomponennt名です。
route account

画面レイアウト図

image


画面項目

{primary} 画面に表示する項目等の情報を記載します。

No. 項目名 タイプ 必須 アクション有無 備考
0 メールアドレス 入力 - -
1 名前 入力 - -
2 パスワード 入力 - - ※新規登録時のみ必須
3 権限 radio - マスター 管理者 一般
4 登録・更新 button - -
5 削除 button - 新規作成では表示されない

基本事項

{primary} 本機能での基本事項を明記します。

No. 項目名 処理内容
1 オーナーアカウント 概要に記載があるが、オーナーアカウントは、権限・名称の変更は不可とする
2 パスワード変更 パスワード変更時、連絡機能はないので、自身で連絡する必要がある

画面アクション

{primary} 上記項目の備考で記載しきれないものや、特記事項があるものを記載します。主に画面の処理(フロント)を記載します。

No. 項目名 処理内容
1 編集 背景が反転してコンテンツが入力モードに切り替わる
2 閉じる 入力から表示モードに切り替わる
3 登録・更新 作成・編集しているユーザー情報を更新する
4 削除 編集を行っているユーザーのアカウント情報を削除する

処理

{primary} 本画面に関する処理を記載します。主にシステムの処理(バックエンド)を記載します。

No. 項目名 処理内容
1 アカウントの詳細取得 開いたアカウントの詳細取得
2 アカウントの更新 アカウントのupdate
3 ログインIDの重複チェック ログインIDの重複チェック
4 パスワードの更新判定 パスワードを変更せずに更新した際のパスワードgurad
5 オーナーアカウント オーナーアカウントの際、権限・名称変更不可

ページ権限

{danger} アカウント権限制御 をチェック


詳細設計

アカウント新規登録・編集