電商購物網站 - 詳細設計

一、用戶註冊模塊的設計與實現

註冊模塊功能設計介紹數據庫

功能:本模塊主要用於新用戶註冊,用戶經過表單提供用戶名和密碼信息,系統根據用戶提供的註冊信息對用戶進行具體操做。spa

輸入操做:用戶名、密碼、確認密碼。設計

對應處理:3d

  1. 輸入註冊信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點擊「註冊」按鈕提交表單數據信息。已註冊用戶,可點擊「登陸」按鈕,進入登陸頁面。code

  2. 用戶註冊身份驗證:鏈接數據庫,以輸入的「用戶名」數據爲查詢條件來查看輸入用戶名是否已存在,若是用戶名未註冊,則提示註冊成功並轉到登陸頁進行登陸,若是用戶已註冊,則給出用戶已存在提示並從新註冊。blog

二、用戶註冊界面草圖

註冊界面圖片

用戶註冊界面草圖以下:rem

三、用戶登陸模塊的設計與實現

登陸模塊設計與實現it

功能:本模塊主要用於對用戶身份進行鑑別。用戶經過表單提供用戶名和密碼信息,系統根據用戶提供的登陸信息對用戶進行查詢鑑別。 若是身份合法,則用戶可進入商品頁面。class

輸入操做:用戶名、密碼。

對應處理:

  1. 輸入用戶的登陸信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點擊「登陸」按鈕提交表單數據信息。 也可點擊「註冊」按鈕,註冊新用戶。

  2. 用戶身份進行驗證:鏈接數據庫,打開user集合,檢驗用戶登陸信息。以輸入的「用戶名」數據爲查詢條件來查看用戶是否存在,若是存在,繼續檢驗其輸入密碼是否正確,密碼和用戶名都正確,則進入商品展現頁面;若是用戶名不存在或密碼不正確,則給出相應的提示。

四、用戶登陸界面草圖

登陸界面草圖

用戶登陸界面草圖以下:

五、商品界面介紹和草圖

商品頁面介紹

商品頁呢,咱們主要來展現商品,用戶登陸成功以後將會跳入商品頁,可對全部商品進行查看, 每一個商品信息的內容包括:商品名稱、商品圖片、商品價格,用戶可瀏覽也可將其加入購物車。

頁面草圖以下所示:

六、購物車界面介紹和草圖

商品頁面介紹

關於購物車頁面,主要展現用戶已購買的商品,包括商品的信息、價格、數量,固然用戶能夠對其中商品進行增長、減小、刪除操做,最後,用戶可選擇對其中商品進行結算,選擇結算後,會提示相應的付款金額。

頁面草圖以下所示:

相關文章
相關標籤/搜索