凈菜銷售B2C電子商務(wù)網(wǎng)站前臺菜譜知識展示的設(shè)計與實現(xiàn)畢業(yè)設(shè)計論文

1、凈菜銷售凈菜銷售 b2cb2c 電子商務(wù)網(wǎng)站前臺菜譜知識展示的設(shè)計與實現(xiàn)電子商務(wù)網(wǎng)站前臺菜譜知識展示的設(shè)計與實現(xiàn) 目目 錄錄 前言前言 .6 第第 1 1 章章 緒論緒論 .6 第 1.1 節(jié) 開發(fā)背景以及課題意義 .6 第第 2 2 章章 系統(tǒng)的解決方案系統(tǒng)的解決方案 .7 第 2.1 節(jié) 開發(fā)工具的選擇 .7 第 2.2 節(jié) 開發(fā)環(huán)境的選擇 .7 第 2.3 節(jié) 數(shù)據(jù)庫系統(tǒng)的選擇 .8 第 2.4 節(jié) 相關(guān)技術(shù)簡介 .8 第 2.5 節(jié) 系統(tǒng)運行的軟、硬件環(huán)境要求 .11 第 2.6 節(jié) 系統(tǒng)的輸入輸出接口 .11 第第 3 3 章章 系統(tǒng)設(shè)計系統(tǒng)設(shè)計 .11 第 3.1 節(jié) 數(shù)據(jù)庫設(shè)計

2、.11 第 3.2 節(jié) 系統(tǒng)功能結(jié)構(gòu)設(shè)計 .12 第 3.3 節(jié) 界面設(shè)計 .13 第 3.4 節(jié) 程序代碼框架結(jié)構(gòu)設(shè)計思想 .14 第第 4 4 章章 系統(tǒng)的實現(xiàn)系統(tǒng)的實現(xiàn) .14 第 4.1 節(jié) 前臺菜譜類型列表，如圖 4-1 所示：.15 第 4.2 節(jié) 前臺菜譜展示，如圖 4-2 所示：.17 第 4.3 節(jié) 前臺菜譜明細展示，如圖 4-3 所示：.18 第第 5 5 章章 結(jié)論結(jié)論 .20 參考文獻參考文獻 .21 致謝致謝 .22 【摘要】：本論文主要描述的是有關(guān) b2c 電子商務(wù)-凈菜銷售系統(tǒng)的前臺菜譜知識展示 的設(shè)計與實現(xiàn)。在本論文中詳細地講述了實現(xiàn)前臺菜譜知識展示的設(shè)計與實現(xiàn)

3、的過程， 簡單介紹了相關(guān)的基本技術(shù)，包括 asp.net，sql server 2008 和 c#語言的一些簡介。講 述了系統(tǒng)模塊的開發(fā)背景以及課題意義，系統(tǒng)模塊功能的設(shè)計和數(shù)據(jù)庫的設(shè)計，以及系 統(tǒng)的具體實現(xiàn)。此系統(tǒng)模塊主要包括前臺的菜譜知識的瀏覽。 當(dāng)然，本次畢業(yè)設(shè)計的系統(tǒng)模塊選用了 visual studio .net 2010 作為集成應(yīng)用開發(fā)環(huán) 境，并且采用 c#語言作為編程語言，同時以數(shù)據(jù)庫原理為基礎(chǔ)，選用 sql server 2008 作為數(shù)據(jù)庫的開發(fā)環(huán)境，也利用 ado.net 數(shù)據(jù)庫連接技術(shù)和.net 的 web 技術(shù)。 【關(guān)鍵詞】：電子商務(wù)；asp.net；數(shù)據(jù)庫；web

4、技術(shù) abstract: this paper describes the design and implementation of relevant b2c e-commerce sales system - - jingcai front cookbook knowledge of the show. in this paper describes in detail the design and implementation of the process of achieving knowledge recipes show reception, a brief introduction

5、 to the relevant basic technology, including some of the introduction asp.net, sql server 2008 and c # language. tells the system modules and development background task significance, the concrete realization of the design features of the system design and database modules, and systems. this system

6、module includes recipes foreground knowledge browsing. of course, this graduation design system modules selected visual studio. net 2010 as an integrated application development environment, and the use of c # language as a programming language, while the database based on the principle, use sql ser

7、ver 2008 as the database development environment, but also the use of ado . net technology and database connections. net web technologies. key words: electronic commerce; asp.net; database; web technology 前言前言 21 世紀(jì)是網(wǎng)絡(luò)飛速發(fā)展的時代，上網(wǎng)瀏覽信息和創(chuàng)建一個網(wǎng)站已經(jīng)成為一個熱門話題。互聯(lián)網(wǎng)技 術(shù)的持續(xù)迅猛發(fā)展，已經(jīng)成為計算機行業(yè)的熱點技術(shù)，越來越多的企業(yè)開始關(guān)注到網(wǎng)絡(luò)，很多人都在

