計(jì)算機(jī)科學(xué)與技術(shù)畢業(yè)論文石材展示電子商務(wù)網(wǎng)站

1、計(jì)算機(jī)科學(xué)與技術(shù)畢業(yè)論文：石材展示電子商務(wù)網(wǎng)站廣東海洋大學(xué)寸金學(xué)院系別信息技術(shù)系畢業(yè)論文設(shè)計(jì)論文題目石材展示電子商務(wù)網(wǎng)站stone shows e-commerce sites專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)班級(jí)07計(jì)本1班姓名學(xué)號(hào)200616704125指導(dǎo)老師職稱日期 2011-05-20廣東海洋大學(xué)寸金學(xué)院教務(wù)目錄目錄i摘要ii第1章引言 2第2章需求分析221需求分析222可行性分析223設(shè)計(jì)目標(biāo)2第3章總體設(shè)計(jì) 2 31項(xiàng)目規(guī)劃 2311前臺(tái)功能模塊2312網(wǎng)站功能結(jié)構(gòu)圖232邏輯結(jié)構(gòu)設(shè)計(jì)2321數(shù)據(jù)表概要說明233文件夾及文件架構(gòu)布局234技術(shù)準(zhǔn)備2341數(shù)據(jù)庫命名規(guī)則2342變量及對(duì)象名稱定

2、義規(guī)則2343數(shù)據(jù)類型簡(jiǎn)寫規(guī)則2344對(duì)象名稱定義規(guī)則2第4章詳細(xì)設(shè)計(jì) 241 webconfig文件配置242數(shù)據(jù)庫操作類的編寫2421 dbcs 類 2422 usercs 類 2423 productcs 類 2424 sortcs 類 243網(wǎng)站前臺(tái)文件架構(gòu)設(shè)計(jì)2433 sortascx 2434 searchascx 2435 footerascx 244 商品詳細(xì)信息 productdetailsaspx 245用戶注冊(cè)regaspx 2第5章測(cè)試 251測(cè)試的必要性 2511目的 2512方法 252測(cè)試成果253存在的問題2結(jié)束語2致謝2參考文獻(xiàn)2摘要電子商務(wù)正是為石材展示銷售

3、開辟了一個(gè)新的平臺(tái)與傳統(tǒng)的銷售方式相 比石材展示電子商務(wù)網(wǎng)站是石材的另一種宣傳以及銷售通路是傳統(tǒng)銷售很好的 延伸石材展示電子商務(wù)網(wǎng)站以下簡(jiǎn)稱石材網(wǎng)正是基于bs的石材展示電子商務(wù)網(wǎng) 站主要是為了展示石材方便顧客進(jìn)行石材查詢以及對(duì)客戶信息進(jìn)行管理等系統(tǒng) 后臺(tái)數(shù)據(jù)庫采用目前比較流行的microsoft sql server 2005該數(shù)據(jù)庫系統(tǒng)在安 全性準(zhǔn)確性運(yùn)行速度方面有絕對(duì)的優(yōu)勢(shì)并且處理數(shù)據(jù)庫量大效率高前臺(tái)采用microsoft公司的visual studio 2008作為主要的開發(fā)工具可實(shí)現(xiàn)與sql server2005數(shù)據(jù)庫無縫鏈接該網(wǎng)站設(shè)計(jì)的最終n的是為石材展示和銷售提供一個(gè)新的 平臺(tái)增加

4、市場(chǎng)競(jìng)爭(zhēng)力具有一定的實(shí)用價(jià)值和應(yīng)用前景關(guān)鍵字電子商務(wù)sql server 2005分析競(jìng)爭(zhēng)力abstract e-commcrce has opened up a new era of the prawn markcting in compare with the traditional marketing methodprawn e-commerce is an other effective advertising and selling meanseven the exte nding of the traditional httpcom is a b to s prawn sellin

5、g e-commerce wedsiteit has the function of prawn exhibitionconvenient onl ine inquiryprawn order and customcr information managcmcntwc adopt the mainstream microsoft sql server 2005 system back module data base it is not only has the absolute advantage on safety veracity and rurrning velocitybut als

