最新前臺(tái)功能設(shè)計(jì)與實(shí)現(xiàn)精品ppt課件教程文件

1、網(wǎng)站前臺(tái)功能設(shè)計(jì)與實(shí)現(xiàn)學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) w 了解電子商務(wù)網(wǎng)站前臺(tái)功能設(shè)計(jì)的方法。w 能夠分析網(wǎng)站前臺(tái)的功能構(gòu)成。w 熟悉網(wǎng)上購(gòu)物的業(yè)務(wù)流程。w 掌握網(wǎng)站前臺(tái)系統(tǒng)的實(shí)現(xiàn)方法?！皩殞殞殞?65”365”網(wǎng)站主頁(yè)網(wǎng)站主頁(yè)4.1網(wǎng)站主頁(yè)結(jié)構(gòu)設(shè)計(jì) 4.1.1網(wǎng)站主頁(yè)結(jié)構(gòu)設(shè)計(jì) w 頁(yè)面標(biāo)題 w 網(wǎng)站標(biāo)識(shí) w 首導(dǎo)部分 w 主內(nèi)容區(qū) w 尾導(dǎo)部分 end.asp 尾導(dǎo)，顯示網(wǎng)站的公共信息或網(wǎng)站企業(yè)的信息。top.asp 首導(dǎo)，提供功能菜單和內(nèi)容導(dǎo)航top1.asp通用功能區(qū)4.1網(wǎng)站主頁(yè)結(jié)構(gòu)設(shè)計(jì) 4.1.2 主頁(yè)程序設(shè)計(jì)（1）/babyshop/index.asp：網(wǎng)站前臺(tái)主頁(yè)。（2）/babyshop/t

2、op.asp：網(wǎng)站前臺(tái)首導(dǎo)。（3）/babyshop/top1.asp：非會(huì)員通用功能。（4）/babyshop/topmemeber.asp：會(huì)員通用功能。（5）/babyshop/end.asp：網(wǎng)站前臺(tái)尾導(dǎo)。（6）/babyshop/conn.inc：建立數(shù)據(jù)庫(kù)連接。 4.2購(gòu)物管理功能設(shè)計(jì) w網(wǎng)上購(gòu)物流程包含：商品展示、查看購(gòu)物車、填寫(xiě)訂單、完成訂單和訂單查詢等功能。w以“寶寶365”網(wǎng)站為例，說(shuō)明網(wǎng)站各項(xiàng)購(gòu)物管理功能的設(shè)計(jì)。流程圖中提示的頁(yè)面文件其路徑起始于網(wǎng)站根目錄即/babyshop/.。1. 選擇商品，放入購(gòu)物車2. 查看購(gòu)物車中商品3. 填寫(xiě)訂單的信息4. 完成商品訂單4.2

3、購(gòu)物管理功能設(shè)計(jì) goodsindex.asp商品陳列首頁(yè)goodshotsale.asp熱銷商品goodsnew.asp新品推薦goodsdetail.asp商品詳情頁(yè)goodsbargain.asp特價(jià)商品shoppingbagadd.asp添加商品到購(gòu)物車shoppingbagclear.asp清空購(gòu)物車shoppingdinish.asp填寫(xiě)訂單信息index.asp網(wǎng)站主頁(yè)shoppingjz.asp非會(huì)員訂單處理login.asp會(huì)員登錄shoppingbag.asp查看購(gòu)物車生成訂單選擇商品繼續(xù)購(gòu)買商品shoppingmemberjz.asp會(huì)員訂單處理shoppingsucce

4、ss.asp訂單提交成功/huiyuan/index.asp會(huì)員專區(qū)完成訂單等待送貨放棄所選擇商品會(huì)員購(gòu)物非會(huì)員購(gòu)物放入購(gòu)物車購(gòu)物程序流程圖購(gòu)物程序流程圖 4.2購(gòu)物管理功能設(shè)計(jì) 4.2.1 選購(gòu)商品 客戶可以在商品展示頁(yè)面中，尋找要購(gòu)買的商品，然后點(diǎn)擊商品條目中的購(gòu)物車鏈接，即可將商品放入購(gòu)物車?yán)铩?4.2購(gòu)物管理功能設(shè)計(jì) 4.2.2 購(gòu)物車管理 購(gòu)物車?yán)锎娣诺氖强蛻粝Ｍ?gòu)買的商品，通過(guò)購(gòu)物車可以對(duì)其中的商品進(jìn)行調(diào)整，如修改商品的數(shù)量、取消商品等，此頁(yè)面還提供繼續(xù)購(gòu)買商品以及生成訂單等功能。w購(gòu)物車管理程序文件（1）/babyshop/shoppingbagadd.asp：添加商品到購(gòu)物車。