8、學(xué)習(xí)網(wǎng)絡(luò)知識，網(wǎng)絡(luò)的發(fā)展，或創(chuàng)建自己的網(wǎng)站。隨著計算機網(wǎng)絡(luò)的普及，網(wǎng)絡(luò)已經(jīng)逐漸成為人們生 活中的一部分。如今的世界正在逐步朝著互聯(lián)網(wǎng)的信息與經(jīng)濟時代過渡，當(dāng)今社會的首要 選擇是如何合理的利用信息高速發(fā)展的優(yōu)勢為人們服務(wù)。如今購物一詞與人們的生活息 息相關(guān)，它具有非常龐大的市場，抓住這個龐大的市場將會給社會和經(jīng)濟帶來極大的效 益。如果采用傳統(tǒng)的貿(mào)易方式，就必須要將貨物配送到每一個地區(qū)才能達到銷售的目的， 這種傳統(tǒng)的貿(mào)易方式不僅需要消耗大量的人力和物力，而且效率也不高。因此一個實用、 高效、穩(wěn)定的可實現(xiàn)在線購物的系統(tǒng)正是商家利用信息提高效率、服務(wù)質(zhì)量的最佳選擇。 第第 1 章章 緒論緒論 第 1.

9、1 節(jié) 開發(fā)背景 中國電子商務(wù)雖然相對歐洲國家來說起步較晚，但是發(fā)展迅速。中國網(wǎng)民的數(shù)量很 多，因此電子商務(wù)在中國能夠迅速發(fā)展。同時中國政府在電子商務(wù)方面付出了大量努力， 促進了國內(nèi)電子商務(wù)的發(fā)展。雖然電子商務(wù)在中國發(fā)展很快，但是還是存在一些弊端， 如誠信評價機制不完善，東西部差異明顯，普及程度不足，是約束中國電子商務(wù)發(fā)展的 三大瓶頸。 目前市場上有淘寶網(wǎng)、京東商城、當(dāng)當(dāng)網(wǎng)等，這些網(wǎng)站是中國電子商務(wù)發(fā)展成果的 最真實寫照。例如淘寶網(wǎng)，它不僅適合個人用戶而且適合企業(yè)用戶，既可以滿足買家選 購貨物也可以滿足商家出售貨物。淘寶網(wǎng)里存放了大量的商品信息，但是正是因為里面 的信息過于龐大，它并不是適合所

10、有的企業(yè)、尤其是那些小型企業(yè)。因為根據(jù)企業(yè)的營 銷目標(biāo)，企業(yè)是要贏得客戶，從而為公司盈利。但是如果將自己的商品發(fā)布到信息量很 大的淘寶網(wǎng)上的話，客戶就可能會因為看到了其他類似的商品信息從而就放棄了對原來 那個商家商品信息的搜索。 第 1.2 節(jié) 電子商務(wù)的發(fā)展 隨著經(jīng)濟的發(fā)展和計算機網(wǎng)絡(luò)的普及，人們對信息的獲知程度和廣度有了更高的要 求。近年來，商品的種類變得五花八門，人們在購買商品的時候?qū)ι唐贩N類、型號、用 途的要求也各不一樣，如果采用傳統(tǒng)的貿(mào)易方式將各種類別不同型號的商品都送到每個 可能需要該商品的地方，運輸?shù)某杀揪蜁黾硬簧佟Ｍ瑫r，買家必須親自到商店里面去 買自己所需的商品也是傳統(tǒng)購物方

11、式的缺點。因此，企業(yè)要想更好的發(fā)展，就必須有一 種高效、便于客戶購物和支付的購物形式。因此網(wǎng)上購物這種新的商業(yè)運營模式就被越 來越多的商家運用到競爭中去，并得到了大多數(shù)客戶的認可，這種基于瀏覽器、服務(wù)器 實現(xiàn)的購物方式已經(jīng)初具規(guī)模，一些在線購物網(wǎng)站的成立，改變了人們已往傳統(tǒng)的購物 觀念。 第 1.3 節(jié) 課題研究的目的與意義 該系統(tǒng)是結(jié)合當(dāng)前傳統(tǒng)購物方式消耗大量人力物力的弊端、以當(dāng)前市場上已經(jīng)存在 的 b2c、c2c 等在線購物網(wǎng)站為模型，開發(fā)出適合于大部分中小型企業(yè)以及個體用戶的 網(wǎng)上購物系統(tǒng)，主要是為了各用戶解決上下班的午餐和晚餐以及購菜的問題。 本系統(tǒng)模塊是在大學(xué)期間學(xué)習(xí)數(shù)據(jù)庫原理的相關(guān)

