電子商務(wù)網(wǎng)站建設(shè)案例解析

1、.網(wǎng)站建設(shè)與管理培訓(xùn)報(bào)告專業(yè)：信息管理與信息系統(tǒng)班級(jí)： 11 級(jí) 1 班 時(shí)間： 2013-2104-1學(xué)期第 19 周二、網(wǎng)站完成情況說(shuō)明1、網(wǎng)站已實(shí)現(xiàn)的主要內(nèi)容和功能1）設(shè)計(jì)內(nèi)容本設(shè)計(jì)主要是利用 DW8+Acess數(shù)據(jù)庫(kù)設(shè)計(jì)一個(gè)基于 VBSprict的網(wǎng)絡(luò)銷售茶葉，能夠?qū)?現(xiàn)會(huì)員注冊(cè)，查詢選購(gòu)，商品管理、用戶管理和功能。2）設(shè)計(jì)的目的使用DW完成一個(gè)電子商務(wù)網(wǎng)站的開發(fā)，深刻理解電子商務(wù)的實(shí)質(zhì)與含義，并逐步掌握電子商務(wù)類網(wǎng)站的后臺(tái)數(shù)據(jù)庫(kù)開發(fā)與系統(tǒng)功能的實(shí)現(xiàn)。尤其是對(duì)動(dòng)態(tài)頁(yè)面的開發(fā)和網(wǎng)絡(luò)數(shù)可行性分析隨著計(jì)算機(jī)的高度普及和網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，網(wǎng)上購(gòu)物已成為新興的購(gòu)物方式； 網(wǎng)購(gòu)已經(jīng)正在改變著我們

2、傳統(tǒng)的消費(fèi)行為； 網(wǎng)購(gòu)是滿足人們精神文化需要的重要糧食；茶葉傳統(tǒng)的銷售領(lǐng)域也隨著時(shí)代的發(fā)展，加入到了網(wǎng)絡(luò)銷售的新浪潮中。 給予提供方便。關(guān)注問(wèn)題重點(diǎn)在于把數(shù)據(jù)庫(kù)與網(wǎng)站的內(nèi)容實(shí)現(xiàn)順利的鏈接并能夠使用，據(jù)庫(kù)編程技術(shù)的應(yīng)用，掌握與數(shù)據(jù)庫(kù)連接、讀取、寫入、刪改等等操作的實(shí)現(xiàn)方法，熟練制 作基礎(chǔ)動(dòng)態(tài)頁(yè)面，實(shí)現(xiàn)網(wǎng)站的交互功能。3）a.b.c.d.用戶能不登錄瀏覽還可以 網(wǎng)頁(yè)的整體一致性的保持4)進(jìn)行注冊(cè)登錄獲取更多行為，網(wǎng)頁(yè)色彩、圖片的應(yīng)用及版面規(guī)劃，都要隨時(shí)關(guān)注，以吸引瀏覽者的興趣。5）已有基礎(chǔ)部分功能是根據(jù)網(wǎng)上原有的網(wǎng)站進(jìn)行重構(gòu)的，數(shù)據(jù)庫(kù)的模板是根據(jù)相關(guān)的網(wǎng)站數(shù)據(jù)庫(kù)來(lái) 進(jìn)行修改的。6）已實(shí)現(xiàn)的功能：a

3、. 登陸注冊(cè)功能。老用戶直接登陸，自動(dòng)跳轉(zhuǎn)到我的訂單頁(yè)面；新用戶可以實(shí)時(shí)注冊(cè)，然 后登陸；b. 商品展示。網(wǎng)站展示了部分商品，也可以通過(guò)導(dǎo)航欄的鏈接跳轉(zhuǎn)到各類商品的頁(yè)面；c. 頁(yè)面內(nèi)鏈接。頁(yè)面國(guó)長(zhǎng)時(shí)，通過(guò)頁(yè)面內(nèi)部鏈接以方便用戶快速返回頁(yè)面頂部；d. 商品搜索功能?？梢酝ㄟ^(guò)關(guān)鍵字搜索功能搜索指定商品；e. 商品收藏功能。用戶選中商品之后可以將商品添加到我的收藏；f. 刪除收藏。用戶在我的收藏中可以瀏覽收藏過(guò)的商品，可以刪除已收藏的商品；g. 注銷登錄，用戶在登陸之后可以注銷登錄，以保護(hù)個(gè)人信息安全。2、網(wǎng)站文件結(jié)構(gòu)根文件夾一級(jí)文件夾或文件名二級(jí)文件夾或文件名shopadO1.jpg,ygc.jp

4、g,03.jpg.shopimagelogi n bott on.jpgshopimagesden glu.j pgshopapp datashop. mdbshopin cludeConn.aspshopn ews pic20097271514614994.j pgshopp roduct pic2009810102064173.j pgshopswfwz.flashopbann er.flashopabout.as pshopbottom.as pshoplogi n,as pshopreg.as pshopIn dex,as pshopSearches pshopshow.as psho