6、o has huge data base proccessing ability and high efficiencyand the front modulewe employ microsofts visual studio 2008 as the main developerit can perfectly interlink with sql server 2005the ultimate purpose of the design of the siteis offering a brandnew platform for the prawn breeding industryand

7、 increase the markct competitivc powcrthe prawncom has ccrtain pratical value and commendable apply prospectkeywords e-commercesql server 2005analysiscompetitive引言石材作為一種高檔建筑裝飾材料多數(shù)人對(duì)于它的種類性能都不甚了解傳 統(tǒng)的銷售方式銷售范圉受限制宣傳力度不夠且銷售地相對(duì)集屮造成內(nèi)部競(jìng)爭(zhēng)激烈價(jià)格不斷下降隨著internet技術(shù)的飛速發(fā)展人們的生活和internet的關(guān)系越來越密切 如何通過internet抓住商機(jī)成為擺在人們面前

8、的一個(gè)重要話題電子商務(wù)是一種 新的商務(wù)活動(dòng)形式它采用現(xiàn)代信息技術(shù)手段以通信網(wǎng)絡(luò)和計(jì)算機(jī)裝置替代傳統(tǒng) 交易過程中紙介質(zhì)信息載體的存儲(chǔ)傳遞統(tǒng)計(jì)發(fā)布等環(huán)節(jié)從而實(shí)現(xiàn)商品和服務(wù)交 易管理等活動(dòng)全過程的無紙化和在線交易石材網(wǎng)正是為石材展示銷售開辟了一個(gè)新的平臺(tái)與傳統(tǒng)的銷售方式相比 石材展示電子商務(wù)網(wǎng)站是石材另一種很好的宣傳或銷售通路甚至是傳統(tǒng)銷售很 好的延伸在互聯(lián)網(wǎng)上所有的客戶不僅可以實(shí)時(shí)地看到石材的圖片外觀價(jià)格同時(shí) 還能通過互聯(lián)網(wǎng)獲得廠商媒體對(duì)商品的評(píng)測(cè)報(bào)道和同檔次商品比較的信息資料 也可以為各個(gè)休戶大大地節(jié)約資金時(shí)間和資源并對(duì)他們的商業(yè)運(yùn)作產(chǎn)牛重要的 影響該網(wǎng)站設(shè)計(jì)為石材業(yè)提供一個(gè)新的平臺(tái)増加市場(chǎng)競(jìng)爭(zhēng)

9、力也降低了經(jīng)濟(jì)風(fēng)險(xiǎn) 需求分析21需求分析開發(fā)一個(gè)網(wǎng)上購物商城系統(tǒng)前首先需要考慮用戶的需求是什么即該網(wǎng)站 應(yīng)該實(shí)現(xiàn)的主要功能通過相關(guān)調(diào)查發(fā)現(xiàn)在編寫展示商務(wù)網(wǎng)站系統(tǒng)時(shí)主要設(shè)計(jì)前臺(tái)注冊(cè)用戶登 錄即可用戶在登錄進(jìn)入該展示商務(wù)網(wǎng)站后即可查看各種石材及相關(guān)產(chǎn)品的詳細(xì) 信息石材展示商務(wù)網(wǎng)站具體流程如圖21所示圖21石材展示商務(wù)網(wǎng)站流程圖22可行性分析隨著網(wǎng)絡(luò)的快速發(fā)展展示型商務(wù)網(wǎng)站以其方便快捷的特點(diǎn)受到了更多用 戶的青睞對(duì)比傳統(tǒng)的商場(chǎng)銷售展示型商務(wù)網(wǎng)站可以將商品詳細(xì)分類為用戶提供 了更大的選擇空間通過前臺(tái)商品的展示可以使顧客更好地了解網(wǎng)站內(nèi)的商品石材展示商務(wù)網(wǎng)站系統(tǒng)后臺(tái)數(shù)據(jù)庫采用目前比較流行的microso