12、知識的基礎(chǔ)上，熟悉 visual studio 2010 開發(fā)環(huán)境并能熟練使用 c#編程語言的同時，運用軟件工程理論知識，開發(fā)出的基于 asp.net 的在線凈菜系統(tǒng)的前臺菜譜模塊的展示。在模塊開發(fā)的過程中能夠應(yīng)用所學(xué)的 知識，并促進自己更深入的學(xué)習(xí) c#的相關(guān)特性、積累更多 sql server 2008 的相關(guān)應(yīng)用知 識，這樣不僅能將所學(xué)的書面知識和實際應(yīng)用結(jié)合起來達到學(xué)以致用的目的，同時也為 以后的工作和學(xué)習(xí)積累經(jīng)驗。 第第 2 章章 系統(tǒng)的解決方案系統(tǒng)的解決方案 系統(tǒng)開發(fā)的平臺和選擇語言的優(yōu)劣及相互協(xié)調(diào)的程度，將直接影響到開發(fā)的效率和 系統(tǒng)的質(zhì)量。 第 2.1 節(jié) 開發(fā)工具的選擇 本系

13、統(tǒng)模塊采用 c#語言作為開發(fā)語言。目前主流的動態(tài)網(wǎng)站的設(shè)計技術(shù)有 asp、php、.net 和 jsp 等。而其中最熱門的是.net 和 jsp。.net 上支持多種語言的開 發(fā)，例如 c#、c+、f#和 vb 等。 使用 c#開發(fā)本模塊是因為 microsoft c#是一種簡單的、流行的、面向?qū)ο蟮?、類?安全的編程語言，它是為能生成并且能運行在.net framework 上的、廣泛的企業(yè)級應(yīng)用 程序而設(shè)計的。并且 c#比較容易上手，特別是和 jsp 比較起來，它能夠在短的時間內(nèi)開 發(fā)出一個較完整的系統(tǒng)。最后，c#是我比較熟悉的編程語言，采用該語言將為系統(tǒng)的開 發(fā)省去了不少的時間。 第 2

14、.2 節(jié) ado.net 數(shù)據(jù)訪問過程 ado.net對數(shù)據(jù)庫的訪問主要包括connection、command、datareader及 dataadapter四個對象。ado.net使用dataadapter對象為發(fā)送到和來自dataset 及底層數(shù)據(jù)源的數(shù)據(jù)建立通道。dataset數(shù)據(jù)集就是用戶使用的數(shù)據(jù)在內(nèi)存中的副本， 可視為一個虛擬關(guān)系數(shù)據(jù)庫，由于dataset與原始數(shù)據(jù)源完全無關(guān)，因而可以實現(xiàn)斷開 連接的數(shù)據(jù)訪問。asp.net動態(tài)網(wǎng)頁對web數(shù)據(jù)庫的訪問過程如圖 2-2 所示。 導(dǎo)入名稱空間 connection 對象 dataadapter 對象command 對象 datase

15、t 對象 datagrid 等控件 數(shù)據(jù)庫 操作過程顯示數(shù)據(jù) 連接數(shù)據(jù)庫 imports system data imports system data sqlclient 選擇數(shù)據(jù) 存放數(shù)據(jù) 數(shù)據(jù)綁定 顯示數(shù)據(jù) 操作數(shù)據(jù)庫 （insert,updata, delete 命令） 圖 2-2 asp.net 動態(tài)圖 第 2.3 節(jié) 開發(fā)環(huán)境的選擇 microsoft .net framework 是一個平臺，在這個平臺上可以使用多種語言開發(fā) windows 應(yīng)用程序、asp.net web 應(yīng)用程序、移動 web 應(yīng)用程序以及 xml web service 等。.net 框架由三個主要部分組成

16、：公共語言運行庫、統(tǒng)一類庫的分層集合以及 asp.net 的 active server pages 組件化版本。 visual studio.net 是一套完整的開發(fā)工具，用于生成 asp.net 應(yīng)用程序、xml web services、桌面應(yīng)用程序和移動應(yīng)用程序。visual basic.net、visual c+.net、visual c#.net 和 visual j#.net 全都使用相同的集成開發(fā)環(huán)境(ide)，該環(huán)境允許它們共享工具 并有助于創(chuàng)建混合語言解決方案。 鑒于 visual c# .net 開發(fā)平臺和 c#語言的這些優(yōu)點，所以本系統(tǒng)模塊采用了以上平 臺和語言。 第

17、2.4 節(jié) 數(shù)據(jù)庫系統(tǒng)的選擇 到目前為止,市場上已有的數(shù)據(jù)庫系統(tǒng)包括 mysql、access、microsoft sql server 2008、oracle(9i、10g、11g)，其中，microsoft sql server 2008、oracle 這兩種數(shù)據(jù)庫最 為普遍。本系統(tǒng)采用的是 microsoft sql server 2008 數(shù)據(jù)庫系統(tǒng)，原因如下： sql server 2008 是我最開始接觸也是接觸時間最長的一個數(shù)據(jù)庫系統(tǒng)，而且 t-sql 語句也是我最熟悉的查詢語句，采用該種數(shù)據(jù)庫對保證系統(tǒng)模塊開發(fā)過程的順利進行將 有很大的幫助。 盡管 oracle 可在所有主流平

