摘要:用戶注冊模塊的設(shè)計(jì)與實(shí)現(xiàn)注冊模塊功能設(shè)計(jì)介紹功能本模塊主要用于新用戶注冊,用戶通過表單提供用戶名和密碼信息,系統(tǒng)根據(jù)用戶提供的注冊信息對用戶進(jìn)行具體操作。如果身份合法,則用戶可進(jìn)入商品頁面。
1、用戶注冊模塊的設(shè)計(jì)與實(shí)現(xiàn)
注冊模塊功能設(shè)計(jì)介紹
功能:本模塊主要用于新用戶注冊,用戶通過表單提供用戶名和密碼信息,系統(tǒng)根據(jù)用戶提供的注冊信息對用戶進(jìn)行具體操作。
輸入操作:用戶名、密碼、確認(rèn)密碼。
對應(yīng)處理:
輸入注冊信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點(diǎn)擊“注冊”按鈕提交表單數(shù)據(jù)信息。已注冊用戶,可點(diǎn)擊“登錄”按鈕,進(jìn)入登錄頁面。
用戶注冊身份驗(yàn)證:連接數(shù)據(jù)庫,以輸入的“用戶名”數(shù)據(jù)為查詢條件來查看輸入用戶名是否已存在,如果用戶名未注冊,則提示注冊成功并轉(zhuǎn)到登錄頁進(jìn)行登錄,如果用戶已注冊,則給出用戶已存在提示并重新注冊。
2、用戶注冊界面草圖注冊界面
用戶注冊界面草圖如下:
3、用戶登錄模塊的設(shè)計(jì)與實(shí)現(xiàn)登錄模塊設(shè)計(jì)與實(shí)現(xiàn)
功能:本模塊主要用于對用戶身份進(jìn)行鑒別。用戶通過表單提供用戶名和密碼信息,系統(tǒng)根據(jù)用戶提供的登錄信息對用戶進(jìn)行查詢鑒別。 如果身份合法,則用戶可進(jìn)入商品頁面。
輸入操作:用戶名、密碼。
對應(yīng)處理:
輸入用戶的登錄信息:在頁面提供的表單處輸入用戶的用戶名和密碼信息,點(diǎn)擊“登錄”按鈕提交表單數(shù)據(jù)信息。 也可點(diǎn)擊“注冊”按鈕,注冊新用戶。
用戶身份進(jìn)行驗(yàn)證:連接數(shù)據(jù)庫,打開user集合,檢驗(yàn)用戶登錄信息。以輸入的“用戶名”數(shù)據(jù)為查詢條件來查看用戶是否存在,如果存在,繼續(xù)檢驗(yàn)其輸入密碼是否正確,密碼和用戶名都正確,則進(jìn)入商品展示頁面;如果用戶名不存在或密碼不正確,則給出相應(yīng)的提示。
4、用戶登錄界面草圖登錄界面草圖
用戶登錄界面草圖如下:
5、商品界面介紹和草圖商品頁面介紹
商品頁呢,我們主要來展示商品,用戶登錄成功之后將會(huì)跳入商品頁,可對所有商品進(jìn)行查看, 每個(gè)商品信息的內(nèi)容包括:商品名稱、商品圖片、商品價(jià)格,用戶可瀏覽也可將其加入購物車。
頁面草圖如下所示:
6、購物車界面介紹和草圖商品頁面介紹
關(guān)于購物車頁面,主要展示用戶已購買的商品,包括商品的信息、價(jià)格、數(shù)量,當(dāng)然用戶可以對其中商品進(jìn)行增加、減少、刪除操作,最后,用戶可選擇對其中商品進(jìn)行結(jié)算,選擇結(jié)算后,會(huì)提示相應(yīng)的付款金額。
頁面草圖如下所示:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/19013.html
摘要:前言這是電商系統(tǒng)設(shè)計(jì)系列在商品設(shè)計(jì)這塊的最后一篇文章。電商系統(tǒng)商品相關(guān)的文章已經(jīng)到了尾聲如果有其他商品相關(guān)的文章需要編寫可以私信聯(lián)系我畢竟我也是公司員工寫這些文章并不是我的工作,只是記錄我的職業(yè)生涯。 showImg(https://segmentfault.com/img/bVbePdh?w=1260&h=628); 前言 這是電商系統(tǒng)設(shè)計(jì)系列在商品設(shè)計(jì)這塊的最后一篇文章。以下是其他...
摘要:登錄之后,用戶可以對相關(guān)商品進(jìn)行選購并添加到購物車。結(jié)構(gòu)劃分項(xiàng)目主要分為以下幾大模塊注冊模塊,登錄模塊,商品模塊購物車模塊結(jié)算模塊。購物車模塊對相關(guān)商品進(jìn)行增加減少刪除操作。結(jié)算模塊對購物車內(nèi)已選擇商品進(jìn)行結(jié)算。 1、功能介紹 用戶可以完成注冊、登錄,登錄后對商品進(jìn)行瀏覽。 登錄之后,用戶可以對相關(guān)商品進(jìn)行選購并添加到購物車。 用戶可以對購物車?yán)锩娴纳唐愤M(jìn)行增加、減少、刪除操作。 用...
摘要:致謝感謝你們看到這里,下一篇我會(huì)講一下關(guān)于電商系統(tǒng)的商品設(shè)計(jì)的部分。 showImg(https://segmentfault.com/img/bVbclTs?w=500&h=329); 電商大伙每天都在用,類似某貓,某狗等。電商系統(tǒng)設(shè)計(jì)看似復(fù)雜又很簡單,看似簡單又很復(fù)雜本章適合初級工程師及中級工程師細(xì)看,大佬請隨意 前言 設(shè)計(jì)以以下為工具講起 PHP為開發(fā)語言 基于Laravel框...
摘要:特點(diǎn)是與年月推出的一個(gè)開源的,移動(dòng)端頁面加速解決方案。僅運(yùn)行加速動(dòng)畫移動(dòng)端動(dòng)畫優(yōu)化主要方案。緩存緩存頁面,加速文檔請求相應(yīng)。參考資料中文文檔如何提升性能,來自的移動(dòng)頁面優(yōu)化方案關(guān)于谷歌的,你需要知道這些瀏覽器渲染頁面過程與頁面優(yōu)化 showImg(https://segmentfault.com/img/bVbfUVe?w=394&h=219); AMP在國內(nèi)應(yīng)該很少有人接觸得到,今天...
閱讀 2345·2021-11-23 09:51
閱讀 1154·2021-11-22 15:35
閱讀 5432·2021-11-22 09:34
閱讀 1745·2021-10-08 10:13
閱讀 3083·2021-07-22 17:35
閱讀 2721·2019-08-30 15:56
閱讀 3158·2019-08-29 18:44
閱讀 3193·2019-08-29 15:32