5、（2）/babyshop/shoppingbag.asp：購(gòu)物車管理（查看購(gòu)物車）。（3）/babyshop/shoppingbagclear.asp：清空購(gòu)物車。4.2購(gòu)物管理功能設(shè)計(jì) 4.2.3 訂單處理 當(dāng)客戶完成商品的選購(gòu)后，就要去收銀臺(tái)結(jié)賬，這是在線生成訂單的過(guò)程，也是完成網(wǎng)上購(gòu)物重要的設(shè)計(jì)內(nèi)容之一。w訂單處理程序文件（1）/babyshop/shoppingbagfinish.asp：填寫(xiě)訂單內(nèi)容。（2）/babyshop/shoppingjz.asp：非會(huì)員將訂單信息寫(xiě)入數(shù)據(jù)庫(kù)。（3）/babyshop/shoppingmemberjz.asp：會(huì)員將訂單信息寫(xiě)入數(shù)據(jù)庫(kù)。（4）/

6、babyshop/shoppingsuccexx.asp：完成訂單。（5）/babyshop/nothing.asp：購(gòu)物車為空提示。4.2購(gòu)物管理功能設(shè)計(jì) 4.2.4 訂單查詢當(dāng)客戶完成網(wǎng)上購(gòu)物訂單的處理后，可以得到一個(gè)訂單號(hào)。使用訂單查詢系統(tǒng)，輸入訂單號(hào)和訂單中聯(lián)系人的名字，就可以查詢到此訂單中的購(gòu)物信息和此時(shí)訂單的處理狀態(tài)。訂單查詢流程如圖418所示。w訂單查詢程序文件（1）/babyshop/dingdan/dingdanindex.asp：接受訂單查詢條件。（2）/babyshop/dingdan/dingdancx.asp：顯示訂單查詢結(jié)果。（3）/babyshop/dingdan

7、/fail.asp：訂單查詢失敗提示。4.2購(gòu)物管理功能設(shè)計(jì) 首導(dǎo)會(huì)員專區(qū)./dingdan/dingdanindex.asp接受訂單查詢條件./dingdan/dingdancx.asp顯示訂單查詢結(jié)果./dingdan/fail.asp訂單查詢失敗提示查詢到訂單？修改查詢條件，繼續(xù)查詢完成查詢是否檢查輸入的訂單號(hào)和聯(lián)系人 訂單查詢功能流程圖 4.3會(huì)員管理功能設(shè)計(jì) 在“寶寶365”網(wǎng)站中設(shè)計(jì)了為會(huì)員提供綜合服務(wù)的會(huì)員專區(qū)，提供了會(huì)員注冊(cè)、登錄、注銷、會(huì)員信息修改、找回密碼、訂單查詢、我的購(gòu)物車等管理功能。w會(huì)員管理程序文件（1）/babyshop/huiyuan/user_login.as

8、p：會(huì)員登錄。（2）/babyshop/huiyuan/hylogincheck.asp：會(huì)員登錄身份驗(yàn)證。（3）/babyshop/huiyuan/index.asp：會(huì)員專區(qū)管理。（4）/babyshop/huiyuan/hyedit.asp：會(huì)員修改基本信息。（5）/babyshop/huiyuan/hyeditpw.asp：會(huì)員修改密碼。（6）/babyshop/huiyuan/hyeditbaby.asp：會(huì)員更新寶寶信息。（7）/babyshop/huiyuan/hyloginout.asp：會(huì)員退出（注銷）。（8）/babyshop/huiyuan/hyloginerror.as

9、p：會(huì)員登錄錯(cuò)誤提示。（9）/babyshop/huiyuan/hyzcnew.asp：會(huì)員注冊(cè)條款信息。（10）/babyshop/huiyuan/hyzcform.asp：會(huì)員注冊(cè)信息錄入。（11）/babyshop/huiyuan/hyzcsave.asp：保存會(huì)員注冊(cè)信息。（12）/babyshop/huiyuan/hyzcsuccess.asp：會(huì)員注冊(cè)成功提示。4.4 商品展示功能程序./huiyuan/hylogin.asp會(huì)員登陸入口./huiyuan/hyeditpw.asp會(huì)員修改密碼信息./huiyuan/hylogincheck.asp會(huì)員登錄身份驗(yàn)證./huiyuan