18、臺上運行，解決了系統(tǒng)運行過程中的跨平臺問題；但是 它的企業(yè)管理器使用過程較為復(fù)雜。而 sql server 2008 雖然只能在 windows 上運行，但 sql server 2008 在 window 平臺上的表現(xiàn)以及它和 windows 操作系統(tǒng)的整體結(jié)合程度、 使用方便性、和 microsoft 開發(fā)平臺的整合性都比 oracle 好很多。 oracle 一般用于大型項目，而 sql server 2008 一般用于中小型項目，由于本系統(tǒng)模 塊并不復(fù)雜，所以使用 sql server 2008 比較適合。 第 2.5 節(jié) 相關(guān)技術(shù)簡介 2.5.1 asp.net asp.net 又叫

19、 asp+，在其發(fā)布之初很多開發(fā)人員認為 asp.net 是 asp 的簡單升級， 其實不然，它是微軟公司推出的新一代 active server pages 腳本語言。這種語言是微軟公 司開發(fā)的新型體系結(jié)構(gòu).net 的一部分，它提供了一種全新技術(shù)架構(gòu)，這種技術(shù)架構(gòu)不同 于以前的其他開發(fā)環(huán)境，它使每一個程序員的開發(fā)環(huán)境變得更簡單。 首先需要特別指出的是，雖然 asp.net 是建立在 asp 開發(fā)環(huán)境之上的一個開發(fā)平臺， 但又不同于 asp 這個開發(fā)平臺。asp.net 不僅提供了一個全新的操作界面，更為重要的 是，asp.net 不僅吸收了 asp 以前版本的最大優(yōu)點，與此同時還參照 jav

20、a、visual basic（簡稱 vb）語言的開發(fā)優(yōu)勢，并且在其中加入了許多新的獨有的特色，同時也修改 了以前的 asp 版本的運行錯誤。 現(xiàn)在越來越多的企業(yè)都建立了自己的 w w w 網(wǎng)站，企業(yè)通過網(wǎng)站可以展示產(chǎn)品， 發(fā)布最新動態(tài)，與用戶進行交流和溝通，開展電子商務(wù)等。目前都是基于 asp.net 和腳 本語言，將動態(tài)網(wǎng)頁和數(shù)據(jù)庫結(jié)合，并且通過相應(yīng)的應(yīng)用程序來處理。 asp.net 具有如下的性能特點： 1、由于 asp 頁面每次打開都必須經(jīng)過先編譯后解釋的過程，所以頁面在反復(fù)打開時 速度沒有任何提升，而 asp.net 頁面只需要一次編譯后不需要重新編譯，這使得在多次 訪問時速度有了極大

21、的提升。 2、由于 asp.net 沒有提供任何輸出數(shù)據(jù)為內(nèi)容的元件，所以在使用 asp.net 撰寫 數(shù)據(jù)庫頁面時只能借助 ado 的 recordset 對象逐筆讀取記錄，而 asp.net 通過 ado.net 提供的 datagrid 等數(shù)據(jù)庫元件可以直接和數(shù)據(jù)庫聯(lián)系。 3、asp. net 支持應(yīng)用程序的實時更新。管理員不必關(guān)掉網(wǎng)絡(luò)服務(wù)器或者甚至不用 停止應(yīng)用程序的運行就可以更新應(yīng)用文件。 4、asp.net 采取“code-behind” （代碼后植）方式編寫代碼使得代碼更易于編寫， 結(jié)構(gòu)更清晰，降低了系統(tǒng)的開發(fā)與維護的復(fù)雜度和費用。 在 2000 年 7 月，asp.net 發(fā)行

22、。由上得，asp.net 不是 asp 的簡單升級，而是微 軟推出的新一代 active server pages。所以，asp.net 是微軟發(fā)展的新的體系結(jié)構(gòu) .net 的一部分，其中全新的技術(shù)架構(gòu)會讓每個編程人員的編程生活變得更為簡單，web 應(yīng)用 程序的開發(fā)人員使用這個開發(fā)環(huán)境可以實現(xiàn)更加模塊化、功能更強大的應(yīng)用程序的編程。 2.5.2 c# microsoft 公司推出了基于 xml 的 web services 平臺的.net 技術(shù),并提供包括 visual studio .net 在內(nèi)的一系列.net 平臺。而 visual studio .net 平臺支持的 c#是面 向構(gòu)件的

23、新型開發(fā)語言,它具有如下幾個特點: 1、支持構(gòu)件開發(fā)； 2、面向?qū)ο螅?3、類型安全； 4、能支持版本處理； 5、消除大量程序錯誤； 6、商業(yè)過程和軟件實現(xiàn)能更好的應(yīng)對； 7、擴展交互性。 因此，開發(fā)基于 .net 平臺上的商品化構(gòu)件，以及基于 .net 平臺開發(fā)應(yīng)用程序?qū)⒊?為軟件業(yè)的發(fā)展方向，對基于 .net 平臺的 c# 逆向工程工具，尤其是支持 c#構(gòu)件化特 征的逆向工程工具的需求便日趨迫切。 c # 支持所有關(guān)鍵的面向?qū)ο蟾拍睿悍庋b、繼承和多態(tài)性。 在 c # 中所有的對象被 封裝在類中，c # 取消了多繼承，每個類僅允許有一個基類，以 object 作為基類。當(dāng)需 要多繼承時，可以