10、ft sql server 2005該數(shù)據(jù)庫系統(tǒng)在安全性準(zhǔn)確性運(yùn)行速度方面有絕對(duì)的優(yōu)勢(shì)并且處理 數(shù)據(jù)庫量大效率高前臺(tái)采用microsoft公司的visual studio 2008作為主要的 開發(fā)工具可實(shí)現(xiàn)與sql server 2005數(shù)據(jù)庫無縫鏈接23設(shè)計(jì)目標(biāo)對(duì)于典型的數(shù)據(jù)庫管理系統(tǒng)尤其是展示型商務(wù)網(wǎng)站這樣數(shù)據(jù)量比較大的 網(wǎng)絡(luò)管理系統(tǒng)必須要滿足使用方便操作靈活等設(shè)計(jì)需求本系統(tǒng)在設(shè)計(jì)時(shí)應(yīng)該滿 足以下兒個(gè)目標(biāo)%1 界面設(shè)計(jì)美觀友好信息查詢靈活方便快捷準(zhǔn)確數(shù)據(jù)存儲(chǔ)安全可靠%1 全面展示網(wǎng)站內(nèi)所有商品并可以展示最新商品%1 查看網(wǎng)站內(nèi)商品的詳細(xì)信息%1 系統(tǒng)最大限度地實(shí)現(xiàn)易維護(hù)性和易操作性%1 系

11、統(tǒng)運(yùn)行穩(wěn)定安全可靠24開發(fā)及運(yùn)行環(huán)境碩件平臺(tái)cpup4 18ghz內(nèi)存256mb以上軟件平臺(tái)操作系統(tǒng)windows xp數(shù)據(jù)庫 sql server2005開發(fā)環(huán)境 microsoftnet framework sdkv35開發(fā)工具 microsoft visual studio 2008開發(fā)語言c語言服務(wù)器iis60瀏覽器1e50推薦使用1e60分辯率最佳效果1024768像素總體設(shè)計(jì)31項(xiàng)目規(guī)劃展示型商務(wù)網(wǎng)站只需前臺(tái)會(huì)員模塊即可311前臺(tái)功能模塊前臺(tái)模塊主要包括用戶注冊(cè)登錄查看各類石材相關(guān)信息和搜索特定石材 等功能312網(wǎng)站功能結(jié)構(gòu)圖石材展示商務(wù)網(wǎng)站前臺(tái)功能結(jié)構(gòu)如圖31所示圖31石材展示商

12、務(wù)網(wǎng)站前臺(tái)功能結(jié)構(gòu)圖32邏輯結(jié)構(gòu)設(shè)計(jì)321數(shù)據(jù)表概要說明為了使讀者對(duì)木系統(tǒng)后臺(tái)數(shù)據(jù)庫中的數(shù)據(jù)表有一個(gè)清晰的認(rèn)識(shí)筆者在此特 別設(shè)計(jì)了一個(gè)數(shù)據(jù)表樹型結(jié)構(gòu)圖該結(jié)構(gòu)圖包括系統(tǒng)屮所有數(shù)據(jù)表如圖321所示圖321數(shù)據(jù)表樹型結(jié)構(gòu)圖33文件夾及文件架構(gòu)布局開發(fā)aspnet程序時(shí)首先要?jiǎng)?chuàng)建很多web頁用戶控件以及類來完成基本的 功能操作不過在編寫代碼之前可以先把網(wǎng)站中可能用到的文件夾創(chuàng)建出來例如 創(chuàng)建一個(gè)名為image的文件夾用于保存網(wǎng)站中需要的圖片這樣可以方便以后的 開發(fā)工作也可以規(guī)范網(wǎng)站的整體架構(gòu)因此在開發(fā)該網(wǎng)站z前首先設(shè)計(jì)了如圖33 所示的文件夾架構(gòu)圖在開發(fā)時(shí)只需將相應(yīng)文件保存到對(duì)應(yīng)文件夾下即可圖33展示