10、/index.asp會(huì)員專區(qū)./huiyuan/hyeditbaby.asp會(huì)員修改寶寶信息./huiyuan/hyedit.asp會(huì)員修改基本信息合法注冊(cè)用戶./huiyuan/hyloginerror.asp會(huì)員登錄錯(cuò)誤提示./huiyuan/hyloginout.asp會(huì)員退出(注銷)是注冊(cè)用戶，則進(jìn)入會(huì)員專區(qū)，系統(tǒng)處于會(huì)員狀態(tài)否所有包含top1.asp頁(yè)面提供會(huì)員登陸登陸入口/babyshop/index.asp網(wǎng)站主頁(yè)在非會(huì)員狀態(tài)下所有包含top.asp頁(yè)面的“會(huì)員專區(qū)”鏈接提供會(huì)員登陸、注冊(cè)登陸、注冊(cè)接受會(huì)員名和密碼./huiyuan/hyzcsave.asp保存會(huì)員注冊(cè)信息./h

11、uiyuan/hyzcnew.asp確認(rèn)會(huì)員注冊(cè)條款信息./huiyuan/hyzcsuccess.asp會(huì)員注冊(cè)成功提示進(jìn)行會(huì)員管理./huiyuan/hyzcform.asp輸入會(huì)員注冊(cè)信息會(huì)員名存在否./huiyuan/ hyloginerro.asp會(huì)員注冊(cè)失敗是返回注冊(cè)頁(yè)面會(huì)員專區(qū)主要功能流程圖會(huì)員專區(qū)主要功能流程圖4.4商品展示功能設(shè)計(jì) 通過(guò)不同的商品表現(xiàn)形式，向客戶展示網(wǎng)站的各類商品，使客戶有目的且快速地挑選所需商品。w商品展示程序文件（1）/babyshop/goodsindex.asp：商品陳列展示。（2）/babyshop/goodsnew.asp：新品推薦展示。（3）/b

12、abyshop/goodshotsale.asp：熱銷商品展示。（4）/babyshop/goodsbargain.asp：特價(jià)商品展示。（5）/babyshop/goodsdetail.asp：顯示商品詳情。 4.5其他功能設(shè)計(jì) 4.5.1 商品搜索引擎 4.5.2在線咨詢4.5.3 在線調(diào)查 案例解析w根據(jù)網(wǎng)站系統(tǒng)的設(shè)計(jì)要求，對(duì)“寶寶365”網(wǎng)站進(jìn)行前臺(tái)功能分析和結(jié)構(gòu)設(shè)計(jì)，產(chǎn)生網(wǎng)站前臺(tái)的功能結(jié)構(gòu)圖。程序設(shè)計(jì)人員依據(jù)功能結(jié)構(gòu)圖進(jìn)行功能模塊的程序開(kāi)發(fā)，分別進(jìn)行了網(wǎng)站主頁(yè)、購(gòu)物管理、會(huì)員管理、商品展示、商品搜索引擎、在線咨詢和在線調(diào)查等模塊的功能設(shè)計(jì)和程序?qū)崿F(xiàn)。w通過(guò)對(duì)以上功能模塊的程序設(shè)計(jì)和調(diào)試，“寶寶365”網(wǎng)站前臺(tái)基本功能都已實(shí)現(xiàn)，但是對(duì)于從事商業(yè)活動(dòng)的電子商務(wù)網(wǎng)站，只有網(wǎng)站前臺(tái)功能是不完整的，網(wǎng)站信息的更新、訂單的處理都將依賴于網(wǎng)站后臺(tái)管理系統(tǒng)的工作，所以，網(wǎng)站前臺(tái)功能開(kāi)發(fā)只是網(wǎng)站建設(shè)的一個(gè)部分，為了更好地管理和經(jīng)營(yíng)網(wǎng)站，還必須進(jìn)行網(wǎng)站后臺(tái)系統(tǒng)的開(kāi)發(fā)。本章小結(jié)w 本章