24、運用接口，一個類可以實現(xiàn)多個接口，從而實現(xiàn)多繼承。c # 提供名字 空間(namespace) 聲明一個范圍，以便組織代碼并創(chuàng)建全局類型。 在一個名字空間下， 可以聲明別的名字空間、類、接口、結(jié)構(gòu)、枚舉和代理。通過嵌套的名字空間，把語義 相關(guān)的程序分成層次結(jié)構(gòu)，從而提供一個邏輯上的組織系統(tǒng)。 總之，c#是一種現(xiàn)代的面向?qū)ο笳Z言。它使程序員快速便捷地創(chuàng)建基于 microsoft.net 平臺的程序。這種框架使 c#組件可以方便地轉(zhuǎn)化為 xml 網(wǎng)絡(luò)服務(wù)，從而 使任何平臺的應(yīng)用程序都可以通過 internet 調(diào)用它。c#增強了開發(fā)者的效率，同時也致力 于消除編程中可能導(dǎo)致嚴(yán)重結(jié)果的錯誤。c#使

25、c、c+程序員可以快速進行網(wǎng)絡(luò)開發(fā)，同 時也保持了開發(fā)者所需要的強大性和靈活性。 2.5.3 sql server sql server 是一個關(guān)系數(shù)據(jù)庫管理系統(tǒng)，它最初是由 microsoft sybase 和 ashton-tate 三家公司共同開發(fā)的，于 1988 年推出了第一個 os/2 版本，在 windows nt 推出后 microsoft 與 sybase 在 sql server 的開發(fā)上就分道揚鑣了。microsoft 將 sql server 移植 到 windows nt 系統(tǒng)上，專注于開發(fā)推廣 sql server 的 windows nt 版本，sybase 則較

26、專注于 sql server 在 unix 操作系統(tǒng)上的應(yīng)用。 sql server 具有如下等幾個特點: 1、開放性； 2、可伸縮性； 3、安全性； 4、可擴展性； 5、操作簡單。 microsoft sql server 2008 是一個重大的產(chǎn)品版本，它推出了許多新的特性和關(guān)鍵 的改進，使得它成為至今為止的最強大和最全面的 microsoft sql server 版本。 微軟的這個數(shù)據(jù)平臺滿足這些數(shù)據(jù)爆炸和下一代數(shù)據(jù)驅(qū)動應(yīng)用程序的需求，支持數(shù) 據(jù)平臺愿景：關(guān)鍵任務(wù)企業(yè)數(shù)據(jù)平臺、動態(tài)開發(fā)、關(guān)系數(shù)據(jù)和商業(yè)智能。 microsoft sql server 2008 這個平臺有以下特點： 1、

27、可信任的使得公司可以以很高的安全性、可靠性和可擴展性來運行他們最關(guān) 鍵任務(wù)的應(yīng)用程序。 2、高效的使得公司可以降低開發(fā)和管理他們的數(shù)據(jù)基礎(chǔ)設(shè)施的時間和成本。 3、智能的提供了一個全面的平臺，可以在你的用戶需要的時候給他發(fā)送觀察和 信息。 第 2.6 節(jié) 系統(tǒng)運行的軟、硬件環(huán)境要求 2.6.1 硬件運行環(huán)境 （1）cpu:pentium iii 500mhz 以上； （2）內(nèi)存大小:512mb 以上； （3）磁盤空間容量:512mb 以上； （4）鼠標(biāo)，鍵盤。 2.6.2 軟件運行環(huán)境 （1）操作系統(tǒng)：windows xp/ windows 7； （2）web 服務(wù)器：iis6.0； （3）開發(fā)

28、平臺：visual studio .net； （4）編程語言：c#； （5）數(shù)據(jù)庫：sql server 2008； （6）瀏覽器：ie6。 第第 3 章章 系統(tǒng)設(shè)計系統(tǒng)設(shè)計 第 3.1 節(jié) 數(shù)據(jù)庫設(shè)計 3.1.1 概念設(shè)計 通過對用戶需求進行綜合、歸納與抽象，并采用自底向上的方法，形成一個獨立于 具體 dbms 的概念模型。通過對凈菜系統(tǒng)菜譜的各方面的分析，我們可以知道該前臺系 統(tǒng)中的實體包括： （1）食譜（食譜編號，商品編號，商品名稱，類型名稱，成份，配料，圖片地址， 作法） （2）食譜類型（類型編號，父節(jié)點，類型名稱） （3）食譜類別（類別編號，子節(jié)點，類型名稱，商品編號，商品名稱） （

