炫彩美瞳電子商務(wù)網(wǎng)頁(yè)策劃

上傳人：2*** IP屬地：湖北上傳時(shí)間：2023-01-01 格式：DOC 頁(yè)數(shù)：21 大?。?.22MB 積分：30 舉報(bào) 版權(quán)申訴

已閱讀5頁(yè)，還剩16頁(yè)未讀，繼續(xù)免費(fèi)閱讀

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

前言近幾年歲著科技的進(jìn)步，網(wǎng)絡(luò)購(gòu)物逐漸被大眾所接受，人們可以隨時(shí)隨地地進(jìn)行購(gòu)物，因此網(wǎng)站設(shè)計(jì)越來(lái)越受到重視，本學(xué)期我們小組主要設(shè)計(jì)了一個(gè)美瞳網(wǎng)站。本電子商務(wù)網(wǎng)站采用的是模式為瀏覽器服務(wù)器（B/S）模式，即客戶(hù)通過(guò)數(shù)據(jù)連接來(lái)調(diào)用后臺(tái)數(shù)據(jù)庫(kù)中的數(shù)據(jù)。網(wǎng)站名稱(chēng)：“炫彩美瞳”旗艦店；網(wǎng)站類(lèi)型：銷(xiāo)售各種款式的美瞳的網(wǎng)站；網(wǎng)站技術(shù)：HTML語(yǔ)言+CSS樣式+JavaScript語(yǔ)言+ASP技術(shù)+ACCESS數(shù)據(jù)庫(kù)。

