アカウント新規作成_基本設計


{success} アカウント一覧部分で押下した際ののコンテンツ部分の基本的事項を明記します。


概要

KIZUNAを運営する本システムにログインできるアカウントの新規作成画面です。

新規作成後→再度詳細取得APIで最新に更新します。

アカウント発行は本画面からでしか行えません。

パスワードも事前に作成し、必要に応じて、ログイン画面の「パスワードを忘れた方」からパスワードを再設定します。


基本情報

名称 定義 備考
ディレクトリ components/views/account vue.jsのディレクトリです。
component account-create vue.jsのcomponennt名です。
ファイル名はAccountCreate
route /account route名です。

画面レイアウト図

設計時:

image


画面項目

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

No. 物理名 項目・論理名 タイプ 必須 備考
1 name アカウント名称 input - 25まで
2 login_id ログインID input - メアド 255まで
3 password パスワード input - 英数小文字8桁以上
4 - 新規作成ボタン input -

画面アクション

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

対象No. 項目名 処理内容
新規作成 4 押下で新規作成→再度詳細取得API実行(flashで状態を表示する(成功等))

処理

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

No. 項目名 処理内容
1 アカウント情報取得 アカウント情報取得_API
2 アカウント新規作成 アカウント新規作成_API

詳細設計

アカウント新規作成・編集