29、4）商品表（商品編號，商品名稱，保質(zhì)期，商品價格，數(shù)量，生產(chǎn)日期，商品類別 編號，類型編號，圖片地址，商品描述，重量，單位） 3.1.2 邏輯設(shè)計 系統(tǒng)數(shù)據(jù)庫設(shè)計的優(yōu)劣直接影響到以后網(wǎng)站與數(shù)據(jù)連接的速度和更新查詢的復(fù)雜度。 本節(jié)介紹本系統(tǒng)基于關(guān)系數(shù)據(jù)庫的數(shù)據(jù)庫總體結(jié)構(gòu)設(shè)計及數(shù)據(jù)表的設(shè)計。 本系統(tǒng)的數(shù)據(jù)庫設(shè)計是在系統(tǒng)功能分析后，依據(jù)系統(tǒng)的需求目標(biāo)而做出的設(shè)計。本 系統(tǒng)為基于b2c的在線凈菜系統(tǒng)的前臺菜譜系統(tǒng)，所以最重要的數(shù)據(jù)表就是用戶信息數(shù) 據(jù)表、食譜類型數(shù)據(jù)表、食譜信息數(shù)據(jù)表、食譜類別信息數(shù)據(jù)表等，表 3-1 為本系統(tǒng)所涉 及到的數(shù)據(jù)表。 基本表 通過上面的關(guān)系轉(zhuǎn)換與關(guān)系優(yōu)化，我們最終得到下面

30、的基本表。 （1）食譜類型表如表 3-2 所示。 表 3-2 食譜類型 屬性名數(shù)據(jù)類型是否為 空 含義是否為主鍵 typeidintnot null類型編號主鍵，唯一 parentidintnot null父節(jié)點外鍵 catanamenvarchar(50)not null類型名稱 （2）食譜表如表 3-3 所示。 表 3-3 食譜表 屬性名數(shù)據(jù)類型是否為空含義是否為主鍵 shipuidchar(5)not null食譜編號主鍵，唯一 proidint null商品編號外鍵 pronamevarchar（20） null商品名稱 catanamenvarchar（200 ） null類型名稱

31、stuffvarchar(100) null制作材料 traitvarchar(100) null配料 methodsvarchar(400) null菜品的做法 imgageurlnvarchar(50)not null圖片地址 （3）商品表如表 3-4 所示。 表 3-4 商品表 屬性名數(shù)據(jù)類型是否 為空 含義是否為主鍵 proidintnot null 商品編號 主鍵，唯一 pronamenvarchar(20) null 商品名稱 catanoint null 類別編號 外鍵 keephoursint null 商品保質(zhì)期 propricemoneynull 商品價格 procount

32、intnull 商品數(shù)量 prodatesmalldatetime null 生產(chǎn)日期 typenointnull 商品類別編號 imgurlvarchar(100)null 圖片地址 prodesc nvarchar(1000)null 商品描述 proweightnvarchar(50)null 商品重量 unitnvachar（5）null 單位 （4）食譜類別表如表 3-5 所示。 表 3-5 食譜類別表 屬性名數(shù)據(jù)類型是否為 空 含義是否為主鍵 typeidintnot null類別編號主鍵，唯一 parentidintnot null父節(jié)點 catanamenvarchar(50)

33、not null類型名稱 pronamenvarchar(20) null 商品名稱 各個數(shù)據(jù)表之間主鍵和和外鍵之間存在某種關(guān)系，它們的對應(yīng)關(guān)系一般是商品編號 proid、父節(jié)點 parentid、類別編號 catano、類型編號 typeid 等各元素的主鍵相鏈接的， 關(guān)系圖如圖 3-1： 在上圖中，shipu 表里面的 proid 是外鍵，productcontent 表里面的 proid 是主鍵，他們的字段類型都 是一致的，并且里面的數(shù)值必須要一樣，否則在運行系統(tǒng)模塊的時候就會出現(xiàn)錯誤。 productcontent 表里面的 catano 是外鍵，procata 里面的 typeid

34、是主鍵，他們之間的字段類型都是一 致的，并且里面的數(shù)值必須要一樣，否則在運行系統(tǒng)模塊的時候就會出現(xiàn)錯誤。 第 3.2 節(jié) 系統(tǒng)功能結(jié)構(gòu)設(shè)計 3.2.1 前臺菜譜知識展示： 系統(tǒng)銷售模塊主要讓商品購買者使用，可以進行各類商品信息的瀏覽和訂購功能， 系統(tǒng)銷售模塊的結(jié)構(gòu)如圖 3-1 所示。 前臺菜譜知識展示 模塊 食譜菜單商品菜譜明細 商 品 名 稱 配 料 商 品 名 稱 商 品 編 號 成 份 制 作 方 法 圖 片 食 譜 類 別 圖 3-1 第 3.3 節(jié) 界面設(shè)計 3.3.1 頁面的頭部, 如圖 3-2 所示： 圖 3-2 該頁面引用的用戶定義控件header.ascx來作為頁面的頭部，頁

