【導(dǎo)讀】摘要．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．.．1

　　

【正文】 購 買Nn生 成 訂 單N N查 詢1N后 臺 管 理 員管 理1管 理NN管 理N網(wǎng) 站 發(fā) 布新 聞瀏 覽NN發(fā) 表留 言工 作回 復(fù)NN NNNNNN 本系統(tǒng)共創(chuàng)建表格 80 張，以下不一一具體詳細分析，選取了一張比較有代表性的表格進行說明。 （ shop_news） 新聞信息表（ 新聞編號 新聞標題 新聞內(nèi)容 添加人 添加時間 點擊數(shù)） （ shop_pinglun） 商品評論信息表（ 評論編號 商品編號 評論人 評論日期 標題 內(nèi)容 評級 IP 回復(fù) 回復(fù)日期） 電子商務(wù)購物系統(tǒng)的開發(fā) 31 （ shop_user） 用戶信息表（ 用戶編號 用戶名 密碼 郵箱 物品 標記 性別 主頁 注冊時間 …… ） （ shop_toupiao） 商品調(diào)查表（ 主題 問題 1 答案 1…… 問題 8 答案 8 投票時間） 福州大學(xué)專 科生畢業(yè)設(shè)計 (論文 ) 32 （ shop_guestshop） 問答留言表（ 留言編號 留言人 郵箱 內(nèi)容 URL 留言時間 回復(fù) 性別） 數(shù)據(jù)庫角色 分析購物網(wǎng)站中與安全保密有關(guān)各種需求，在系統(tǒng)詳細設(shè)計的同時我們針對不同用戶以設(shè)置權(quán)限的方式，保證了商家與顧客的權(quán)利不受侵犯，同時也使得網(wǎng)站從界面上看顯得簡潔方便。另外，我們會跟蹤評估該系統(tǒng)的安全保密體系的內(nèi)部構(gòu)架，及時發(fā)現(xiàn)安全系統(tǒng)的優(yōu)點與隱患，進一步完善安全系統(tǒng)架構(gòu)，達到保護顧客和商家的共同利益。 該系統(tǒng)的角色包括：游客，會員， VIP 會員以及不同權(quán)限級別的后臺管理員。 以下就是對軟件設(shè)置中關(guān)于權(quán)限設(shè)置的方案： 前臺權(quán)限設(shè)置選項包括： 1)查看、查詢 商品信息、新聞信息。 2)對商品進行評價和對管理員進行提問留言。 3)查看修改自己的用戶資料以及積分情況。 4)對滿意的商品下訂單。 電子商務(wù)購物系統(tǒng)的開發(fā) 33 5)享受 VIP 會員價。 權(quán)限分配方案 游客： 1)查看、查詢商品信息、新聞信息。 2)對商品進行評價和對管理員進行提問留言。 會員： 1)查看、查詢商品信息、新聞信息。 2)對商品進行評價和對管理員進行提問留言。 3)查看修改自己的用戶資料以及積分情況。 4)對滿意的商品下訂單。 VIP 會員： 1)查看、查詢商 品信息、新聞信息。 2)對商品進行評價和對管理員進行提問留言。 3)查看修改自己的用戶資料以及積分情況。 4)對滿意的商品下訂單。 5)享受 VIP 會員價。 后臺權(quán)限設(shè)置選項包括： 1)查看后臺管理資料。 （管理商品評論 \用戶訂單和用戶留言。） 2)添加后臺管理資料。 （添加、修改、刪除商品資料。） 3)管理后臺管理資料。 4)分配后臺管理員權(quán)限。 權(quán)限分配方案： 查看級別 后臺管理員： 1)查看后臺管理資料。 （管理商品評論 \用戶訂單和用戶留言。） 添加級別 后臺管理員： 2)添加 后臺管理資料。（添加、修改、刪除商品資料。） 管理級別 后臺管理員： 1)查看后臺管理資料。 （管理商品評論 \用戶訂單和用戶留言。） 2)添加后臺管理資料。 （添加、修改、刪除商品資料。） 3)管理后臺管理資料。 4)分配后臺管理員權(quán)限。 福州大學(xué)專 科生畢業(yè)設(shè)計 (論文 ) 34 第 五 章 網(wǎng)站 界面 的設(shè)計 UI 設(shè)計 UI 設(shè)計 概述 UI 設(shè) 計 涵 蓋 了 Graphics User Interface( 圖形用戶界面 ， 有 時 也 稱 為WIMP=Window/Icon/Menu/Pointing Device 窗口、圖標、菜單、指點設(shè)備 )和 Web User Interface （ 網(wǎng)頁風(fēng)格用戶界面 ）等。 UI 設(shè)計是一們新興的設(shè)計類和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體 ,把各種信息以最快捷、方便的方式傳達給受眾。在這種 標準的要求下，逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的 .UI 設(shè)計同樣如此。網(wǎng)頁不光是把各種東西放上去，能看就行，這是遠遠不夠的！要考慮如何受眾能更多的和更有效率的接收網(wǎng)頁上的信息，從而使他們對給網(wǎng)站留下很好的印象，那就更能促進自己網(wǎng)站的運作。這就需要從審美的方面入手，結(jié)合使用方便的 要求，就能制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。同時提升網(wǎng)站的形象。運用一些平面設(shè)計中美的基本形式到網(wǎng)頁中去就能是網(wǎng)頁更加富有美感，會使內(nèi)容繁多的頁面更加有條理，也會是人瀏覽起來主次分明。當(dāng)然這種美首先建立在頁面的內(nèi)容充實，而且實用，一個內(nèi)容空洞無物的網(wǎng)頁既使做得再漂亮也不會吸引人，頂多贏得幾聲贊嘆，沒有任何的用處。沒有實用性的東西是不會具有生命力的。要想將頁面做的更漂亮，就要求設(shè)計師要用較好的審美方面的素質(zhì)，同時要有豐富的平面設(shè)計的經(jīng)驗。這樣才能在設(shè)計時駕輕就熟。 由于 網(wǎng)頁的從無到有，從滿足基本的功能需要到追求美的較為高層次的需要，這是一個循序漸進的過程。這使人不由得想起工業(yè)革命前夕，很多現(xiàn)代的產(chǎn)品那時候都沒有，沒有現(xiàn)成的模樣可以參照，產(chǎn)品的設(shè)計都是滿足基本的功能需要出發(fā)，所以做出來的產(chǎn)品非常粗糙，冷冰冰的，毫無生氣。由于商業(yè)競爭和工業(yè)化大生產(chǎn)的結(jié)果，使得人們不斷的改進產(chǎn)品的功能，更為重要的是改進產(chǎn)品的外觀，是產(chǎn)品更符合美的需要和使用方便。 UI 設(shè)計規(guī)則 。 界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯誤選擇的可能性。 。 電子商務(wù)購物系統(tǒng)的開發(fā) 35 界面中要使用能反應(yīng)用戶本身的語言，而不是游戲設(shè)計者的語言。 。 人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限， 24 小時內(nèi)存在 25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。 。 是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致。 。 在視覺效果上便于理解和使用。 。 用戶可通過已掌握的知識來使用界面，但不應(yīng)超出一般常識。 。 想他們所想，做他們所做。 用戶總是按照他們自己的方法理解和使用。 通過比較兩個不同世界 (真實與虛擬 )的事物，完成更好的設(shè)計。 。 一個有序的界面能讓用戶輕松的使用。 。 用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。 。 簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具 (包括鼠標、鍵盤或手柄 )。 。 高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級和初級玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。 頁面的風(fēng)格設(shè)計與色彩搭配 主頁的美化首先要考慮風(fēng)格的定位。任何主頁都要根據(jù)主題的內(nèi)容決定其風(fēng)格與形式，因為只有形式與內(nèi)容的完美統(tǒng)一，才能達到理想的宣傳效果。目前主頁的應(yīng)用范圍日益擴大，幾乎包括了所有的行業(yè)，林林總總，包羅萬象，但歸納起來大體有這么幾個大類：新聞機構(gòu)、政府機關(guān)、科教文化、娛樂藝術(shù)、電子商務(wù)、網(wǎng)絡(luò)中心等。對于不同性質(zhì)的行業(yè)，應(yīng)體現(xiàn)出不同的主頁風(fēng)格，就像穿著打扮，應(yīng)依不同的性別以及年齡層次而異一樣。例如：政府部門的主頁風(fēng)格一般應(yīng)比較莊重，而娛樂行業(yè)則可以活潑生動一福州大學(xué)專 科生畢業(yè)設(shè)計 (論文 ) 36 些；文化教育部門的主頁風(fēng)格應(yīng)該高雅 大方，而商務(wù)主頁則可以貼近民俗，使大眾喜聞樂見。 主頁風(fēng)格的形成主要依賴于主頁的版式設(shè)計，依賴于頁面的色調(diào)處理，還有圖片與文字的組合形式等。這些問題看似簡單，但往往需要主頁的設(shè)計和制作者具有一定的美術(shù)素質(zhì)和修養(yǎng)。 還有，動畫效果也不宜在主頁設(shè)計中濫用，特別是一些內(nèi)容比較嚴肅的主頁。主頁畢竟主要依靠文字和圖片來傳播信息，它不是動畫片，更不是電視或電影。至于在主頁中適當(dāng)鏈接一些影視作品，那是另外一回事。 基于以上的考慮，我們這個網(wǎng)站的群體對象定義為年輕群體，風(fēng)格為清新淡雅。 形式以簡潔為主，減少視覺疲勞。 主色調(diào)： （ 6DD6F6） 輔助色調(diào)： （ 298D8B） （ A8E7F9） （ 666666） （ FF7D00） 頁面的框架與布局設(shè)計 當(dāng)用戶瀏覽一個購物網(wǎng)站時，他不單單注意到網(wǎng)站的功能如何。給用戶最直觀感覺的是其界面的設(shè)計。所以界面設(shè)計的合理性在網(wǎng)站設(shè)計中起了舉足輕重的作用。這個網(wǎng)站的前臺購物部分的具體布局如下所示： 1. 網(wǎng)站導(dǎo)航條部分 ，如圖 51 所示。 圖 51 網(wǎng)站導(dǎo)航條截圖 錄 部分 ，如圖 52 所示。 圖 52 網(wǎng)站登 錄 截圖 電子商務(wù)購物系統(tǒng)的開發(fā) 37 2. 商品搜索部分 ，如圖 53 所示 。 圖 53 網(wǎng)站 商品搜索 截圖 3. 商品展示部分，如圖 54 所示 ： 圖 54 網(wǎng)站 商品展示 截圖 ，如圖 55 所示。 圖 55 網(wǎng)站 商品評論 截圖 ，如圖 56所示。 福州大學(xué)專 科生畢業(yè)設(shè)計 (論文 ) 38 圖 56 網(wǎng)站 用戶購物車 截圖 ，如圖 57 所示。 圖 57 網(wǎng)站 用戶信息 截圖 部分，如圖 58 所示。 圖 58 網(wǎng)站用戶留言截圖 電子商務(wù)購物系統(tǒng)的開發(fā) 39 與版權(quán)說明部分 ， 如圖 59所示： 圖 59 網(wǎng)站 友情鏈接與版權(quán)說明 截圖 福州大學(xué)專 科生畢業(yè)設(shè)計 (論文 ) 40 結(jié)束語 全球經(jīng)濟發(fā)展正在進入信息經(jīng)濟時代，知識經(jīng)濟初見端倪。作為二十一世紀的主要經(jīng)濟增長方式 電子商務(wù)，將給各國和世界經(jīng)濟帶來巨大的變革，產(chǎn)生深遠的影響。電子商務(wù)通過大幅度降低交易成本，增加貿(mào)易機會，簡化貿(mào)易流程，提高貿(mào)易效率；電子商務(wù)提高生產(chǎn)力，改善物流系統(tǒng)，并推動企業(yè)和國民經(jīng)濟結(jié)構(gòu)的改革。對電子商務(wù)的關(guān)注和投入可以發(fā)展新興產(chǎn)業(yè)，創(chuàng)造就業(yè)機會，推動國家和全球經(jīng)濟的發(fā)展。電子商務(wù)是一個新興市場，而且是一種替代傳統(tǒng)商務(wù)活動的新形式。它有可能徹底改變貿(mào)易活動的本質(zhì)，形成一套全新的貿(mào)易活動框架。 如何構(gòu)建一 個安全高效的電子商務(wù)模式是國內(nèi)外學(xué)者長期探討并在實踐中去檢驗的。 正是基于這種想法，我對 B2C 模式的電子商務(wù)網(wǎng)站 進行了研究 ， 并在研究的 基礎(chǔ)上 ， 論述了 基于 ASP+IIS+Access 方案的 電子商務(wù)購物系統(tǒng)的開發(fā) ，給出了一個完整系統(tǒng)的設(shè)計實現(xiàn)過程 ， 初步具備了一個 購物網(wǎng)站 的基本功能 。 電子商務(wù)購物系統(tǒng)的開發(fā) 41 致謝 首先向我的母校 —— 福州大學(xué)致以深深的謝意，在這里度過了我人生中一段難忘的時光。 在此衷心感謝我的 指導(dǎo)老 師 林建光、吳永挺、張敏 。他 們 在畢業(yè)設(shè)計和 論文的編寫階段對我提供了大量指導(dǎo)和幫助 ，其嚴 謹?shù)闹螌W(xué)態(tài)度，平易近人的作風(fēng)，以及在各方面的教導(dǎo)讓我受益非淺。 同時，我還要感謝計算 機 系各位老師的教導(dǎo)，在 三 年 半 的大學(xué)生活中各位老師啟發(fā)式的指導(dǎo)，使我在學(xué)識、理念等各個方面都有了極大的收獲。老師們的諄諄教誨我終身難忘！ 在這里，我也要衷心的感謝我所有的同學(xué)們，他們在日常的工作和學(xué)習(xí)中給予了我無微不至的幫助和關(guān)懷，在我的畢業(yè)設(shè)計過程中也給予了我莫大的啟迪和支持！ 謝謝大家！ 福州大學(xué)專 科生畢業(yè)設(shè)計 (論文 ) 42 參考文獻 [1] 方美琪 劉魯川 編著，《 電子商務(wù) 設(shè)計師教程 》， 北京： 清華大學(xué)出版社 ,： 20150 [2] 黃云森 林強 編著，《 電子商務(wù)基礎(chǔ)教程 》， 北京： 清華大學(xué)出版社 ， ： 30140 [3] 宋昕 編著， 《 ASP 網(wǎng)絡(luò)開發(fā)技術(shù)入門與提高實用教程 》， 北京 : 中國鐵道出版社 ， ：1150 [4] 蔡翠平 尚俊杰 秦衛(wèi)中 編著，《 網(wǎng)絡(luò)程序設(shè)計 —— ASP 案例教程 》，北京： 清華大學(xué)出版社 ，： 1250 [5] 趙增敏 張迪 編著，《 Dreamweaver MX 動態(tài)網(wǎng)站設(shè) 計》， 北京：機械工業(yè) 出版社 ， ： 1255 [6] 甘仞初 主編 ， 《 信息系統(tǒng)分析與設(shè)計 》 ， 北京：高等教育出版社 ， ： 57348 [7]（美） Roger ,Software Engineering ： A Pract