ログイン_基本設計


{success} CMPSログイン画面の基本的事項を明記します。


概要

ログイン者はKIZUNA管理者のみとなる。

アカウント発行は、管理者が発行したアカウントのみとする。(管理画面内で発行)


基本情報

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

画面レイアウト図

設計時:

image


画面項目

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

No. 項目名 タイプ 必須 備考
1 ID input メールアドレス
2 PASSWORD input 英数小文字8桁以上
3 パスワード忘れた方 button - パスワードリセットページへ遷移
4 LOGIN button - 問題なければダッシュボードへ遷移

画面アクション

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

対象No. 項目名 処理内容
エラーの表示 1.2 APIのレスポンスでvalidationエラー表示(RT)

処理

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

No. 項目名 処理内容
1 ログインチェック ログイン_API

アラート

{primary} 本画面にアラートの情報を記載します。

No. 条件 表示テキスト
- なし なし

詳細設計

ログイン画面