13、型商務(wù)網(wǎng)站的aspnet頁文件夾架構(gòu)圖34技術(shù)準(zhǔn)備開發(fā)展示型商務(wù)網(wǎng)站系統(tǒng)前一定要統(tǒng)一數(shù)據(jù)庫命名及編碼規(guī)則該石材展 示商務(wù)網(wǎng)站具體編碼規(guī)則如下341數(shù)據(jù)庫命名規(guī)則數(shù)據(jù)庫名是以dzsw命名表示為電子商務(wù)網(wǎng)站如表31所示表31數(shù)據(jù)庫命名規(guī)則dzsw 電子商務(wù)網(wǎng)站數(shù)據(jù)庫名dzsw 展示型商務(wù)網(wǎng)站數(shù)據(jù)表名是以中文原意的英文大寫開頭以info結(jié)尾中間接最后接整個(gè) 系統(tǒng)中完成各項(xiàng)需求的匹配名稱如表32所示表32數(shù)據(jù)表命名規(guī)則user_info用戶表名user 網(wǎng)站用戶數(shù)據(jù)庫中字段是以中文原意的英文命名的下而以u(píng)ser_info表中字段為 例如表33所示表33字段命名規(guī)則userid 用戶 idusernam

14、e 用戶姓名password用戶密碼存儲(chǔ)過程的命名方法同樣是按照存儲(chǔ)過程的作用命名的其命名規(guī)則如表34所示表34存儲(chǔ)過程命名規(guī)則pr0c_l0gin存儲(chǔ)過程全名porc 存儲(chǔ)過程login登陸驗(yàn)證342變量及對(duì)象名稱定義規(guī)則模塊級(jí)變量采用m_數(shù)據(jù)類型簡(jiǎn)寫變量名稱例如m_int_xx全局變量采用g_數(shù)據(jù)類型簡(jiǎn)寫變量名稱例如g_int_xx局部變量采用p_數(shù)據(jù)類型簡(jiǎn)寫變量名稱例如p_int_xx模塊級(jí)常量采用mc_數(shù)據(jù)類型簡(jiǎn)寫變量名稱例如mc_int_xx全局常量采用gc_數(shù)據(jù)類型簡(jiǎn)寫常量名稱例如gc_int_xx過程級(jí)常量采用pc_數(shù)據(jù)類型簡(jiǎn)寫常量名稱例如p.xx343數(shù)據(jù)類型簡(jiǎn)寫規(guī)則

15、整型int字符串str浮點(diǎn)型db布爾型bl長整型lnt344對(duì)象名稱定義規(guī)則所有的對(duì)象名稱都為自然名稱的拼音簡(jiǎn)寫出現(xiàn)沖突時(shí)可采用不同的簡(jiǎn)寫 規(guī)則詳細(xì)設(shè)計(jì)41 webconfig文件配置為了方便對(duì)數(shù)據(jù)的操作和限制本系統(tǒng)在webconfig文件屮配置一些參數(shù) 主要配置參數(shù)是數(shù)據(jù)庫連接字符串其具體配置如下xmlversi on10"add namedzswconnect ionstr ing，zconncctionstringdatasourcesqlexpressattachdbf訂enamedatadirectorydzswmdfintegratedsecuritytruecorm e

16、cttimeout30userins tdncetrueprovidermniehttpconiclient42數(shù)據(jù)庫操作類的編寫在網(wǎng)站開發(fā)項(xiàng)目中以類的形式來組織封裝一些常用的函數(shù)和事件不僅可 以提高代碼的重用率也大大地方便了代碼的管理在石材網(wǎng)網(wǎng)站中新建了一個(gè)公 共類用來執(zhí)行各種數(shù)據(jù)庫操作421 dbcs 類為使數(shù)據(jù)庫操作更加方便本系統(tǒng)定義了一個(gè)dbcs類用于執(zhí)行數(shù)據(jù)庫連接 更新等操作其主要代碼如下所示using systemusing systcmlinqusing systemwebusing httpcomurityusing httpcomusing httpcomhtmlcontro