35、面的主體部分主要使用 table 和 div+css 來布的局，并且用了 4 張圖片、一個 label 控件用來顯示訂菜熱線以及一 個 textbox 控件用來輸入搜索的關(guān)鍵詞。同時用戶在點擊注冊和登陸的時候可以 進入相應(yīng)的頁面來進行操作，為了接下來購物更為方便。 #menuwidth:1024px; margin:10px auto auto 150px; #menu ul float:left; width:900px; height:35px; margin:20px 50 0px 100px; #menu ul lilist-style-type:none; float:left; m

36、argin:1px 1px 0 0; #menu ul li#menu_7margin-right:0; #menu ul li adisplay:block; width:120px; height:25px; padding-top:4px; padding-bottom:4px; text-align:center; text-decoration:none; font-size:22px; line-height:26px; color:#069; #menu ul li a:hover background:#ccc; 3.3.2 頁面的底部，如圖 3-3 所示： 圖 3-3 該頁面

37、引用的用戶定義控件footer.ascx來作為頁面的頭部，頁面的主體部分主要使用 div+css 來布的局，使用了 5 張主要的圖片來進行布局，同時在友情鏈接里面附加了各個 網(wǎng)站的超鏈接，用戶也能方便去瀏覽。 #footer #sm #wordwidth:580px; height:50px; margin-top:3px; margin-left:0px; #footer #sm #word lilist-style-type:none; float:left; margin:1px 1px 0 0; height:50px; width: 140px; #footer #sm #word

38、li a display:block; width:90px; height:50px; float:left; padding-top:4px; text-align:center; text-decoration:none; font-size:14px; color:#069; #footer #sm #word li a:hoverbackground:#ccc; #footer #youqing liwidth:70px; height:22px; list-style-type:none; margin-top:300px; #footer #youqing li a displa

39、y:block; width:70px; height:22px; float:left; text-align:center; text-decoration:none; color:#069; #footer #yq float:left; width:1024px; height:110px; margin-top:10px; margin-left:0px; #footer #yq li list-style-type:none; float:left; margin:1px 1px 0 0; height:25px; #footer #yq li adisplay:block; wi

40、dth:120px; height:25px; padding-top:8px; text-align:center; text- decoration:none; color:#069; #footer #yq li a:hoverbackground:#ccc; #footer #linefloat:left; width:1024px; height:10px; margin-top:10px; border-top:outset 1px gray; #footer #line1 float:left; width:1024px; height:10px; margin-top:10px

41、; border-top:outset 1px gray; #footer #cofloat:left; width:900px; height:35px; margin-top:10px; margin-left:50px; #footer #co li list-style-type:none; float:left; margin:1px 1px 0 0; height:25px; #footer #co li a display:block;width:85px;height:25px;padding-top:8px;text-align:center;text-decoration:

42、none; font- size:14px; color:#069; margin-left:0px; #footer #co li #men_10 width:100px; height:26px; text-align:left; font-size:14px; #footer #co li a:hoverbackground:#ccc; #footer #copwidth:700px; height:20px; margin:30px auto 30px 220px; 3.3.3 菜譜的瀏覽，如圖 3-4 所示： 圖 3-4 該頁面的導(dǎo)航菜單是引用的用戶定義控件header.ascx來作

43、為頁面的頭部，頁面的 主體部分用了兩個iframe，分別命名為“l(fā)efttree”和“main” 。在“l(fā)efttree”中顯 示，menu1.aspx頁面，在menu1.aspx頁面中使用了treeview控件，用來顯示商品 管理的條目，通過點擊“+”或“-”按鈕來展開或關(guān)閉操作。點擊“l(fā)efttree”中的菜 譜名稱條目，在“main”中顯示出相應(yīng)的菜譜信息，同時在“main”中主要使用 table 來布局的，分別顯示菜的普片、商品編號、商品名稱、原料、成分以及做法等信息。 。 3.3.4 首頁的信息瀏覽：如圖 3-5 所示： 圖 3-5 該頁面主體框架是用 table 來進行布局的，該頁

44、面中，最主要用來顯示商品信息、詳細信 息與詳細食譜的內(nèi)容是通過datalist 控件來完成的。從圖中可以看出，在每一個商品中， 通過點擊商品的圖片、名稱以及詳細信息，都可以跳轉(zhuǎn)到相應(yīng)商品信息的頁面，與此同 時，如果用戶對該商品的食譜感興趣的話，只需要點擊詳細食譜，就能迅速跳轉(zhuǎn)到該商 品的相應(yīng)食譜頁面，從而進行瀏覽商品食譜的基本信息。 3.3.5 瀏覽更多單品頁面，如圖 3-6 所示： 該頁面主體框架是用 table 來進行布局的，該頁面中，最主要用來顯示單品信息，其中詳 細信息與詳細食譜等內(nèi)容是通過datalist 控件來完成的。從圖中可以看出，在每一個商 品中，通過點擊商品的圖片、名稱以及詳

