【正文】 東莞職業(yè)技術(shù)學(xué)院 畢業(yè) 設(shè)計(jì)說明書 基于 的 多靈 鍵鼠外設(shè)產(chǎn)品網(wǎng)站的 設(shè)計(jì)與實(shí)現(xiàn) 學(xué)生姓名： 學(xué) 號： 0302100239 年級專業(yè)： 2021 級 網(wǎng)頁設(shè)計(jì) 指導(dǎo)老師： 系 部 ： 計(jì)算機(jī)工程 系 廣東 東莞 提交日期： 2021 年 5 月 目 錄 1 前言 .............................................................. 2 2 關(guān)鍵技術(shù)介紹 ...................................................... 3 2． 1 ............................................................................................................ 3 2． 2 C ..................................................................................................................... 3 2． 3 Dreamweaver ........................................................................................... 3 2． 4 Photoshop .............................................................................................. 4 2． 5 sqlserver 2021 ................................................................................................ 5 3 系統(tǒng)分析和設(shè)計(jì) .................................................... 6 3． 1 需求分析 ........................................................................................................... 6 3． 2 數(shù)據(jù)庫設(shè)計(jì) ....................................................................................................... 6 3． 3 系統(tǒng)總體設(shè)計(jì) .................................................................................................. 10 4 系統(tǒng)的實(shí)現(xiàn) ....................................................... 11 頁面設(shè)計(jì) .......................................................................................................... 11 功能設(shè)計(jì) .......................................................................................................... 11 5 結(jié)束語 ........................................................... 25 參考文獻(xiàn) ........................................................... 26 第 1 頁 共 32 頁 基于 的 多靈 鍵鼠外設(shè)產(chǎn)品網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 作 者： 鄭志輝 指導(dǎo)老師： 王超英 (東莞職業(yè)技術(shù)學(xué)院 2021級 網(wǎng)頁設(shè)計(jì) 2班 ， 東莞 523000) 摘 要： 本文首先介紹了本網(wǎng)站所使用的開發(fā)工具和開發(fā)環(huán)境，接著詳細(xì)介紹了基于 ASP的 鍵鼠外設(shè)商城網(wǎng)站的設(shè)計(jì) ，包括系統(tǒng)功能分析，數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)，程序設(shè)計(jì)及頁面詳細(xì)功能的介紹分析。 該網(wǎng)站功能分為幾個(gè)功能模塊： 用戶的注冊 ， 用戶登錄 ，用戶找回密碼，用戶密碼的更改，條件查詢商品，購物車的添加，刪除，產(chǎn)品數(shù)量更新，提交訂單 。其中 購物車和訂單功能是該網(wǎng)站的主要功能模塊，它實(shí)現(xiàn)用戶購買商品的相關(guān)操作 和提交用戶購買訂單的功能 。當(dāng)用戶 喜歡某鍵鼠標(biāo)，可以將它添加到自己的購物車中，如果想買的話，可以在購物車添加數(shù)量，并提交到訂單中，如 果在商城中找到更好的東西，可以將之前添加到購物車的東西刪除。 其開發(fā)主要包括數(shù)據(jù)庫的建立維護(hù)和應(yīng)用程序的開發(fā)這兩個(gè)方面。 關(guān)鍵詞： ； 購物車 管理 ； 提交訂單 第 2 頁 共 32 頁 1 前言 隨著 信息技術(shù)在國際貿(mào)易和商業(yè)領(lǐng)域的廣泛應(yīng)用，利用計(jì)算機(jī)技術(shù)，網(wǎng)絡(luò)通信技術(shù)和 Inter 來實(shí)現(xiàn)商務(wù)活動的國際化，信息化和無紙化，已成為各國商務(wù)發(fā)展的一大趨勢，電子商務(wù)正是為了這種以全球?yàn)槭袌鲎兓亩霈F(xiàn)與發(fā)展起來的。它可以使銷售商和供應(yīng)商更緊密的聯(lián)系在一起，以更快的滿足用戶的需求 。 有些人也許會問為什么這么多行業(yè)，我為什么要選擇鍵 鼠外設(shè)這個(gè)課題呢。因?yàn)楹芏嗳硕家詾槭髽?biāo)和鍵盤都是差不多的。沒什么講究，沒什么特色， 沒什么市場前景。其實(shí)這個(gè)想法是錯(cuò)的。因?yàn)榭萍荚谇斑M(jìn)。什么東西都會向更先進(jìn)的一方面去發(fā)展的。那鼠標(biāo)來說吧。我們以前用得鼠標(biāo)就只有兩個(gè)按鍵，沒用滾輪，用得是 ps/2 插口的，現(xiàn)在就基本有滾輪的，有 usb 插口的，更好一點(diǎn)的，方便些的有無線的鼠標(biāo)，有可以調(diào) DPI 的鼠標(biāo)，也有專門用于電子競技的鼠標(biāo)。因?yàn)槲易约阂脖容^喜歡玩游戲，所以對于競技游戲鼠標(biāo)有比較多的了解。 比如現(xiàn)在就有許多專門設(shè)計(jì)游戲鼠標(biāo)的公司“雷蛇”，“魔蝎”等。所以隨著人們生活水 平的提高，我認(rèn)為鍵鼠外設(shè)在市場中是有很大潛力的。所以我就做了這個(gè)多靈鍵鼠外設(shè)商城這個(gè)網(wǎng)站。 這個(gè)網(wǎng)站也許做的不是那么盡善盡美，但是這個(gè)網(wǎng)站還是有比較多的實(shí)用性強(qiáng)的功能的。 第 3 頁 共 32 頁 2 關(guān)鍵技術(shù)介紹 2． 1 ASP． NET 是 ASP 的升級版本，提供了一種以 Microsoft． NET Framework 為基礎(chǔ)開發(fā) Web 應(yīng)用程序的全新編程模式。 ASP． NET 是建立在通用語言運(yùn)行時(shí)刻庫 (CLR)上的應(yīng)用程序框架，用來在 服務(wù)器端構(gòu)建功能強(qiáng)大的 Web 應(yīng)用程序。 ASP． NET 提供了幾個(gè)超越以前 Web 開發(fā)模式的 優(yōu)點(diǎn)： (1)增強(qiáng)的性能。 (2)世界級水平的開發(fā)工具支持。 (3)強(qiáng)大而富有彈性。 (4)簡單。 (5)易于管理。 (6)可訂制和擴(kuò)展。 (7)安全性。 2． 2 C Microsoft C是一種新的編程語言，它是為生成運(yùn)行在． NET Framework 上的、廣泛的企業(yè)級應(yīng)用程序而設(shè)計(jì)的。 C語言滿足了開發(fā)人員要求編程語言象VisualBasic 那樣易于編寫、閱讀和維護(hù)的要求，同時(shí)仍然保持 C++的功能和靈活性。 C類似于 JAVA，但比它更優(yōu)秀。 C的設(shè)計(jì)目的是簡便性，而不是追求純粹的功能。 雖然放棄了一 些處理功能，但同時(shí)也獲得更大的益處和補(bǔ)償。 C為開發(fā)者提供了以下主要益處： 1. 簡便性 、 一致性 、 現(xiàn)代性 、 面向?qū)ο?、 類型無關(guān) 、 可升級性 、 版本支持 、兼容性 、 靈活性 。 2. C 是為了快速開發(fā)而設(shè)計(jì)的語言，內(nèi)部提供了大量的封裝好的接口和類，只需添加相應(yīng)的命名空間就可以調(diào)用。無需關(guān)心底層運(yùn)行狀況。并且自動釋放資源，是編程者省去了很多需要注意的東西。 2． 3 Dreamweaver Dreamweaver 是美國 Macromedia 公司（現(xiàn)已被 Adobe 公司收購，成為 Adobe Dreamweaver）開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè) 網(wǎng)頁設(shè)計(jì)師 特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。 Dreamweaver、 Flash 以及在 Dreamweaver 之后推出的針對專業(yè)網(wǎng)頁圖像設(shè)計(jì)的 Fireworks，三者被 Macromedia 公司稱為 DreamTeam（夢之隊(duì)），足見市場的 第 4 頁 共 32 頁 反響和 Macromedia 公司對它們的自信。說到 Dreamweaver 我們應(yīng)該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng) (Inter) 的家喻戶曉， HTML 技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在 WORD 中進(jìn)行文本編輯不會感到有什么區(qū)別，但它同時(shí)也存在著致命的弱點(diǎn)。 特性 ： 最佳的制作效率。 Dreamweaver 可以用最快速的方式將 Fireworks，F(xiàn)reeHand，或 Photoshop 等檔案移至網(wǎng)頁上。使用檢色吸管 工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個(gè)簡單步驟便可完成。 Dremweaver 能與您喜愛的設(shè)計(jì)工具，如 Playback Flash，Shockwave 和外掛模組等搭配，不需離開 Dremweaver 便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使 Dreamweaver 自動開啟 Firework 或Photoshop 來進(jìn)行編輯與設(shè)定圖檔的最佳化。 網(wǎng)站管理 ： 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱， Dreamweaver 會 自動更新所有連結(jié)。使用支援文字、HTML 碼、 HTML 屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。 無可比擬的控制能力 ： Dreamweaver 是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含 HomeSite和 BBEdit等主流文字編輯器。幀 (frames)和表格的制作速度快的令您無法想像。當(dāng)您正使用 Dreamweaver 在設(shè)計(jì)動態(tài)網(wǎng)頁時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和 XML Dreamweaver 將內(nèi)容與設(shè)計(jì)分開，應(yīng) 用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出 XML 內(nèi)容。 2． 4 Photoshop Photoshop 是一個(gè)由 Adobe Systems 開發(fā)和發(fā)行的圖像處理軟件。Photoshop 主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。 2021 年， Adobe 將 Adobe Photoshop 8 更名為Adobe Photoshop CS。因此，最新版本 Adobe Photoshop CS6 是 Adobe Photoshop中的第 13 個(gè)主要版本。 從功能上看，該軟件可分為圖像編輯、 圖像合成 、校色調(diào)色及特效制作部分等。 圖像編輯是圖像處理的基礎(chǔ)，可以對圖像做各種變換如放大、縮小、旋轉(zhuǎn)、 第 5 頁 共 32 頁 傾斜、 鏡像 、透視等。也可進(jìn)行復(fù)制、去除斑點(diǎn)、修補(bǔ)、修飾圖像的殘損等。這在 婚紗攝影 、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進(jìn)行美化加工，得到讓人非常滿意的效果。 圖像合成則是將幾幅圖像通過圖層操作、工具應(yīng)用合成完整的、傳達(dá)明確意義的圖像，這是 美術(shù)設(shè)計(jì) 的必經(jīng)之路；該軟件提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。 校色調(diào)色是該 軟件 中深具威力的功能之一，可方便快捷地對圖像的顏色進(jìn)行明暗、色偏的調(diào)整和校正，也可在不同顏色進(jìn)行切換以滿足圖像在不同領(lǐng)域如 網(wǎng)頁設(shè)計(jì) 、印刷、 多媒體 等方面應(yīng)用。 特效制作在該軟件中主要由濾鏡、通道及工具綜合 應(yīng)用 完成。包括圖像的特效創(chuàng)意和特效字的制作，如 油畫 、 浮雕 、石膏畫、 素描 等常用的傳統(tǒng) 美術(shù) 技巧都可藉由該軟件 特效 完成。而各種特效字的制作更是很多美術(shù)設(shè)計(jì)師熱衷于該軟件的研究的原因 2． 5 sqlserver 2021 SQL Server 是一個(gè)關(guān)系 數(shù)據(jù)庫管理系統(tǒng) 。它最初是由 Microsoft、 Sybase 和AshtonTate 三家公司共同開發(fā)的，于 1988 年推出了第一個(gè) OS/2 版本 。在Windows NT 推出后， Microsoft 與 Sybase 在 SQL Server 的開發(fā)上就 分道揚(yáng)鑣了， Microsoft 將 SQL Server 移植 到 Windows NT 系統(tǒng) 上，專注于 開發(fā) 推廣 SQL Server 的 Windows