網(wǎng)站建設(shè)課程設(shè)計網(wǎng)上購茶系統(tǒng)指導(dǎo)書

1、網(wǎng)站建設(shè)課程設(shè)計指導(dǎo)書（網(wǎng)上購茶系統(tǒng)）課 程： 專 業(yè)： 班 級： 學(xué)生姓名： 學(xué) 號： 指導(dǎo)教師： 完成日期： 目錄一、需求分析31.1 網(wǎng)站建設(shè)的目標(biāo)與市場定位分析31.1.1網(wǎng)站建設(shè)的目標(biāo)31.1.2市場定位分析41.2 客戶與競爭對手分析41.3 可行性分析41.3.1 操作可行性41.3.2技術(shù)可行性41.3.3 經(jīng)濟可行性5二、選擇域名和服務(wù)提供商（isp）52.1 域名選擇原則52.2 域名注冊服務(wù)提供商52.3 isp的選擇52.4 萬網(wǎng)注冊6三、運行環(huán)境配置6四、網(wǎng)站設(shè)計74.1 網(wǎng)站的設(shè)計目標(biāo)74.2 數(shù)據(jù)庫設(shè)計74.3 功能設(shè)計114.4 目錄結(jié)構(gòu)124.4.1 網(wǎng)站目錄

2、結(jié)構(gòu)的設(shè)計應(yīng)考慮的因素124.4.2 茶網(wǎng)站目錄結(jié)構(gòu)124.5 鏈接結(jié)構(gòu)124.6 導(dǎo)航結(jié)構(gòu)134.7 網(wǎng)站整體風(fēng)格134.7.1網(wǎng)站ci形象設(shè)計134.8 頁面設(shè)計134.8.1 頁面設(shè)計原則134.8.2 頁面的視覺體現(xiàn)134.8.3 網(wǎng)頁版面布局的設(shè)計144.8.4 網(wǎng)頁色彩的設(shè)計154.8.5 網(wǎng)頁圖片和文字的設(shè)計154.8.6 網(wǎng)站首頁的設(shè)計164.8.7 其他頁面的設(shè)計規(guī)劃16一、需求分析1.1 網(wǎng)站建設(shè)的目標(biāo)與市場定位分析1.1.1網(wǎng)站建設(shè)的目標(biāo)本網(wǎng)站是一個模擬網(wǎng)上購物環(huán)境的應(yīng)用程序，它維護(hù)著一個數(shù)據(jù)庫，存儲著用戶信息、商品信息、交易信息等。asp.net 程序從數(shù)據(jù)庫中獲得信息

3、，并呈現(xiàn)給最終用戶。 1.1.2市場定位分析據(jù)統(tǒng)計，2006 年，我國網(wǎng)民已達(dá)1.11 萬，每天有300 萬以上網(wǎng)民在網(wǎng)上購物；我國有幾乎所有人都有品茶的習(xí)慣，全世界更有2/3 的人愛好品茶。但是，網(wǎng)絡(luò)上的相關(guān)茶葉網(wǎng)站卻為數(shù)不多，導(dǎo)致在網(wǎng)上購買茶葉以及相關(guān)產(chǎn)品的客戶寥寥無幾。許多人品茶者苦于好茶難求，難買。這充分說明網(wǎng)上茶店在線銷售面臨著良好的發(fā)展前景。網(wǎng)上茶店借助于連接全球的internet 開展業(yè)務(wù)，在網(wǎng)絡(luò)發(fā)達(dá)的當(dāng)今社會有著傳統(tǒng)茶店無以比擬的優(yōu)點：客戶面廣，茶葉品種多；由于網(wǎng)上茶店展現(xiàn)的商品信息是數(shù)字化的，可以更多的展示商品，并解決了地域性的問題，讓客戶足不出戶便可以買到異地的特色茶葉；中

4、間環(huán)節(jié)少，營業(yè)時間長； 網(wǎng)上交易消除了地差、時差、訂單提交瞬間完成，網(wǎng)站即刻可收到訂單；服務(wù)形式多元，管理模式靈活?？梢?，24 小時服務(wù)、送貨上門、無店鋪銷售、檢索商品快捷方便、分類瀏覽人性化、管理模式靈活等優(yōu)點，彌補了傳統(tǒng)茶產(chǎn)品行業(yè)的不足隨著人們購物觀念、購物習(xí)慣的改變以及網(wǎng)上購物質(zhì)量、信譽的提升，茶葉產(chǎn)品在線銷售將有更大市場空間。1.2 客戶與競爭對手分析本店網(wǎng)站特點包括：首頁一目了然；易操作性；茶葉信息羅列詳細(xì)；價格合理公道；質(zhì)量嚴(yán)格把關(guān)，為顧客提供新鮮、健康的茶葉。與本行業(yè)網(wǎng)上茶店的區(qū)別在于本店品種齊全，滿足不同用戶的需求。完善的售后服務(wù)。1.3 可行性分析1.3.1 操作可行性 網(wǎng)站