45、細信息，都可以跳轉(zhuǎn)到相應(yīng)商品信息的頁面， 與此同時，如果用戶對該商品的食譜感興趣的話，只需要點擊詳細食譜，就能迅速跳轉(zhuǎn) 到該商品的相應(yīng)食譜頁面，從而進行瀏覽商品食譜的基本信息。 3.3.6 瀏覽食譜的購買頁面，如圖 3-6 所示： 該頁面引用的用戶定義控件heder.ascx來作為頁面的頭部，頁面頭部的主體部分主要使 用 table 和 div+css 來布的局。該頁面的中間顯示食譜的部分主要是通過 table 來進行布 局的，當(dāng)用戶對該商品的食譜有興趣的時候，就跳轉(zhuǎn)到該頁面，從而進行瀏覽該商品的 食譜信息。如果用戶看過之后覺得符合自己的所需，那么用戶只需要點擊商品編號右側(cè) 的該買按鈕，就可以

46、實現(xiàn)對該商品的購買了。 第 3.4 節(jié) 程序代碼框架結(jié)構(gòu)設(shè)計思想 第第 4 章章 系統(tǒng)的實現(xiàn)系統(tǒng)的實現(xiàn) 第 4.1 節(jié) 前臺菜譜類型列表，如圖 4-1 所示： 圖 4-1 在該模塊中，要實現(xiàn)的最主要功能是在用戶點擊了“+”和“-”按鈕后，進入相應(yīng)食 譜類型的商品名稱列表，在用戶點擊每個商品名稱之后，可以在右側(cè)查看相應(yīng)商品菜譜 的知識。這就用到了控件，該功能的具體實現(xiàn)方法如下： 該控件顯示的后臺代碼： public void readdb1() /通過 web.config 的 獲得數(shù)據(jù)庫連接字符串。 string strconn = configurationmanager.connectio

47、nstringstestdbconnectionstring. connectionstring; /創(chuàng)建數(shù)據(jù)庫連接對象 sqlconnection conn = new sqlconnection(strconn); conn.open(); sqldataadapter adp = new sqldataadapter(select * from procata, conn); dataset ds = new dataset(); adp.fill(ds); dataview dv = ds.tables0.defaultview; dv.rowfilter = parentid=0;

48、foreach (datarowview drv in dv) treenode rootnode = new treenode(drv.rowcataname.tostring(), drv.rowtypeid.tostring(); buildnode(ds, rootnode); this.treeview1.nodes.add(rootnode); rootnode.selectaction = treenodeselectaction.none; conn.close(); 第 4.2 節(jié) 前臺菜譜展示，如圖 4-2 所示： 圖4-2 該功能主要實現(xiàn)了點擊左側(cè)的 treeview 控

49、件的商品名稱，右側(cè)顯示相應(yīng)商品的菜譜知 識： 點擊商品名稱的鏈接實現(xiàn)的后臺代碼： public void buildnode(dataset ds, treenode node) /通過 web.config 的 獲得數(shù)據(jù)庫連接字符串。 string strconn = configurationmanager.connectionstringstestdbconnectionstring. connectionstring; /創(chuàng)建數(shù)據(jù)庫連接對象 sqlconnection conn = new sqlconnection(strconn); conn.open(); sqldataadap

50、ter adp = new sqldataadapter(select * from shiputype , conn); dataset d = new dataset(); adp.fill(d); dataview dv = d.tables0.defaultview; dv.rowfilter = parentid= + node.value; foreach (datarowview drv in dv) treenode childnode = new treenode(drv.rowproname.tostring(), drv.rowproid.tostring(); chil

51、dnode.navigateurl = (detaillook.aspx?proid= + drvproid.tostring(); childnode.target = main; buildnode(d, childnode); node.childnodes.add(childnode); node.selectaction = treenodeselectaction.none; conn.close(); 第 4.3 節(jié) 前臺菜譜明細展示，如圖 4-3 所示： 圖 4-3 該功能主要在于顯示相應(yīng)商品的菜譜的基本信息：主要由表格組成 該功能的實現(xiàn)的后臺代碼： protected voi

52、d page_load(object sender, eventargs e) /通過 web.config 的 獲得數(shù)據(jù)庫連接字符串。 string strconn = configurationmanager.connectionstringstestdbconnectionstring. connectionstring; /創(chuàng)建數(shù)據(jù)庫連接對象 sqlconnection conn = new sqlconnection(strconn); conn.open(); string strid = requestproid; string sqlstr = select * from sh

53、ipu where proid= + strid + ; sqlcommand cmd = new sqlcommand(sqlstr, conn); sqldatareader dr = cmd.executereader(); while (dr.read() proid.text = drproid.tostring(); proname.text = drproname.tostring(); stuff.text = drstuff.tostring(); trait.text = drtrait.tostring(); methods.text = drmethods.tostring(); image1.imageurl = drimageurl.tostring(); 第 4.4 節(jié) 前臺首頁展示，如圖