1網(wǎng)站規(guī)劃1.1網(wǎng)站設(shè)計(jì)目的意義我們?cè)O(shè)計(jì)的美瞳網(wǎng)站是為了給大眾最新的美瞳信息，人們可以足不出戶(hù)就可以看到最新的美瞳信息，我們可以在網(wǎng)站上做促銷(xiāo)，任何地點(diǎn)的任何人只要能夠訪問(wèn)互聯(lián)網(wǎng)，他們就能成為您的網(wǎng)站的潛在的訪問(wèn)者，并成為潛在的用戶(hù)。當(dāng)然，除此之外，網(wǎng)站上設(shè)有客服，提供24小時(shí)的在線(xiàn)交流，顧客可以隨時(shí)隨地地和我們反映情況，當(dāng)我們的網(wǎng)站建設(shè)的十分成功的時(shí)候，將會(huì)為網(wǎng)站的使用者在網(wǎng)站訪客的心目中加分，同時(shí)可能留住訪客成為對(duì)我們“有價(jià)值的人”。1.2網(wǎng)站設(shè)計(jì)使用技術(shù)本網(wǎng)站使用了Firework中的圖像處理技術(shù)，Dreamever中的靜態(tài)網(wǎng)頁(yè)制作技術(shù)，HTML語(yǔ)言+CSS樣式+JavaScript語(yǔ)言+ASP技術(shù)+ACCESS數(shù)據(jù)庫(kù)。1.3網(wǎng)站布局本網(wǎng)頁(yè)采用T形布局，顯示頂部的為網(wǎng)站的Logo標(biāo)識(shí)符、導(dǎo)航條，下方左邊為宣傳廣告，下方右邊為特價(jià)優(yōu)惠的物品信息，最下方為網(wǎng)站的聯(lián)系地址。頁(yè)面結(jié)構(gòu)比較清晰，層次分明，也是一種比較常見(jiàn)的形勢(shì)，在適當(dāng)?shù)呐渖驴梢园丫W(wǎng)頁(yè)的特點(diǎn)都凸顯出來(lái)。頁(yè)面大小900x1300，像素為900。1.4網(wǎng)站配色網(wǎng)站的界面設(shè)計(jì)以草綠色和淺藍(lán)色為主色調(diào)，給人一種清新淡雅的感覺(jué)，藝術(shù)感十分的強(qiáng)。產(chǎn)品介紹也都采用素雅的圖片。1.5網(wǎng)站導(dǎo)航網(wǎng)站導(dǎo)航有產(chǎn)品分類(lèi)、品牌介紹、新品上線(xiàn)、智能測(cè)試、會(huì)員中心，會(huì)員登錄、注冊(cè)、聊天室、新聞1.6網(wǎng)站欄目隱形眼鏡盒、本店公告、五一特價(jià)優(yōu)惠、溫馨小鏈接、護(hù)眼小常識(shí)、日韓美瞳最新動(dòng)態(tài)、產(chǎn)品合作商2網(wǎng)站功能介紹2.1網(wǎng)站功能設(shè)計(jì)本網(wǎng)站分為前臺(tái)展示和后臺(tái)管理兩大部分，其中前臺(tái)的主要功能是商品展示、護(hù)眼常識(shí)、防偽查詢(xún)和用戶(hù)購(gòu)買(mǎi)及評(píng)價(jià)留言，后臺(tái)的主要功能是管理員管理商品、處理訂單、管理用戶(hù)、管理基本信息。具體介紹如下：2.1.1前臺(tái)主要功能及特點(diǎn)2.1.2主頁(yè)功能(1)頂部導(dǎo)航：產(chǎn)品分類(lèi)、品牌介紹、新品上線(xiàn)、智能測(cè)試、會(huì)員中心(2)會(huì)員登錄界面；(3)會(huì)員注冊(cè)包括用戶(hù)名和密碼，修改成功后可以進(jìn)入后臺(tái)進(jìn)行密碼修改；(4)聊天室會(huì)員登錄后可以一天24小時(shí)地和客服在聊天室進(jìn)行溝通交流反映意見(jiàn)。聊天記錄會(huì)被保留下來(lái)(5)新聞；主要展示了一些網(wǎng)站的最新相關(guān)信息，特價(jià)優(yōu)惠，幸運(yùn)抽獎(jiǎng)，積分贏大禮等活動(dòng)。對(duì)相關(guān)產(chǎn)品進(jìn)行促銷(xiāo)和宣傳；(6)新品展示，包括商品名稱(chēng)、商品圖片、商品價(jià)格，共8種；(7)特價(jià)優(yōu)惠，包括商品名稱(chēng)、商品圖片、商品價(jià)格，共6種；(8)炫彩美瞳的聯(lián)系方式和廠家地址;(9)溫馨連接，包括護(hù)眼小常識(shí)、防偽查詢(xún)、日韓美瞳全新動(dòng)態(tài)、產(chǎn)品合作商；(10)本店公告，包括五一瘋狂促銷(xiāo)活動(dòng)、會(huì)員專(zhuān)區(qū)；(11)有關(guān)美瞳的視頻廣告；2.1.3后臺(tái)主要功能及特點(diǎn)(1)對(duì)管理員的管理：包括對(duì)管理員的信息進(jìn)行管理和更改；(2)商品添加通過(guò)對(duì)訪問(wèn)權(quán)限的設(shè)定，只有通過(guò)登錄進(jìn)入后臺(tái)的人才可以進(jìn)行密碼修改；(3)商品瀏覽管理員可以對(duì)自己添加的商品信息進(jìn)行瀏覽包括商品名稱(chēng)、商品價(jià)格、商品余量、商品編號(hào)、商品圖片等(4)密碼修改通過(guò)登錄進(jìn)入到后臺(tái)之后可以對(duì)密碼進(jìn)行修改，密碼修改有新密碼，真實(shí)姓名等。(5)訂單查看：分頁(yè)顯示交易記錄；(6)會(huì)員管理：包括會(huì)員的交易記錄，會(huì)員基本信息。(7)對(duì)管理員的管理：包括添加、刪除管理員、修改密碼、管理員個(gè)人信息;(8)對(duì)網(wǎng)站音樂(lè)的控制；3網(wǎng)站效果圖設(shè)計(jì)3.1主頁(yè)效果圖3.2副頁(yè)效果圖4數(shù)據(jù)庫(kù)設(shè)計(jì)采用access進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，有3個(gè)數(shù)據(jù)表：產(chǎn)品表(product)、用戶(hù)信息表(account)表、新聞表(news)(1)account表圖4-1圖4-1(2)news表圖4-2圖4-2(3)product表圖4-3圖4-35詳細(xì)設(shè)計(jì)5.1數(shù)據(jù)庫(kù)連接技術(shù)在需要與數(shù)據(jù)庫(kù)進(jìn)行連接的所有頁(yè)面的設(shè)計(jì)上，我采用相對(duì)路徑"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("meitong/bjjjjj.mdb")方式然后上傳5.2會(huì)員注冊(cè)技術(shù)中的注冊(cè)信息檢查由于在會(huì)員注冊(cè)時(shí)，用戶(hù)可能輸入非法信息，如兩次密碼不一致，所以本設(shè)計(jì)使用JavaScript語(yǔ)句來(lái)判斷用戶(hù)的輸入是否合法，主要代碼如下：'executetheupdate If(CStr(Request.Form("NewPassword"))=Cstr(Request.Form("anewPassword")))ThenSetMM_editCmd=Server.CreateObject("ADODB.Command")MM_editCmd.ActiveConnection=MM_editConnectionMM_editCmd.CommandText=MM_editQueryMM_editCmd.ExecuteMM_editCmd.ActiveConnection.CloseIf(MM_editRedirectUrl<>"")ThenResponse.Redirect(MM_editRedirectUrl) Elseresponse.Write("兩次輸入的密碼不符！")EndIfEndIfEndIfEndIf圖5-15.3客服聊天室登錄頁(yè)面<HTML><HEAD><TITLE>這張是最簡(jiǎn)單的聊天室的登錄頁(yè)面</TITLE></HEAD><BODY><FORMname="form1"method="post"action="chatpage.asp"><SCRIPTfor=form1event=onsubmitlanguage=VBScript>ifform1.f_name.value=""thenmsgbox"名字不能為空！" form1.clearattributesendif</SCRIPT><P>請(qǐng)輸入您的名字：<INPUTtype=textname=f_namesize=20></P><INPUTtype=submitvalue=登錄><INPUTtype=resetvalue=重新輸入></FORM></BODY></HTML><%@LANGUAGE="VBSCRIPT"CODEPAGE="65001"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>無(wú)標(biāo)題文檔</title><styletype="text/css"></style></head><%ifnotrequest.form("message")=""thenapplication.lock'lock方法用來(lái)暫時(shí)阻止其他用戶(hù)改變應(yīng)用程序變量 fori=10to1step-1 application("talk"&i)=application("talk"&(i-1))nextp=session("u_name")&"說(shuō)："&request.form("message") application("talk"&0)="("&time&")"&p application.unlock'unlock方法用來(lái)解鎖endif%><BODYbgcolor="lightgreen"><FORMname="form1"method="post"action="message.asp"><%=session("u_name")%>,請(qǐng)輸入談話(huà)內(nèi)容：<BR><INPUTtype=textname=messagesize=40></P><INPUTtype=submitvalue=發(fā)送></FORM></BODY></html>聊天頁(yè)面<%session("u_name")=request("f_name")application.lock'lock方法用來(lái)暫時(shí)阻止其他用戶(hù)改變應(yīng)用程序變量fori=10to1step-1application("talk"&i)=application("talk"&(i-1))nextp=session("u_name")&"進(jìn)入聊天室"application("talk"&0)="("&date&" "&time&")"&papplication.unlock'unlock方法用來(lái)解鎖%><HTML><HEAD><TITLE>這張是最簡(jiǎn)單的聊天室的聊天頁(yè)面</TITLE></HEAD><FRAMESETrows=100,*><FRAMEsrc="message.asp"><FRAMEsrc="display.asp"></FRAMESET></HTML>顯示信息頁(yè)面<HTML><HEAD><TITLE>這張是最簡(jiǎn)單的聊天室的顯示信息頁(yè)面</TITLE><METAhttp-equiv=refreshcontent="5;<%=myself%>">'每5秒鐘更新一次頁(yè)面</HEAD><BODYbgcolor="lightgreen"><%fori=0to10ifapplication("talk"&i)<>""then response.write(application("talk"&i)&"<BR>") endifnext%></BODY></HTML>圖5-25.4用戶(hù)登錄用戶(hù)輸入自己的用戶(hù)名和密碼即可完成登錄，代碼如下：<%Recordset1.ActiveConnection=MM_asdp_STRING<tdcolspan="2"><divalign="center">用戶(hù)注冊(cè)</div></td></tr><tr><tdwidth="111"><divalign="center">用戶(hù)名：</div></td><tdwidth="419"><label><inputname="dname"type="text"id="dname"/></label></td></tr><tr><td><divalign="center">密碼：</div></td><td><label><inputname="dpass"type="text"id="dpass"/></label></td></tr><tr><td><divalign="center">真實(shí)姓名：</div></td><td><label><inputname="dtrue"type="text"id="dtrue"/></label></td></tr><tr><tdcolspan="2"><label> <inputtype="submit"name="Submit"value="注冊(cè)"/> <inputtype="submit"name="Submit2"value="重置"/></label></td></tr></table><inputtype="hidden"name="MM_insert"value="form1"></form></body></html><%Recordset1.Close()SetRecordset1=Nothing%>--></style></head><body><formid="form1"name="form1"method="POST"action="<%=MM_LoginAction%>"><tablewidth="454"border="1"align="center"><tr><tdcolspan="2"><divalign="center">用戶(hù)登錄</div></td></tr><tr><tdwidth="163"><divalign="center">用戶(hù)名：</div></td><tdwidth="275"><label><inputname="dname"type="text"id="dname"/></label></td></tr><tr><td><divalign="center">密碼;</div></td><td><label><inputname="duser"type="text"id="duser"/></label></td></tr><tr><tdcolspan="2"><label> <inputtype="submit"name="Submit"value="登錄"/> <inputtype="submit"name="Submit2"value="重置"/></label></td></tr></table>圖5-35.5用戶(hù)注冊(cè)用戶(hù)只要輸入自己的用戶(hù)名、真實(shí)姓名和密碼即可完成注冊(cè)創(chuàng)建注冊(cè)表單網(wǎng)頁(yè)zhuce.asp，注冊(cè)成功提示網(wǎng)頁(yè)success.asp，注冊(cè)失敗提示網(wǎng)頁(yè)lose.asp?；氐接脩?hù)注冊(cè)頁(yè)面zhuce.asp，打開(kāi)應(yīng)用程序，選擇服務(wù)器行為，添加插入記錄功能，從表單中獲取的用戶(hù)名與密碼等與數(shù)據(jù)庫(kù)中對(duì)應(yīng)字段對(duì)應(yīng)選中，成功跳向登錄成界面success.asp。3.添加檢查新用戶(hù)的服務(wù)器行為/用戶(hù)身份驗(yàn)證/檢查新用戶(hù)名，用戶(hù)名存在的話(huà)跳向zhucesb.asp。4、預(yù)覽網(wǎng)頁(yè)，查看結(jié)果。圖5-4在book數(shù)據(jù)庫(kù)中添加新聞表news，并添加多條的新聞運(yùn)行iis創(chuàng)建虛擬目錄，設(shè)置dw的運(yùn)行環(huán)境。使用數(shù)據(jù)源odbc添加系統(tǒng)的dsn數(shù)據(jù)源在DW數(shù)據(jù)庫(kù)面板中添加數(shù)據(jù)庫(kù)連接asdp修改你原來(lái)的zhuye.html為zhuye.asp在DW數(shù)據(jù)庫(kù)面板的綁定中新建針對(duì)news表的記錄集,在主頁(yè)zhuye.asp公告欄目中插入一個(gè)單元格，在單元格中綁定新聞標(biāo)題news_bt字段選中公告欄中的單元格，使用數(shù)據(jù)庫(kù)面板中的服務(wù)器行為中的設(shè)置重復(fù)記錄并輸入記錄的條數(shù)新建新聞顯示news.asp網(wǎng)頁(yè)，在網(wǎng)頁(yè)中插入一個(gè)兩行一列的表格，在表格的第一行綁定新聞標(biāo)題news_bt，在第二行綁定新聞內(nèi)容news_nr,保存該網(wǎng)頁(yè)。回到zhuye.asp網(wǎng)頁(yè)，選中綁定的新聞標(biāo)題，使用數(shù)據(jù)庫(kù)面板中的服務(wù)器行為添加跳轉(zhuǎn)詳細(xì)頁(yè)輸入news.asp與url參數(shù)id選中?；氐絲huye.Asp網(wǎng)頁(yè)在該頁(yè)面中添加服務(wù)器行為/記錄集分頁(yè)/添加特定記錄，參數(shù)id與zhuye.asp傳遞的參數(shù)相同newsid，并確定。10.保存zhuye.asp11.預(yù)覽網(wǎng)頁(yè)，查看結(jié)果12.使用css樣式美化網(wǎng)頁(yè)。5.6關(guān)于美瞳的動(dòng)態(tài)新聞圖5-5新聞跳轉(zhuǎn)后截圖圖5-65.7后臺(tái)密碼修改(見(jiàn)6,0重難點(diǎn)分析)商品瀏覽設(shè)置商品添加的表單。插入記錄集重置選區(qū)插入記錄分級(jí)圖5-7商品添加MM_authFailedURL="addsb.asp"MM_editConnection=MM_asdp_STRINGMM_editTable="product"MM_editRedirectUrl="addcg.asp"MM_fieldsStr="spid|value|spname|value|spprice|value|spxx|value|sptplj|value|spnum|value"MM_columnsStr="spid|',none,''|spname|',none,''|spjg|none,none,NULL|spxx|',none,''|sptplj|',none,''|spnum|none,none,NULL"圖5-8添加訪問(wèn)權(quán)限后，輸入用戶(hù)名非設(shè)定值圖5-96重難點(diǎn)分析6.1實(shí)現(xiàn)用戶(hù)密碼的修改新建數(shù)據(jù)表Account表，該表用來(lái)存儲(chǔ)用戶(hù)名、用戶(hù)密碼、授權(quán)級(jí)別和用戶(hù)真實(shí)姓名。

人人文庫(kù)> 全部分類(lèi)> 教育資料 > 課件下載

溫馨提示

1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

炫彩美瞳電子商務(wù)網(wǎng)頁(yè)策劃

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

炫彩美瞳電子商務(wù)網(wǎng)頁(yè)策劃

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

相關(guān)文檔