17、lsusing httpcomwebcontrolsusing httpcomwebcontrolswebpartsusing httpcomqusing httpcomclicntusing httpcomdb的摘要說明public class dbpublic db todo在此處添加構(gòu)造函數(shù)邏輯此處編寫相關(guān)的功能方法在編寫類屮方法z前應(yīng)該首先在該類屮生成一個(gè)sqlconncction對(duì)彖來 創(chuàng)建與數(shù)據(jù)庫連接以便在后面方法中調(diào)用其具體代碼如下static string connectstring ''dzswconnectionstrpublic staticsqlconn

18、ection con return new sqlconnectionconf igurationmanagerconnectionstringsco rm ectstringtostring該類中包含2個(gè)方法分別為insert方法ds方法下面分別介紹這2個(gè)方法1 insert 方法該方法主要執(zhí)行一些指定的插入其具體實(shí)現(xiàn)代碼如下public static bool insertstring que sqlconnection con dbconconopensqlcommcind emd new sqlcommandquc contry int count convcrttoint32cmde

19、xccutcnonqucry if count 0 return true else return false catch sqlexception se return falsefinally conclose2 ds方法該方法主要執(zhí)行指定的查詢語句并將結(jié)果通過數(shù)據(jù)形式返冋其具體實(shí)現(xiàn) 代碼女口 下 public static datatable dsstring quo sqlconncction con dbconconopensqldataadapter sda new sqldataadapterque condataset ds new datasetsdafi 1 ids z，pr

20、oduct，zreturn dstables"product"完整代碼如下using systemusing systemddtausing systemconfigurationusing systcmlinqusing systemwebusing httpcomurityusing httpcomusing httpcomhtmlcontrolsusing httpcomqusing httpcomclientusing httpcomdb的摘要說明public class dbpubl ic db static string connectstring dzswco

21、nnectionstring public static sqlconncction conreturn newsqlconnectionconfigurationmanagerconnectionstringsconnectstringtost ringpublic static bool insertstring que sqlconnection condbconconopensqlcoinmand cmd new sqlcommandque contry int count converttotnt32cmdexecutenonquery if count 0 return true

22、else return false catch sqlexception se return falsefinally conclose public static datatable dsstring quesqlconnection condbconconopcnsqldataadaptcr sda new sqldataadaptcrquc condatasct ds new datasetsdafillds /zproduct/zreturn dstables/zproduct/z422 usercs 類為了使對(duì)用戶操作更加方便定義了 usercs類負(fù)責(zé)與用戶相關(guān)的操作其 主要代碼如下

23、所示using systcmconfigurationusing systemwebusing httpcomurityusing httpcomusing httpcomwebcontrolsusing httpcomwebcontrolswebpartsusing httpcomhtmlcontrolsusing httpcomclientusing httpcomuser的摘要說明public class userpublic user todo在此處添加構(gòu)造函數(shù)邏輯此處編寫相關(guān)的功能方法該類屮包含2個(gè)方法分別為gctuscrlogin方法rcguser方法下面分別介 紹這2個(gè)方法1 g

24、etuserlogin 方法該方法主要執(zhí)行獲取用戶登錄信息具體實(shí)現(xiàn)代碼如下public sqldatareader getuserloginstring susername stringspasswordsqlconncction conn dbconconnopensqlcommcind comm new sqlcommandproc_login corm commcommandtypc commandtypcstorcdproccdurc httpcom，zloginname，z sqldbtypenvarchar 50 commparameters z，loginname，z value

25、 susername commparameters /zloginname/z directionparameterdirectiontnputhttpcom，password，/ sq 1 dbtypenvarchar 50commparameters"password"value spasswordcommparameters"password"direction parameterdirectioninputsqldatareader sdr commexecutereader返回從數(shù)據(jù)庫獲取的結(jié)果return sdr2regurer 方法該方法主