5、雖然美工制作不是本系統(tǒng)的重點，但本系統(tǒng)，力求一目了然，操作簡捷；邏輯清晰。使稍微有上網(wǎng)常識的用戶都可以輕松使用。 1.3.2技術(shù)可行性 該網(wǎng)站雖然使用了一些比較先進(jìn)的技術(shù)和工具，但是技術(shù)和工具都已經(jīng)成熟，有相當(dāng)多的參考書籍；在學(xué)校，各位老師的精心教導(dǎo)也使積累了相應(yīng)的基礎(chǔ)知識與獨立思考能力，特別是有指導(dǎo)老師的熱心指導(dǎo)和同學(xué)的幫助。故，在技術(shù)上是可行的。1.3.3 經(jīng)濟可行性 本系統(tǒng)要求成本不高，只要具備一定的經(jīng)濟實力，有充足的貨源拓展到網(wǎng)上銷售，即可進(jìn)行運用。故，經(jīng)濟上是可行的。二、選擇域名和服務(wù)提供商（isp）2.1 域名選擇原則力求簡單易記，以最少的字母或數(shù)字組合。建議使用以下信息命名域名：

6、單位名稱的中英文縮寫；企業(yè)的產(chǎn)品注冊商標(biāo)、品牌；企業(yè)廣告語；簡單有趣的名字，如：hello，howareyou，yes等等。優(yōu)先選擇國際域名，其次選擇國內(nèi)域名。如企業(yè)的名稱或行業(yè)關(guān)鍵詞已被注冊，可以添加“china cn xa ”等字符加以區(qū)別?？刹扇《嘤蛎呗裕赐瑫r推廣幾個域名。在對主要域名注冊的同時，有必要對和自己主要域名相關(guān)的域名進(jìn)行注冊。2.2 域名注冊服務(wù)提供商中國萬網(wǎng)（中華e動（你好萬維網(wǎng)（第一主機（中資源（西部數(shù)據(jù)（2.3 isp的選擇需要考慮以下幾個方面：（1）服務(wù)（2）服務(wù)器的均衡負(fù)載（3）連線速度的高低（4）同異地isp的區(qū)別（5）技術(shù)支持的水平2.4 萬網(wǎng)注冊在眾多域名

7、注冊服務(wù)提供商中，我們選擇了中國萬網(wǎng)，中國萬網(wǎng)（選擇域名類型，點擊購買輸入想申請的域名，ahois查詢閱讀域名注冊條款，并點擊“我同意”選擇域名年限，填寫注冊信息確認(rèn)域名注冊信息支付費用并結(jié)算結(jié)算成功，提交域名注冊申請發(fā)送成功通知書三、運行環(huán)境配置硬件要求：cpu：pentium iii 450 或更高；內(nèi)存：128m或更大；硬盤：10g 或更大；帶顯示器，有光驅(qū)，能正常工作的計算機。 開發(fā)軟件：microsoft visual studio 2005和 sql server 數(shù)據(jù)庫 語言環(huán)境：asp.net數(shù)據(jù)庫類型：sql server 2005服務(wù)器操作系統(tǒng)：簡體中文windows 20

8、00 以及以上服務(wù)器操作系統(tǒng)。四、網(wǎng)站設(shè)計4.1 網(wǎng)站的設(shè)計目標(biāo)在電子商務(wù)系統(tǒng)的開發(fā)中，首先要明確目標(biāo)及要解決的問題，在流程設(shè)置及各個功能的設(shè)計上緊緊圍繞目標(biāo)來進(jìn)行。在信息系統(tǒng)開發(fā)過程中容易發(fā)生的傾向是，隨著設(shè)計的深入，開發(fā)人員往往陷于具體技術(shù)問題的解決技巧，而忽略了系統(tǒng)本身的目標(biāo)，這往往是造成系統(tǒng)應(yīng)用后用戶不滿意的原因之一。 系統(tǒng)流程圖如下：購買商品點擊購買，下訂單提交訂單注冊新用戶查看商品進(jìn)入首頁是否是注冊用戶登錄noyes4.2 數(shù)據(jù)庫設(shè)計本店數(shù)據(jù)庫采用sql server 2005數(shù)據(jù)庫軟件設(shè)計。具體設(shè)計如下：1.carinfo(購物車表)字段名字段類型說明備注order_idint訂

