電商購物網站-詳細設計
1、用戶註冊模塊的設計與實現
註冊模塊功能設計介紹
功能:本模塊主要用於新用戶註冊,用戶通過表單提供用戶名和密碼信息,系統根據用戶提供的註冊信息對用戶進行具體操作。
輸入操作:用戶名、密碼、確認密碼。
對應處理:
輸入註冊信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點擊「註冊」按鈕提交表單數據信息。已註冊用戶,可點擊「登錄」按鈕,進入登錄頁面。
用戶註冊身份驗證:連接資料庫,以輸入的「用戶名」數據為查詢條件來查看輸入用戶名是否已存在,如果用戶名未註冊,則提示註冊成功並轉到登錄頁進行登錄,如果用戶已註冊,則給出用戶已存在提示並重新註冊。
2、用戶註冊界面草圖
註冊界面
用戶註冊界面草圖如下:
3、用戶登錄模塊的設計與實現
登錄模塊設計與實現
功能:本模塊主要用於對用戶身份進行鑒別。用戶通過表單提供用戶名和密碼信息,系統根據用戶提供的登錄信息對用戶進行查詢鑒別。 如果身份合法,則用戶可進入商品頁面。
輸入操作:用戶名、密碼。
對應處理:
輸入用戶的登錄信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點擊「登錄」按鈕提交表單數據信息。 也可點擊「註冊」按鈕,註冊新用戶。
用戶身份進行驗證:連接資料庫,打開
user
集合,檢驗用戶登錄信息。以輸入的「用戶名」數據為查詢條件來查看用戶是否存在,如果存在,繼續檢驗其輸入密碼是否正確,密碼和用戶名都正確,則進入商品展示頁面;如果用戶名不存在或密碼不正確,則給出相應的提示。
4、用戶登錄界面草圖
登錄界面草圖
用戶登錄界面草圖如下:
5、商品界面介紹和草圖
商品頁面介紹
商品頁呢,我們主要來展示商品,用戶登錄成功之後將會跳入商品頁,可對所有商品進行查看, 每個商品信息的內容包括:商品名稱、商品圖片、商品價格,用戶可瀏覽也可將其加入購物車。
頁面草圖如下所示:
6、購物車界面介紹和草圖
商品頁面介紹
關於購物車頁面,主要展示用戶已購買的商品,包括商品的信息、價格、數量,當然用戶可以對其中商品進行增加、減少、刪除操作,最後,用戶可選擇對其中商品進行結算,選擇結算後,會提示相應的付款金額。


※Photoshop 技能167個,看完小白立馬變身中級水平
※你對web方向了解多少
※php開發工具,你用到了幾個,哪些工具最常用
※前端工程師寫出的一個項目,考考你到底是否加減法學好了
TAG:麥田守望客 |
※網上購物與實體店購物
※蘇寧418購物節啟動:從商品零售商轉型品質服務商
※英國數碼商品購物網站資料庫泄露 致軍方警方政府購買記錄曝光
※德國TOP購物網站的流量來源及分布
※收購物聯網系統廠商,微軟IoT再擴「邊」
※Twitter發布《全球移動電商研究報告》 :移動消費推動全球電商市場增長,節假日營銷引發在線購物熱潮
※超高層+集中商業建築規劃設計:蘇州豐隆城市購物中心/案例
※軟銀集團擬開設新購物網站對抗亞馬遜
※港服PS商店推出預購遊戲送85折購物折扣代碼活動
※沃爾瑪申請虛擬商店專利 讓用戶通過VR購物
※東京購物
※新手彩妝購物分享
※給你更科幻的網購體驗 亞馬遜推出AR購物工具
※超140家零售商與科技公司聯手改善AR/VR購物體驗
※網上購物易遭「大數據殺熟」,電影票、機票、網購、打車無一例外
※體驗式購物——零售商的圈錢新套路?
※谷歌打造跨零售商的一站購物車
※美國微軟與百思買購物網站下架華為數碼產品
※購物中心導視系統設計指導大全,乾貨!
※社交應用Line推出在線購物平台,搶佔泰國電商市場