26、要執(zhí)行注冊(cè)新用戶的操作具體實(shí)現(xiàn)代碼如下public boolstring passwordstring emailstring addressstring telephonestring strsql "insert into user info"values loginname "" username password "" iemail address telephone "" httpcomtring httpcomtring """"return dbinsertst

27、rsql423 productcs 類定義了 productcs類負(fù)責(zé)與商品相關(guān)的操作其主要代碼如下using systemusing systemdatausing systemconfigurationusing systcmlinq using systemwebusing httpcomurityusing httpcomusing httpcomlltmlcontrolsusing httpcomwcbcontrolsusing httpcomwebcontrolswebpartsusing httpcomqproduct的摘要說明 public class productpubli

28、c productpublic static datatablc getproductdctailbidstring productidstring strsql "select from pr0duct_inf0 where producttdproductldreturn dbdsstrsql424 sortcs 類定義了 sortcs類負(fù)責(zé)與商品分類相關(guān)操作其主要代碼如下using systemusing systemdatausing systemconfigurationusing systemlinqusing systemwebusing httpcomurityusi

29、ng httpcomusing httpcomlltmlcontrolsusing httpcomwebcontrolsusing httpcomwebcontrolswebpartsusing httpcomqproduct的摘要說明 public class productpublic productpublic static datatable getproductdetailbyidstring productidstring strsql "select from product info where productid"productidreturn dbdss

30、trsql425日后如果需要增加功能如訂單購買等功能可繼續(xù)增加相關(guān)的類43網(wǎng)站前臺(tái)文件架構(gòu)設(shè)計(jì)石材網(wǎng)前臺(tái)文件設(shè)計(jì)展示型商務(wù)網(wǎng)站僅需要首頁商品詳細(xì)信息頁和注冊(cè)頁即可如有需要以后 可另行增加購買物品的相關(guān)頁面431網(wǎng)站主頁面indcxaspx網(wǎng)站主頁面設(shè)計(jì)結(jié)果如圖431所示圖431網(wǎng)站主頁面設(shè)計(jì)效果該頁主要使用的用戶控件有l(wèi)oginascx登錄控件sortascx石材分類控件searchascx石材搜索控件footerascx頁腳控件網(wǎng)站主頁面主要由用戶自定義控件和框架組成白定義控件經(jīng)過拖放即可使用而用戶控件只需拖放進(jìn)相對(duì)應(yīng)的位置后源視圖就會(huì)自動(dòng)生成如下代碼register srcz，wcbusc

31、rcontrolloginascxz，tagnamc，/loginz，tagprefixz，uc2z，register src/zwebusercontrolsortasex" tagname/zsort tagprefixuclregistersrc，zwebusercontrolsearchascx，zt agnamesearcht agpref ix，uc3，zregistersrc/zwebusercontrolfooterascxz/tagnamezzfooterzztagpref ix，/uc4，/uc2login tdloginl runat/，server，/ucls

32、ort id，zsortl/z runat/zserver/zuc3search idsenrchl runnt"server"uc4footer ldfooterl runatserver網(wǎng)站主頁面屮添加的datalist控件用于以列表的形式顯示商品的信息在這 里主要編輯的模板為itemtemplate項(xiàng)模板效果如下圖所示ttemtemplate模板設(shè)計(jì)效果完成項(xiàng)模板編輯后還需要在主頁面源視圖中添加部分代碼添加代碼后主頁 面完整程序代碼如下indcxaspx設(shè)計(jì)文件inherits" defauit"registersrcz/webusercontro

33、llog in ascxz/tagnamez/loginz/tagpref ixz，uc2z，register src/，wcbuscrcontrolsortascx/，tagnamc，zsort，z tagprefixuclregistersrc/zwebusercontrolsearchascxz/tagnamezzsearch/ztagpref ix，zuc3，zregistersrc/zwebusercontrolfooterascx/ztagnamez/footer，ztagprefixuc4doctype 6>html public -w3cdtd xhtml 10 tran

34、sitionalen" "httphttpcom html xmlns/zhttphttpcomhead id"headl runcit，zserver，z 石安居 石材網(wǎng) form ictfonnl” runat/zserver/z table stylewidth 800px cellpaddingz/oz/ cellspacing"。" al ign，center/， bgcolorffffcctd col spart2asphyperlink id，zhyperlinkl，z runat，server，z lmageurl，zlmage

35、 圖 片 承徳 萬維 gif" navigateurl/zh ttph ttpcomnbspnbspnbspasphypeflinkid/zhyperl in k2/zrunatserver'7 imagcurr'imagc圖片帝斯曼微晶石石英石gif" navigateurlhttphttpcomnbspnbspnbspasphyperlinkidz/hyperlink3/zrunat，server，/ tmageurlimage圖片杭州偉盛石材工程有限公司gif" navigateurlhttphttpcomnbspnbspnbspasphyp

36、erlink idhyperlink4runat，zserver，z imageurlz，image 圖 片江蘇 大力寶 gif navigatcurlh ttphtt pcomtdcolspanzz2/，aspllyperlinkid，ziiyperl in k5 runat/zserver/z imageurlimage 圖片金楓玉石 gif/z navigateurlhttphttpcomnbspnbspnbspasphypcrlinkidz，hyperlink6z，runat "server"imageurlimage 圖片泰德石材 gif" naviga

37、teurlhttphttpcomn bsp nbsp nbspaspiiyperl inkid，zuyperlink7，zrunei t "server"imagcurrzimage圖片香港國際建筑裝飾材料及五金展gif" navigateurl/zh ttph ttpcomn bsp nbsp nbspaspiiyperl inkid，zuyperlink8，zrunei t "server"imageurt7image 圖片云浮東山石材 gifz/hyperlinkasphyperlinktd style/zwidth 200px &quo

38、t; rowspan，z2z， uc2login id"logini" runatserver td style，zwidth 600px height 178pximg srcz，image 例圖石安居 jpg" stylc"hcight 180px width 595px table idtablel runatserver77 visible"falsealigrtright" valignmiddlespan style，zfont-size lopt font-fam訂y 宋體歡迎您 td align" left&

39、quot; valign，zmiddle/zasplabel idlblusetnanie runat/zserverzz font-boldtrue font-size"12pt"asplabelspan stylefont-size lopt font-family 宋體 td align，right/，valignmicldlespan stylefont-size 10pt font-fam訂y 宋體最后登錄日期 td align/zleft/z valignmiddleasplabclii)zzlbllas tlog indatcruna t "serv

40、er"font-sizeloptooooooooasplabeltd style，zwidth 200px "t abl e stylewidth 209px height 25pxtd ali gcenter"bgcolorz，b7cbeb，z 石 材分類 asplabel ldmessage" runat"server" width，589px，/backcolor，baceed/，heightz/23px/zasplabeltdstyle vertical - al ign top，zuclsort idsor 11 runa

41、t "server"tdsty lewidth600px text-align center" rowspan/z2/zaspdatalis tidz，gvproductlist，zrunatscrvcrrcpcatcolunms2repeatdirectiohorizontal width100 table stylewidth 40 height llopx" td rowspa n"5 sty width 80px valigntop asplmage idz，produc tl mage，z runa t "server&qu

42、ot; hcight"75px" imageurl ht tpcomaltcm urlwidth75px td alignz，centerz， stylewidth 55px valign/zmiddlez/ asplabel idlabell runat，zserver，z font-size9pt" text品 z，asplabel td align/zlef t"stylez，width 100px valigrtmiddle"ahrefproductdetai 1 saspxproducttdhttpcomaltemproductld7

43、7styl cfont-sizc 9pt" httpcomaltcm "produc tnamc" td alignz，cc ntcr" style，zwidth 55px valignmiddle asplabel idlabel2" runatz/serverzz font-size"9pt" text"產(chǎn)地"asplabel td aligrtleft" stylez，width 100px valign，middle，/ span stylefont-size 9pt httpcomai

44、tem，zproducearea，z td al ign，center/， stylewidth 55px val igmiddle" asplabel idlabel3 runat，server，z font-size"9ptex價(jià) 格 ''asplabel td aligrtleft" style，zwidth 100px valig n middle"spa n stylef ont - size 9pthttpcomaltcm "unitprice" td alignccnter" stylcwidth 55px valignmiddle asplabel id"label4 runat，/server，/ font-size9ptext" 日 期asplabel td oligrtlef