5、pp roduct.as pshopuserfavorite.as pshopservice.as pshoptop .as pshopt13.as pshopdelfavorite.as pshopEditpasssword.as pshoplogi no ut.as pshopcomme ntlist.as p3、網(wǎng)站可視化設(shè)計(jì)旨為優(yōu)質(zhì)生活獨(dú)塞護(hù)扣1折起SHOWYUIJ COki參考網(wǎng)上類似的茶葉網(wǎng)店的配色風(fēng)格、基本功能，確定我們的作品主題，并在相關(guān)網(wǎng)頁(yè)上下載圖片，利用 photoshoP進(jìn)行處理；我們的代碼主要參照網(wǎng)上資源和相關(guān)書籍，主要利 用dreamweaver平臺(tái)進(jìn)行代碼編寫及前端

6、設(shè)計(jì)，并且運(yùn)用了CSS布局思想，還應(yīng)用了表單和鏈接；我們最終實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的茶葉網(wǎng)店。二、網(wǎng)站內(nèi)容展示1、頁(yè)面一：網(wǎng)頁(yè)名稱 e家鐵觀音網(wǎng)店塊 首頁(yè) 。類似頁(yè)面：網(wǎng)頁(yè)名稱關(guān)于界面截圖：;網(wǎng)頁(yè)文件名稱 index.asp;網(wǎng)頁(yè)文件名稱 about.asp;所屬模a， if T 星丄 r>< Et*BA , _ *'ALB 吃 IH1B*4»«hfikngsPUT iftrRi如5» Hl淆舂型CIT52E5-528"宴三斤1299云池n云IBClTIM#斤- N店h I It 1 GJ£II . - - lUi I h-l>

7、;Ii in EC £1 FM'-i 口1詁 fb劇包®茶翌-J*4Tn««:nsil-n 丁【予牛 I "二2、頁(yè)面二：網(wǎng)頁(yè)名稱登錄網(wǎng)頁(yè)文件名稱 logi n.asp所屬模塊用戶中類似頁(yè)面：網(wǎng)頁(yè)名稱退出網(wǎng)頁(yè)文件名稱 logi no ut.as p卅事A><=-rT. J.；X B-Z <rS-rT*TTr*Tzirra 日.蘭, i勺產(chǎn)訶雨.<i；丄 ih - <，-trW*T-h 環(huán)2佢FUPM L'*. rfi 7 *«SC 14. PRE； 4,X 0 *1% 二三n口* * -i

8、*Kl*=iJi-rflT »a»T -iPHi T3-fe-r單ti T11|1口"*亠卩上帀？ mF t#沖5Wi和刖叭"部. -tjaci ；iH三勺-. MErL*;*.三良王te二2*1f bniFTjj *L-|. ：l ir-* -J!1«11巴¥廠-川扌直耳F*i二.LiAiCAjrt-i<? *1. liiT.Ha Iitrr*4d r m；Saw；_ji4z*I"ZU.4J>ri-|自->vu界面截圖:転 a 1*>1 - *生-； 丁 . H Sf O1tEKI ij- BE3、

9、頁(yè)面三：網(wǎng)頁(yè)名稱注冊(cè)網(wǎng)頁(yè)文件名稱reg.asp界面截圖:崔誚咸功甲所屬模塊用戶中仲I # -vrir "削©刃總*hEf * " HIHV<tiMI - 呼未自網(wǎng)頁(yè)的莆見(jiàn)rxiri-r” r K r-會(huì)員衽冊(cè)慮功!«BWV4、頁(yè)面四：網(wǎng)頁(yè)名稱我的信息用戶登錄類似頁(yè)面：網(wǎng)頁(yè)名稱userfavorite.as p界面截圖:O 一 HHit WV :II_11-.'網(wǎng)頁(yè)文件名稱 service.asp我的收藏、刪除收藏、修改密碼、商品評(píng)論、delfavorite.asp、edit password 、commentlist.asp;所屬模塊;網(wǎng)頁(yè)

