パスワード忘れた方_基本設計


{success} CMPSパスワード忘れた方画面の基本的事項を明記します。


概要

パスワードを忘れたKIZUNA管理者のパスワード再発行メールを送付する画面。

メールアドレス存在チェック→メール送付(本人確認)→パスワード再設定→ログインの流れとなる。


基本情報

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

画面レイアウト図

設計時:

image


画面項目

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

No. 項目名 タイプ 必須 備考
1 ID(メールアドレス) input メールアドレス
2 パスワード再発行 button - API/resultで判定し、成功したらログイン画面へ戻す。

画面アクション

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

対象No. 項目名 処理内容
エラーの表示 1 APIのレスポンスでvalidationエラー表示(RT)
成功時 2 API/resultで判定し、成功時にflashを表示し、その後ログイン画面へ戻す

処理

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

No. 項目名 処理内容
1 API パスワード忘れた方_API

詳細設計

パスワード忘れた方