9、單編號tea_idtext茶葉編號tea_nametext茶葉名稱tea_countnumbertext茶葉數(shù)量tea_pricemoney茶葉價格2.classinfo(類別表)字段名字段類型說明備注class_idint茶葉類別編號class_nametext茶葉類別名字class_statetext茶葉類別狀態(tài)3. orderdetailinfo（訂單詳細(xì)表）字段名字段類型說明備注order_idint訂單編號order-teanametext訂單茶葉名稱order_numberint訂單數(shù)量order_usernametext訂單用戶名稱order_useridint訂單用戶編號ord

10、er_realnametext訂單用戶真實名字order_teltext訂單電話order_addresstext訂單地址order_typetext訂單類型order_sendtimetext送貨時間order_pricemoney訂單價格order_teaidint訂單茶葉的編號4. orderinfo（訂單信息表）字段名字段類型說明備注order_idint訂單編號tea_idint茶葉編號tea_nametext茶葉名稱tea_countnumbertext茶葉數(shù)量tea_pricemoney茶葉價格5.teainfo（茶葉信息表）字段名字段類型說明備注tea_idint茶葉編號tea

11、_nametext茶葉名稱class_idint茶葉類別編號tea_pricetext茶葉價格tea_statemoney茶葉狀態(tài)tea_imagesnvchar茶葉圖片6. userinfo（用戶信息表）字段名字段類型說明備注user_idint用戶編號user_nametext用戶名稱user_passtext用戶密碼user_realnametext用戶真實名字user_sextext用戶性別user_teltext用戶電話order_addresstext訂單地址order_teltext訂單電話7.admininfo（管理員信息表）字段名字段類型說明備注admin_idint管理員編

12、號admin_nametext管理員名稱admin_passtext管理員密碼8.teacomment（茶葉評論表）字段名字段類型說明備注comm_idint評論編號comm._contenttext評論內(nèi)容comm_timetext評論時間tea_idint茶葉編號comm_nametext評論名字4.3 功能設(shè)計整個設(shè)計包括前臺管理和后臺管理部分，即用戶界面部分和后臺管理界面部分所要完成功能。（1）用戶界面部分：電子商務(wù)管理服務(wù)是一個與客戶服務(wù)密切相關(guān)的管理系統(tǒng)。把系統(tǒng)設(shè)計為合適的電子商務(wù)系統(tǒng)，便于用戶操作。商品選購（可按分類方式查找商品，或通過關(guān)鍵字進(jìn)行查詢） 購物車功能 查看商品詳細(xì)情

13、況客戶發(fā)表意見茶葉文化介紹 本店公告用戶注冊、用戶登錄 查看用戶訂單信息修改用戶個人信息 （2）后臺管理界面部分 登入、登出管理系統(tǒng) 現(xiàn)有商品管理：查看、修改、刪除、添加 訂單管理：查看訂單清單、更改訂貨狀態(tài)、刪除訂單 用戶信息管理：查看、修改、刪除4.4 目錄結(jié)構(gòu)4.4.1 網(wǎng)站目錄結(jié)構(gòu)的設(shè)計應(yīng)考慮的因素（1）不要將所有文件都存在根目錄下（2）按欄目內(nèi)容建立子目錄（3）在每個主目錄下都建立獨立的images目錄（4）目錄的層次不要太深（5）其他注意事項4.4.2 茶網(wǎng)站目錄結(jié)構(gòu)4.5 鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)有：樹狀鏈接結(jié)構(gòu)（一對一）、星狀鏈接結(jié)構(gòu)（一對多）和網(wǎng)站結(jié)構(gòu)（多對多）4.6 導(dǎo)航結(jié)構(gòu)

