註冊模塊功能設計介紹數據庫
功能:本模塊主要用於新用戶註冊,用戶經過表單提供用戶名和密碼信息,系統根據用戶提供的註冊信息對用戶進行具體操做。spa
輸入操做:用戶名、密碼、確認密碼。設計
對應處理:3d
輸入註冊信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點擊「註冊」按鈕提交表單數據信息。已註冊用戶,可點擊「登陸」按鈕,進入登陸頁面。code
用戶註冊身份驗證:鏈接數據庫,以輸入的「用戶名」數據爲查詢條件來查看輸入用戶名是否已存在,若是用戶名未註冊,則提示註冊成功並轉到登陸頁進行登陸,若是用戶已註冊,則給出用戶已存在提示並從新註冊。blog
註冊界面圖片
用戶註冊界面草圖以下:rem
登陸模塊設計與實現it
功能:本模塊主要用於對用戶身份進行鑑別。用戶經過表單提供用戶名和密碼信息,系統根據用戶提供的登陸信息對用戶進行查詢鑑別。 若是身份合法,則用戶可進入商品頁面。class
輸入操做:用戶名、密碼。
對應處理:
輸入用戶的登陸信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點擊「登陸」按鈕提交表單數據信息。 也可點擊「註冊」按鈕,註冊新用戶。
用戶身份進行驗證:鏈接數據庫,打開user
集合,檢驗用戶登陸信息。以輸入的「用戶名」數據爲查詢條件來查看用戶是否存在,若是存在,繼續檢驗其輸入密碼是否正確,密碼和用戶名都正確,則進入商品展現頁面;若是用戶名不存在或密碼不正確,則給出相應的提示。
登陸界面草圖
用戶登陸界面草圖以下:
商品頁面介紹
商品頁呢,咱們主要來展現商品,用戶登陸成功以後將會跳入商品頁,可對全部商品進行查看, 每一個商品信息的內容包括:商品名稱、商品圖片、商品價格,用戶可瀏覽也可將其加入購物車。
頁面草圖以下所示:
商品頁面介紹
關於購物車頁面,主要展現用戶已購買的商品,包括商品的信息、價格、數量,固然用戶能夠對其中商品進行增長、減小、刪除操做,最後,用戶可選擇對其中商品進行結算,選擇結算後,會提示相應的付款金額。
頁面草圖以下所示: