Ruby Design - 関数のデモ

ユーザーマニュアルと機能表示

1 非ログイン状態

非ログイン状態では、製品カタログなどの一部のWebページや機能を閲覧できます

ここに画像の説明を挿入

ただし、たとえば、注文の支払いが必要な場合、注文は自動的にログイン インターフェイスにリダイレクトされます。

2 ログイン

ログイン インターフェイスは図のとおりです。

ここに画像の説明を挿入

ログインと登録の 2 つのオプションがあります. 既にアカウントを持っているユーザーの場合, 彼らは直接ログインすることができます. 正しいパスワードでログインできます, そして間違ったパスワードは以下に示すようにエラーを報告します.

ここに画像の説明を挿入

正しいパスワードでログインでき、ログイン後の左パネルにユーザー名とログアウトボタンが表示されます

ここに画像の説明を挿入

ログイン機能により、ユーザーの権限が高まっていることがわかる(上部ナビゲーションバーのナビゲーションが増えた)

3 登録

登録インターフェイスでユーザー名、パスワード、およびパスワードの確認を入力することを選択でき、同時に自分の ID を入力する必要があります。

ここに画像の説明を挿入

ショッピングカート4個

ユーザーが商品を閲覧するとき、商品をショッピング カートに追加すると、左側にショッピング カート パネルが表示され、割引価格とショッピング カートの合計金額も表示されます。ユーザーは、ショッピング カートを空にするか、または空にするかを選択できます。のコンテンツ生成順序に従って

ここに画像の説明を挿入

5 注文

ユーザーは「決済」ボタンをクリックして注文情報改善インターフェースに入り、情報を入力して注文を生成します

ここに画像の説明を挿入

管理側では、注文情報を表示できます。

注文概要

ここに画像の説明を挿入

注文詳細:

ここに画像の説明を挿入

6 お気に入り

ユーザーは、ストア インターフェイスの [お気に入りに追加] ボタンをクリックして製品をブックマークできます。[お気に入り] ナビゲーションでは、ユーザーがお気に入りにしたすべての製品を表示できます。

ここに画像の説明を挿入

ユーザーは、ショッピング カートにお気に入りを追加したり、お気に入りをお気に入りから削除したりできます。

7 プロモーション

各プロモーションにはいくつかの製品が含まれ、製品にはいくつかの割引があり、顧客の実際の消費に反映されます.顧客はストアインターフェースで各製品の割引を確認できます:

ここに画像の説明を挿入

同時に、ユーザーは現在のアクティビティを直接参照して、関連する製品と割引を確認することもできます

ここに画像の説明を挿入

運営側では、イベントを作成し、イベントに参加する商品を選択できます

ここに画像の説明を挿入

ここに画像の説明を挿入

8 商品管理

管理者は製品を追加、削除、変更、照会できます

ここに画像の説明を挿入

9 ユーザー管理

管理者は、ユーザーを追加、削除、変更、およびクエリできます

ここに画像の説明を挿入


おすすめ

転載: blog.csdn.net/living_frontier/article/details/129981218
おすすめ