10、文件名稱律紗業(yè)食驢-W«B HXBQB«1*£ HV « AMirtU.Bfl"HIBA"：'.T ”妙.宀.fir- Pl - id"-p' I K r F (L-aiiwe邸«%ig C "TI tn .1 RB Cl ； CH-Cl I* .: n & , 、 p盲-K|； 冋1r園”桑自兩賀的息 岡FBHMl H -1八£讎測(cè)臉i啟1®朋品！jHr - A； 1 n I!'si' -r pL* . ' i ， _ _J.1, ”.

11、 :.i,璇:h確定_ 1iTk*11* HtUMah-=：1r p i；»CCZ7T.JbM'：、初；*S .(*4 眄i*1 i- Ahl>>a|kK-TL如帥.1*1 C qcT-Tjl1Z 祁* x> Lar <1 =vfi 訂d： i> nbv > Mi V 工1 警 3-*14HlpFiJu lifri-jliLH. riifiSih bHini -kO曠APHiF * 邑L"S a斗+,屯 # *5、頁(yè)面五：網(wǎng)頁(yè)名稱產(chǎn)品展覽品展示類似頁(yè)面：網(wǎng)頁(yè)名稱serach.as p耒自網(wǎng)頁(yè)餡浦鳥網(wǎng)頁(yè)文件名稱 show.asp分類

12、展示、搜索結(jié)果展示界面截圖:密碼修改成功?;網(wǎng)頁(yè)文件名稱;所屬模塊p roduct.as p9T414tftVA,Em 暨 jJI(i W T> j*.* Ai的T*4ViJ411VHl；M*Fr* 峙 q iWtsa- AndkMirrvvTizifrvtaPwfVi*骨*ES.lUFA 鼻*+Lh|4HIhP FlPii-I-h-h'Tl* Zi*i£i m*® XA ! BU首址2 VXb- IhU - 4-賀0“業(yè)JC予ta 卜上JIOW仁F1?»AHhaUtJ3bfe«h卩nsaurtv tiVTzn r;ilLriaprHS3r

13、3CE-|T#bip-nntv*»»全國(guó)最大安澳鐵觀咅網(wǎng)絡(luò)直銷商K«E卄A 鼻H易iW« miHUl:砂*H： *|*g j*|.U1 亍1*二*fl *4P”全國(guó)最大安灑鐵觀音網(wǎng)絡(luò)直銷商E»荼業(yè)me 氏# 直辜 nigiui 弟 I杯 t RHi«F匚鼻9-B.nrarz. r«A« va«>i 科=命S一MkSrinvi背雲(yún)£q Wh4>鬆嚴(yán)5 F* B*LLr I- 宀-氐 I山* :Al疋JJ.涉"W；眶nrA”爭(zhēng)PE巳具I丘蛋比肌甘二十嗥K t9C TM-j 1_

14、1、實(shí)訓(xùn)過(guò)程中遇到的主要問(wèn)題及解決方法。（1）（2）（3）（4）（5）（6）（7）DW頁(yè)臥4P劇E家茶業(yè)全國(guó)最大安灑鐵現(xiàn)音網(wǎng)絡(luò)直網(wǎng)商IIIU 卄巒AH葉互V 厝CTM-廠二二；If三、實(shí)訓(xùn)總結(jié)商品收藏及已收藏商品的刪除不能實(shí)現(xiàn)。 頁(yè)面內(nèi)鏈接（返回頁(yè)面頂部）不能正常跳轉(zhuǎn)。 數(shù)據(jù)庫(kù)連接時(shí)老報(bào)錯(cuò)。缺少購(gòu)買功能。在信息結(jié)構(gòu)上，由于課設(shè)時(shí)間有限，所以沒(méi)有把網(wǎng)站做的更完善。修改密碼部分設(shè)計(jì)有誤，修改之后只能示成功修改成功，但不能再次登入。 不能添加商品評(píng)論。解決辦法：（1）參照網(wǎng)上的代碼資源和同學(xué)探討得出解決辦法。（2 ）請(qǐng)教實(shí)習(xí)輔導(dǎo)老師得以解決該問(wèn)題。（3） 在多次的實(shí)踐下發(fā)現(xiàn)文件夾中已經(jīng)具有conn.

15、asp,其功能本身就是連接到數(shù)據(jù)庫(kù)的， 我們又再次定義新的字符串，出現(xiàn)了重定義錯(cuò)誤，兩個(gè)文件只留下一個(gè)即可。（4）-（7）中的問(wèn)題還未找到合適的解決辦法，實(shí)習(xí)時(shí)間有限以及小組能力有限，有待進(jìn) 一步探討請(qǐng)教。2、實(shí)訓(xùn)收獲和心得個(gè)人總結(jié)南飛燕：這次實(shí)習(xí)很榮幸的作為我們小組的組長(zhǎng)，組織并參與小組成員一起進(jìn)行實(shí)習(xí)設(shè)計(jì)。這是一個(gè)很艱巨也很具有挑戰(zhàn)性的任務(wù)，我們是團(tuán)隊(duì)合作，因此要通過(guò)各個(gè)組員的協(xié)作來(lái)配合完成，這次實(shí)習(xí)，我感謝我和我的組員們，我們之間各自發(fā)揮個(gè)人優(yōu)勢(shì)，利用大 量網(wǎng)絡(luò)資源和相關(guān)書籍借閱，有羅丹同學(xué)負(fù)責(zé)圖片處理，有王瑤和吳佩佩同學(xué)負(fù)責(zé)面可視化的美工，有我和李蕊君同學(xué)負(fù)責(zé)后臺(tái)代碼編寫，有張娟同學(xué)負(fù)

16、責(zé)數(shù)據(jù)庫(kù)的建立及信息錄入，大家共同負(fù)責(zé)文檔撰寫。在整個(gè)實(shí)習(xí)過(guò)程中，我們參考了海量的資源，感受了不同 程序員編碼的巧妙之處， 雖然還是有很多的功能實(shí)現(xiàn)不明白，但是也學(xué)習(xí)了不少新的知識(shí)和巧妙的結(jié)合并靈活運(yùn)用已經(jīng)掌握的知識(shí)。我們的成員們不同的意見(jiàn)和建議，在我們的實(shí)習(xí)中經(jīng)過(guò)大家共同探討并擇優(yōu)處理，對(duì)我們實(shí)習(xí)成果的獲取有著很大的推動(dòng)作用，相信如果有更充足的時(shí)間和老師的指導(dǎo)，我們將會(huì)做出一個(gè)更完善的網(wǎng)上商店。個(gè)人總結(jié)羅丹：通過(guò)這次的企業(yè)網(wǎng)站建設(shè)與管理訓(xùn)練實(shí)習(xí)的學(xué)習(xí)，我們很好地回顧以及鞏固電子商務(wù)與網(wǎng)站建設(shè)這門課所學(xué)的知識(shí)， 并將這些知識(shí)總結(jié)串接在一起，將所學(xué)東西應(yīng)用靈活，從而完成到這種能將動(dòng)態(tài)與靜態(tài)相結(jié)合

17、的有效網(wǎng)站，做成這個(gè)結(jié)果，離不開老師孜孜不倦的指導(dǎo)，我們問(wèn)過(guò)老師很弱智的小問(wèn)題，但就是這些小問(wèn)題， 到最后我們會(huì)提出一些關(guān)鍵性的技術(shù)上難題，從開始的無(wú)從下手，到老師鼓勵(lì)我們有大進(jìn)步， 都少不了老師細(xì)心地指導(dǎo)， 當(dāng)然，離不開我們組這個(gè)團(tuán)體共同的努力，這次的實(shí)習(xí)是個(gè)龐大的任務(wù)，光憑一兩人是完全弄不出來(lái)的，這次實(shí)習(xí)真正體現(xiàn)了分工協(xié)作、各展所長(zhǎng)、團(tuán)隊(duì)協(xié)作的重要性！ 一直都很喜歡這門課，這次實(shí)習(xí)沒(méi)實(shí)現(xiàn)的功能和所缺乏的知識(shí)會(huì)盡可能的解決。個(gè)人總結(jié)李蕊君：這周的實(shí)習(xí)主要是由小組做一個(gè)網(wǎng)站也就是網(wǎng)上商店。我們組做的是網(wǎng)上茶店。主要可以完成注冊(cè)、登陸、收藏、查詢等功能。通過(guò)這次實(shí)習(xí)我覺(jué)得收獲很大：就我 個(gè)人來(lái)說(shuō)

18、我學(xué)習(xí)到了創(chuàng)建一個(gè)網(wǎng)站的大體步驟并且能夠自己操作。從IIS安裝配置、設(shè)置虛擬目錄到在DW中建立站點(diǎn)，進(jìn)行站點(diǎn)目錄設(shè)計(jì)然后才能開始編寫各個(gè)頁(yè)面代碼。首頁(yè)index調(diào)用了很多asp文件用以實(shí)現(xiàn)網(wǎng)站的各個(gè)功能。在實(shí)習(xí)過(guò)程中對(duì)于登錄和注冊(cè)這兩個(gè)動(dòng)態(tài)頁(yè)面雖然我們之前已經(jīng)進(jìn)行過(guò)頁(yè)面設(shè)計(jì)但并沒(méi)有將它動(dòng)態(tài)，在實(shí)習(xí)中通過(guò)學(xué)習(xí)了書上的代碼及老師講解我知道了要想實(shí)現(xiàn)登陸和注冊(cè)兩個(gè)功能必須將表單動(dòng)作action的目標(biāo)文件設(shè)置為login.asp和reg.asp兩個(gè)文件后才能實(shí)現(xiàn)，還有DW的功能很強(qiáng)大。最重要的一點(diǎn)是通過(guò)小組合作完成一個(gè)網(wǎng)站，我們是一個(gè)整體，每個(gè)人完成一些內(nèi)容，大家分工合作才能真正完成實(shí)習(xí)任務(wù)。這次不僅讓我學(xué)到了很多關(guān)于網(wǎng)