14、網(wǎng)站中常用的導(dǎo)航有：導(dǎo)航欄、下拉菜單式導(dǎo)航、用分類列表導(dǎo)航、用圖像或小動畫來導(dǎo)航4.7 網(wǎng)站整體風(fēng)格4.7.1網(wǎng)站ci形象設(shè)計所謂ci（corporate identity），意思是通過視覺來統(tǒng)一企業(yè)的形象。下面提供網(wǎng)站形象策劃的一些經(jīng)驗：設(shè)計企業(yè)自己的網(wǎng)站標(biāo)志（logo）。確定網(wǎng)站的主色彩。突出網(wǎng)站的標(biāo)準(zhǔn)字體。設(shè)計一條朗朗上口的宣傳標(biāo)語確定設(shè)計目標(biāo)、數(shù)據(jù)庫設(shè)計、4.8 頁面設(shè)計4.8.1 頁面設(shè)計原則網(wǎng)頁命名要簡潔有規(guī)律確保頁面的導(dǎo)覽性好主頁設(shè)計要一目了然網(wǎng)頁要易讀合理設(shè)計視覺效果正常、快速的頁面下載4.8.2 頁面的視覺體現(xiàn)（1）網(wǎng)頁的視覺構(gòu)成視覺流程。應(yīng)遵循以下構(gòu)成原則：要使主題要素更加

15、突出。內(nèi)容與形式表現(xiàn)要統(tǒng)一、有序。在視覺上著力強調(diào)網(wǎng)頁的訴求重點。網(wǎng)頁設(shè)計中的空白處理要得當(dāng)。使網(wǎng)頁具有一定的韻律感。提高網(wǎng)頁信息內(nèi)容的視讀性。對點、線、面的認(rèn)識。點、線、面是構(gòu)成視覺空間的基本元素，是表現(xiàn)視覺形象的基本設(shè)計語言。點：在網(wǎng)頁中，一個單獨而細(xì)小的形象可以稱之為點。線：線是分割頁面的主要元素之一,是決定頁面現(xiàn)象的基本要素。面：由線的重復(fù)平行排列或線的運動軌跡而形成的。（2）網(wǎng)頁的視覺傳達(dá)設(shè)計在網(wǎng)頁設(shè)計中，視覺導(dǎo)向成為了網(wǎng)頁設(shè)計構(gòu)圖的要點，合理、靈活地運用它會提高向觀眾傳達(dá)信息的準(zhǔn)確性與有效性。因此，在網(wǎng)頁的設(shè)計中要靈活地把握。視覺流程的邏輯性要強。視覺流程可讀性要高。視覺策劃的戰(zhàn)略

16、性。4.8.3 網(wǎng)頁版面布局的設(shè)計（1）頁面版式設(shè)計的基本步驟布局就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。頁面版式設(shè)計的基本步驟：建立草案；粗略布局；定案。（2）常見的版面布局形式“t”結(jié)構(gòu)布局“口”型布局“三”型布局對稱對比布局pop布局（3）在版面布局過程中遵循的基本原則與技巧版式設(shè)計通過文字圖像的空間組合，表達(dá)出和諧與美。在進(jìn)行網(wǎng)頁版面布局設(shè)計時要遵循的一些原則：正常平衡；異常平衡；對比；空白；盡量用圖片解說。4.8.4 網(wǎng)頁色彩的設(shè)計（1）色彩的相關(guān)知識色相（hue）。色相識指色彩的相貌，是區(qū)別色彩種類的名稱。例如：紅、橙、黃、綠、青、藍(lán)、紫等顏色。明度（value）。

17、色彩明度是指色彩的明暗程度，體現(xiàn)顏色的深淺。純度（chroma）。色彩的純度就稱飽和度，即色彩的鮮艷和渾濁的程度。（2）非彩色與彩色的應(yīng)用顏色可有冷色、暖色的傾向。冷暖色系如下圖所示。（3）網(wǎng)頁色彩搭配的原則在進(jìn)行網(wǎng)頁色彩的搭配時，要遵循以下的基本原則：特色鮮明；搭配合理；彩的合適性；色彩的聯(lián)想性；講究藝術(shù)性。（4）色彩搭配要注意的問題使用單色；相同色系色彩；運用對比色或互補色；黑色的使用；背景色的使用；色彩的數(shù)量；由于國家和種族、宗教和信仰不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對色彩的好惡程度有著很大的差異；色彩的記憶性；色彩的聯(lián)想性。4.8.5 網(wǎng)頁圖片和文字的設(shè)計（1）網(wǎng)頁中的圖片在網(wǎng)頁中使用圖片時要注意以下幾點：圖片的收集與篩選；圖片的格式；圖片的處理及存儲；網(wǎng)頁背景圖像的應(yīng)用；慎用動畫。（2）文字的設(shè)計文字