企業(yè)門戶網(wǎng)站、Blog、論壇、B2C電子商務(wù)網(wǎng)站、OA辦公自動(dòng)化系統(tǒng)實(shí)現(xiàn)過程

1、-第22章綜合實(shí)例企業(yè)門戶網(wǎng)站blog論壇b2c電子商務(wù)網(wǎng)站0a辦公自動(dòng)化系統(tǒng)（工作流模塊）22.1 企業(yè)門戶網(wǎng)站企業(yè)門戶網(wǎng)站的建設(shè)，使企業(yè)能夠通過網(wǎng)絡(luò)和客戶更好地交流、拉近與客戶的距離、掌握 大量的客戶反饋信息并及時(shí)做出企業(yè)內(nèi)部調(diào)整方案，以滿足客戶的需求。企業(yè)門戶網(wǎng)站的建設(shè) 和管理,直接影響整個(gè)企業(yè)的形象，擁有一個(gè)設(shè)計(jì)美觀、功能全面的企業(yè)門戶網(wǎng)站，已經(jīng)成為 企業(yè)網(wǎng)絡(luò)化建設(shè)的一個(gè)重要內(nèi)容。本章將通過幾個(gè)實(shí)例介紹企業(yè)門戶網(wǎng)站中的一些常用功能。實(shí)例461重點(diǎn)推薦軟件這是一個(gè)可以提高基礎(chǔ)技能的實(shí)例實(shí)例位置:光盤mingrisoft22ex22_01實(shí)例說明在提供軟件下載的企業(yè)門戶網(wǎng)站首頁中,通常會(huì)設(shè)

2、置重點(diǎn)推薦軟件欄目。運(yùn)行本實(shí)例,如 圖22所示，當(dāng)用戶單擊企業(yè)門戶網(wǎng)站首頁重點(diǎn)推薦軟件欄目中提供的某一軟件名稱時(shí)，程序會(huì)彈出一新頁供用戶下載。圖 javier、”su$etloo$ln*bun«ie .zinlrwet圖22重點(diǎn)推薦軟件技術(shù)要點(diǎn)重點(diǎn)推薦軟件主要通過檢索視圖softview中的字段iffecommend （是否推薦）和字段 recommend （推薦指數(shù)）實(shí)現(xiàn)的,如果字段iffecommend的值為"是"，同時(shí)字段recommend 的值大于"（）"，則該數(shù)據(jù)可以顯示在重點(diǎn)推薦軟件欄目中，主要代碼如下。string sqlstr

3、= "select * fiom softview where iffecommend=是'and recommend > '（f;曙 注意：以上兩個(gè)字段的值是通過管理員在e臺(tái)進(jìn)行設(shè)置的。當(dāng)用戶單擊軟件名稱時(shí)，程序會(huì)彈岀新頁以供用戶下載，彈出新頁功能主要應(yīng)用javascript 客戶端腳本實(shí)現(xiàn)，代碼如下:rex)nse.write(h<script language=javascript>window.open(,downdefhult.aspx?id=h + id + ,h/,width=52o.height=42o,)</script>

4、;m); response.write(h<script>location=,javascript:history.go(-l),</script>m);實(shí)現(xiàn)過程（1 ）新建f 網(wǎng)站，將其命名為ex22_01 ,默認(rèn)主頁為default.aspxo（2 ） default.aspx頁中涉及到的主要控件如表22所示。表 22.default.aspx 頁面控件控件類型控件名稱用途html/tabletable貞面整體布局標(biāo)準(zhǔn)/linkbuttoninkbtnone顯示第一頁數(shù)據(jù)inkbtnup顯示上一頁數(shù)據(jù)inkbtnnext顯示下一頁數(shù)據(jù)inkbtnback顯示最后一頁

5、數(shù)據(jù)數(shù)據(jù)/datalistdatalist顯示軟件詳細(xì)信息枷隹/labellabpagc顯示當(dāng)前頁碼labbackpage顯總頁碼default.aspx頁中的datalist控件模板中涉及到的控件如表22.2所小。表22.2datalist模板中的控件控件類型控件名稱用途html/tabletable頁面整體布局標(biāo)準(zhǔn)/labellabregimentation顯示軟件的類別labplatform顯示軟件的應(yīng)用平臺(tái)labsize顯示軟件的大小labrecommend顯示軟件的推薦指數(shù)labedition顯示軟件版本lablang顯示軟件的開發(fā)語言labuptime顯示上傳軟件的時(shí)間標(biāo) /ft/

6、linkbuttoninkbtnname顯示軟件的名稱(3 )主要程序代碼。自定義一個(gè)方法dlbind(),該方法用于檢索數(shù)據(jù)庫并設(shè)置datalist分頁功能，在進(jìn)行分頁的同時(shí)，通過檢索數(shù)據(jù)庫,將重點(diǎn)推薦軟件列出并顯示到控件中,關(guān)鍵代碼如下:public void dlbind()int curpage = convert.loint32(this.iabpage.text);pageddalasourcc ps = new pagcddatasourcc();sqlconncction mycon = new sqlconneciion("servcr=(local);user i

7、d=sa;pwd=;databasc=db_ 19h); mycon.open();string sqlslr = msclect * from softview where iffcconirnend=,是° and recommend > 0" sqldataadaptcr myadaptcr = new sqldataadapterfsqlstr, mycon); dataset ds = new dataset();myadapter.fill(ds, "softview”)； ps.datasource = ds.tableslsoftview&#

8、39;j.defaultview; ps.aliowpaging = true; 定否可以分頁 ps.pagesize = 2; 顯示的數(shù)雖ps.currentpagelndex = curpage - 1; 取得肖前頁的頁碼this.lnkblnup.enabled = true; this.lnkbtnnext.enabled = true; this.lnkbtnback.enabled = true; this jnkbinonc.enablcd = true;if (curpage = 1)this.lnkbtnone.enabled = false;/不顯示第頁按鈕 this.ln

9、kbtnup.enabled = false;/不顯示 i：一頁按鈕if (curpage = ps.pagccount) _this.lnkbtnnext.enabled = false;/ 不顯示下一頁 this.lnkbtnback.enabled = false;/不顯示最后頁 this.labbackpage.text = convert.tostring(ps.pagecount); this.datalistl .datasource = ps;this.datalist l.datakeyfield = midm;this.datalistl.databind();頁面初始化時(shí)

10、綁定dlbind()方法：protected void pagc_load(objcct sender, evcntargs c)dlbind();i第一頁】按鈕代碼設(shè)置如下：protected void lnkbtnone_click(object sender. eventargs e)this.labpagc.text = t;this.dlbind();【上一頁】按鈕代碼設(shè)置如下：protected void lnkbtnup_ciick(object sender. eventargs e) this.labpage.7cxt = convcrt.tostring(convcrt.t

11、blnt32(lhis.labpagc.tcx() 1); this.dlbind();i【下一頁】按鈕代碼設(shè)置如下：protected void lnkbtnncxl_click(objcct sender. event args c)this.labpage.text = convert.tostring(convert.toint32(this.labpage.text) + 1); this.dlbind();【最后一頁按鈕代碼設(shè)置如下：protected void lnkbtnback_click(object sender. eventargs e)this.labpage.tex

12、t = (his.labbackpagc.tcxt; this.dlbind();在datalistl控件的itemcommand事件中獲取選中項(xiàng)的索引id值#并通過javascript客戶端腳本傳遞至idowndefault.aspx頁,同時(shí)打開該頁，代碼如下：protected void datalistllemcommand(objec( source, datalistcommandeventargs e)string id = datalist 1 .datakeyse.item.itemindexj.lbstring();response. writc(m<script 13

13、nguagc=javascripp>windowopcn(：downdcfaulaspx?id二"+ id + hm/width=520,height=420,) </script>m);responsewi2(”<scripl>location='javascipt:historygo(iy</scipt>");)l舉一反三根據(jù)本實(shí)例，讀者可以:0開發(fā)軟件下載網(wǎng)站重點(diǎn)推薦軟件;0開發(fā)歌曲下載網(wǎng)站重點(diǎn)推薦歌曲。實(shí)例462本站公告顯示與管理 ft 實(shí)例位置:光盤mingrisoft22ex22 02本實(shí)例可以提高工作效率7曠l

14、實(shí)例說明企業(yè)門戶網(wǎng)站中，瀏覽者可以通過公告信息了解站內(nèi)最新動(dòng)向，例如軟件更新和最新新聞等信息，這些信息可以通過管理員在后臺(tái)公告欄管理中逬行設(shè)置實(shí)現(xiàn)。運(yùn)行本實(shí)例，如圖22.2、圖22.3所示。圖22.2中的網(wǎng)站公告信息顯示效果是通過管理員在圖22.3所示的后臺(tái)公告欄管理中設(shè)置實(shí)現(xiàn)的。年9月15日星期五首頁軟件產(chǎn)品 解決方案 技術(shù)支持 下載專區(qū) 聯(lián)系我們 直逼登錄網(wǎng)站公告asp.net數(shù)據(jù)庫系統(tǒng)開發(fā)主全手播 asp.net數(shù)據(jù)岸系統(tǒng)開發(fā)聚例稽迭 c#數(shù)據(jù)庫系統(tǒng)開發(fā)完全手冊(cè) c#數(shù)據(jù)庫系統(tǒng)開發(fā)案例精選c#開發(fā)拽術(shù)大全推薦挑行sqljerver20q0開發(fā)技住全i visual basic 開術(shù)大全a

15、sp開發(fā)拽術(shù)大全delphi開發(fā)技術(shù)大全visual c卄開發(fā)拽術(shù)大至jsp程序開發(fā)范例寶典莎云i芋程庫棄發(fā)范例至典 董百榷薦函書圖22.2本站公告前臺(tái)顯示效果吉林省明日利技有用公司干zc05年也飴出飯了 (vhuaig9p:ba3i臨賽息禺軟完芟血目買洌8慚八 <visuaunbsp;c+«sf*fis«jega5：wg«ff> . <v1 flual<nb5p;foxprn*5,ssflsye3£頂冃 <delphi®8be.¥ats頂q實(shí)例g|析等書.敦件關(guān)剔音克 軟件信息a? t«*(z

16、ff3 祭決才宴甘丑 17臺(tái)公皆迎矍 公司介18設(shè)置 技術(shù)支羚皆理jj圖22.3本站公告后臺(tái)管理頁面技術(shù)要點(diǎn)本實(shí)例在數(shù)據(jù)表tb.affiche中只添加了兩條數(shù)據(jù)信息,id分別為1和2 ,當(dāng)前臺(tái)要顯示公告信息時(shí)，只需連接數(shù)據(jù)庫，檢索數(shù)據(jù)表tb-affichc中id為1的字段即可。同樣，在后臺(tái)修改公告信息時(shí),也只需修改id為i的字段信息便可以實(shí)現(xiàn)。顯示公告信息關(guān)鍵代碼如下:string sqlstr = mselect * from tb_affiche where id=lh;修改公告信息關(guān)鍵代碼如下：string sqlstr = hupdate tb_afficheset dc=m, + t

17、his.textboxl.text + where id=rl實(shí)現(xiàn)過程(1 )新建一個(gè)網(wǎng)站,將其命名為ex22_02 ,默認(rèn)主頁為default.aspxo(2 )在default.aspx頁中添加1個(gè)label控件，用于顯示數(shù)據(jù)表中保存的公告信息,代碼如下:protected void page_load(object sender, eventargs e)sqlconnection con = new sqlconnection(mservei-(local);user id=sa;pwd=;database=db_ 19°); con.open();string sqistr

18、 = mselect * from tbaffiche where id=l"sqldataadaptcr ada = new sqldataadaptcr(sqlstr, con);dataset ds = new dataset();ada.fill(ds, mtb.affichew);datarowview dv = dstableh"tb_affiche”defaullviewo;labaffichc.text = dvhdcmj.tostring();(3 )在解決方案中添加一個(gè)新頁,將其命名為affichc.aspx ,在該頁中添加1個(gè)tcxtbox控件和兩個(gè)b

19、utkm控件，分別用于顯示并輸入公告信息、執(zhí)行修改操作和重新填寫公告信息。(4 )主要程序代碼。affiche.aspx頁面初始化時(shí)執(zhí)行一次檢索數(shù)據(jù)表tb_affiche中id字段為1的數(shù)據(jù)信息的操作,并將該信息綁定到textboxl控件,顯示在頁面中”代碼如下：protected void page_load(object sender, eventargs e)if (jispostback)sqlconnection con = new sqiconnection(mserver=(local);user id=sa;pwd=;database=db_i9m); con.open();s

20、qldataadaptcr ada = new sqldataadaptcr(mselcct * from tb_affichc where id=t con); dataset ds = new dataset();ada.fill(ds,氣b_affiche”)；datarowview rowview = ds.tablesmtb_affichem.defaultviewoj;textboxl.text = rowviewl，'dc,j.tostring();【保存】按鈕的click事件代碼如下：protected void button 1 _click(objccl sende

21、r, eventargs c) sqlconnection con = new sqlconnection(mserver=(local);user id=sa;pwd=:database=db_ 19°); con.open();string sqistr = mupdate tb.affichc set dc=h, + ihis.tcxtbox 1 .text + where 1d=1m; sqlcommand com = new sqlcommand(sqlsin con);com.executenonquery();response.write(m<script lan

22、uage=javascript>alert(*修改成功! *);location-javascript:history.go(-1 )'</script>h); l舉一反三根據(jù)本實(shí)例,讀者可以：0開發(fā)游戲網(wǎng)站公告欄;本實(shí)例可以提高工作效率實(shí)例位冒：光盤mingrisoft22ex22 030開發(fā)博客網(wǎng)站公告。友情鏈接的實(shí)現(xiàn)l實(shí)例說明為了達(dá)到更好地宣傳網(wǎng)站的目的，可以在網(wǎng)站中設(shè)置友情鏈接,以方便訪問者快速導(dǎo)航到其他網(wǎng)站。運(yùn)行本實(shí)例，如圖22.4所示,當(dāng)單擊【明日科技jsp圖書網(wǎng)】超級(jí)鏈接按鈕時(shí)，快速連接到相應(yīng)的網(wǎng)站。下裁排行歌件名稱較件?別應(yīng)毘平臺(tái)軼件大小formali

23、ty軟件名稱號(hào)件尖別應(yīng)用平臺(tái)孜件大小友侑鏈接推薦捋遜當(dāng)前頁力毋日科技vbsb書網(wǎng)r系妖軟件網(wǎng)上購物系統(tǒng)射龍醫(yī)藥門店版首盤系蛻 師發(fā)布系垛 電5銷唇系統(tǒng)鈞日科qjspbj書網(wǎng) 明日科aspe書冋更點(diǎn)推薦飲件3 藥 0kb電子商務(wù)200078總巾rw:試用版%ic上伎時(shí)間開發(fā)語菖上倍時(shí)間20064232006.4.28i 第一頁上一頁 t-3j *js-3f 頤8? 3 本站詒梗用!e5.0或以上版本1024*768為巖性呈示效果copyrjgm © 2005皆絲吉明日科找有聘公司圖22.4友情鏈接前臺(tái)效果l技術(shù)要點(diǎn)本實(shí)例主要應(yīng)用databinder類的eval方法在html源碼中綁定實(shí)

24、現(xiàn)的。(1 ) databinder類：提供對(duì)應(yīng)用程序快速開發(fā)(rad )設(shè)計(jì)器的支持，以生成和分析數(shù)據(jù)綁定表達(dá)式語法。無法繼承此類。public sealed class databinder在web窗體刪翱定語法中可以使用it洪的重|瀟態(tài)eval方法。與標(biāo)儀卿陡相比，嚴(yán)供的語法更容易記憶但是因?yàn)閐atabinder.eval提供自動(dòng)類型車鞭,這會(huì)諭甥器響應(yīng)時(shí)間變長(zhǎng)。(2 ) eval方法：在運(yùn)行時(shí)使用反射來分析和計(jì)算對(duì)象的數(shù)據(jù)綁走表達(dá)式。其語法格式如下。public static object eval (olyect container.string expression) contai

25、ner :表達(dá)式根據(jù)其進(jìn)行計(jì)算的對(duì)象引用。此標(biāo)識(shí)符必須是以頁的指定語言表示的有效對(duì)象標(biāo)識(shí)符。 expression :從container到要放置在綁定控件屬性中的公共屬性值的導(dǎo)航路徑。此路徑必須是以點(diǎn)分隔的屬性或字段名稱字符串，如c#中的,'tableso.defaultview.o.price 噂初 注意:expression參數(shù)值的計(jì)算結(jié)果必須為公共屬性。盡管在應(yīng)用程序快速開發(fā)(rad) 設(shè)計(jì)器(如visual studio)中創(chuàng)建數(shù)據(jù)綁定時(shí)會(huì)自動(dòng)調(diào)用此方法，但如果希望簡(jiǎn)化到要在瀏覽 器上顯示的文本字符串的轉(zhuǎn)換操作，則還可以以聲明方式使用此方法。為此，必須將<%# 和%&g

26、t;標(biāo)記放在數(shù)據(jù)綁定表達(dá)式的兩頭，這些標(biāo)記也用于標(biāo)準(zhǔn)的asp.net數(shù)據(jù)綁定。(3 )下面舉例說明databinder類中eval方法的用法。以聲明方式使用eval方法以綁定到name字段，代碼如下。<%# databinder.eval(container.dataitem,hnameh) %>本實(shí)例主要通過在datalist控件模板中綁走h(yuǎn)yperlink控件實(shí)現(xiàn)。首先在hyperlink控件 的navigatcurl事件中綁定友情鏈接的地址字段"address",然后將鏈接名稱字段綁 定該控件的text屬性，代碼如下：<asp:hypcrlink i

27、d="hypcrilinkl" runat=°scrvcrm fon(-sizc=h9plu forccolor=°rc<im navigatcurl=,<%# dauibindcr.evai(containcr. data item,addressm)%>text=,<%# diiuibinder.ev<d(contmner.d<itcdteith,nainen) %>* font-undehine=”false”> hyperlink 1 vasp:hyperlink>實(shí)現(xiàn)過程(1 )新建一個(gè)網(wǎng)站

28、，將其命名為ex22_03 ,默認(rèn)主頁為default.aspxo(2 )在網(wǎng)站中添加1個(gè)web用戶控件，將其命名hyperlinkcontrol.ascx ,在該用戶控件的設(shè)計(jì) 頁面添加1個(gè)datalist控件，然后向dauilist控件模板中添加1個(gè)hyperlink控件,用于顯示鏈接 名稱和導(dǎo)航圉妾的地址，前臺(tái)html源碼中綁定hyperlink控件并顯示網(wǎng)站名稱，代碼如下:<asp:hypcrlink id=mhypcrlinklm runat=mscnrcrh font-sizc=h9pl° forccolor=mrcdh naviga(curl=*<%# da

29、tabinder.evai(container.dataitem/,addressh) %>* text=*<%# databinder.evalccontainer.dataltem/ame*) %>' font-underline= ufalseh>lhyperlink 1 </asp: hy perlink>后臺(tái)數(shù)據(jù)綁定代碼如下：protected void page_load(object sender, eventargs e)sqlconnection con = new sqlconnection(mserver=(local);use

30、r id=sa;pwd=;database=db_ 19m);sqldataadapter ada = new sqjdataadapter("select top 4* from tb_hyperlink order by id descm, con);con.openf);dataset ds = new dataset();ada.fill(ds);datalist i .datasource = ds;datalistl.databind(); con.close();(3 )在解決方案中將用戶控件hyperlinkcontrol.ascx添加到default.aspx頁的適

31、當(dāng)位置；即可完成本實(shí)例。l舉一反三根據(jù)本實(shí)例，讀者可以:開發(fā)博客網(wǎng)站友情鏈接；0開發(fā)bbs網(wǎng)站友情鏈接。實(shí)例464滾動(dòng)廣告圖片的實(shí)現(xiàn)本實(shí)例可以美化界面、簡(jiǎn)化操作實(shí)例位置：光盤mingrisoft22ex22 04l實(shí)例說明廣告作為網(wǎng)站最大的盈利手段，任i可網(wǎng)站都極其重視,廣告的設(shè)計(jì)與推廣直接影響到網(wǎng)站 的訪問量與點(diǎn)擊率，因此，設(shè)計(jì)一個(gè)好的廣告展現(xiàn)給訪問者是非常重要的。本實(shí)例將介紹如何在企業(yè)門戶網(wǎng)站中設(shè)計(jì)滾動(dòng)顯示的廣告，如圖22.5所示。.專壬下欽戒金下:20血鬥月倫岀您了 cvtforfbtfr 皆ifffl 龍畑5力目 忖、訃zcf斜d息系儀 芫回目式俱wtt vugl fo鈕港曲i息扇嵋強(qiáng)

32、tkh行由下向上滾動(dòng)的公告圖片2齊名為xoaocpi細(xì)a孜件*開發(fā)遷svrwlex±ft««200m-23較仔w株點(diǎn)龍下圖22.5滾動(dòng)廣告圖片的實(shí)現(xiàn)與管理l技術(shù)要點(diǎn)本實(shí)例主要通過html語言中的vmarquee標(biāo)記實(shí)現(xiàn)的。<marquee>語法：<marql：ee> 滾動(dòng)內(nèi)容 </marquee>標(biāo)記marquee屬性如表22.3所示。表22.3標(biāo)記vmarquee屬性標(biāo)記marquee屬性描述align垂直方向上的對(duì)齊方式direction滾動(dòng)的方向，分為向上、向下、向左、向右behavior滾動(dòng)的方式，循環(huán)滾動(dòng)、一次滾動(dòng)、父

33、替滾動(dòng)loop循環(huán)滾動(dòng)的次數(shù)scrollamount滾動(dòng)的速度，單位為像素，值趣大滾動(dòng)速度趣快scrolldelay兩次滾動(dòng)的間隔時(shí)間，即每一次滾動(dòng)的間隔產(chǎn)生的時(shí)間延遲width滾動(dòng)區(qū)域的寬度height滾動(dòng)區(qū)域的高度bgcolor滾動(dòng)區(qū)域的背景顏色hspace滾動(dòng)區(qū)域與瀏覽器邊界的水平距離vspace滾動(dòng)區(qū)域與瀏覽器邊界的垂直距離下面對(duì)標(biāo)記marquee屬生8行詳細(xì)講解。滾動(dòng)對(duì)齊屬性align語法：marquee align=,valuem 滾動(dòng)內(nèi)容 /marquee align :滾動(dòng)內(nèi)容對(duì)齊方式,可以取值為lop、middle或者bottom ,分別代表向上、居中和向下對(duì)齊。滾動(dòng)方向?qū)傩?/p>

34、direction通過設(shè)置屬性direction來確定滾動(dòng)方向。語法:<marquer direction二“value”滾動(dòng)內(nèi)容vmarquee12表224direction屬性值direction屬性值direction屬性值如表22.4所示。up由下向上滾動(dòng)down由上向下滾動(dòng)left由右向左滾動(dòng)right由左向右滾動(dòng)滾動(dòng)方式屬性behavior通過屬性behavior可以設(shè)置不同的滾動(dòng)方式。語法：<marquee behavlor=mvalueh>滾動(dòng)內(nèi)容</marquee>behavior屬性有3種取值。j scroll:循環(huán)滾動(dòng)。0 slide： 一次

35、滾動(dòng)。 alternate：交替滾動(dòng)。滾動(dòng)次數(shù)屬性loop通過屬性loop設(shè)滾動(dòng)的次數(shù)。語法:<marquee loop=mvalueh>滾動(dòng)內(nèi)容vmarquee>0 value:滾動(dòng)的次數(shù)，取值為-1或者infinite表示無限次滾動(dòng)。滾動(dòng)速度屬性scrollamount屬性scrollamount設(shè)置滾動(dòng)的水平距離，設(shè)置的值越大，速度越快，滾動(dòng)內(nèi)容看起 來就像是在助渤一般。語法：<marquee scrollamountvalue 滾動(dòng)內(nèi)容 vm arquee> 0 value：?jiǎn)挝粸橄袼?。滾動(dòng)延遲屬性scrolldelay通過屬性scrolldelay設(shè)置滾

36、動(dòng)的時(shí)間延遲,設(shè)置的值越大,滾動(dòng)的速度越慢。語法：<marquee scrolldelay=mvalucm> 滾動(dòng)內(nèi)容 v/ma rquee> 0 value：延遲時(shí)間。滾動(dòng)區(qū)域的寬度和高度屬性width、height通過屬性width、height設(shè)置滾動(dòng)區(qū)域的寬度和高度。語法：<marquee width="value" height=,value,>滾動(dòng)內(nèi)容</marquee0 width：滾動(dòng)區(qū)域?qū)挾?，單位為像素或者以百分比形式表示? height：滾動(dòng)區(qū)域高度，單位為像素或者以百分比形式表示。滾動(dòng)背景顏色屬性bgcolor通過

37、屬性bgcolor設(shè)置滾動(dòng)區(qū)域的顏色。語法：<marquee bgcolor =" color.value'滾動(dòng)內(nèi)容</marquee>0 color_value：使用顏色的英文名稱或者十六進(jìn)制形式表示。滾動(dòng)的水平間距和垂直間距屬性hspace , vspace通過屬性hspace ” vspace分別設(shè)置滾動(dòng)區(qū)域與頁面左右邊界和上下邊界的距離。語法：<marquee hspace="value" vspace ="value">滾動(dòng)內(nèi)界</marquee> hspace :水平間距，單位為像素

38、。 vspace :垂直間距，單位為像素。本實(shí)例中主要設(shè)置該標(biāo)記的語句如下：<marquee direction=up scrollamount=6 scrolldelay=50 onmouseoul=',this.start( )m onmouseovei-mthis.stop( )u widlh二"177px" style=mheight: 540pxm>l實(shí)現(xiàn)過程(1 )新建一個(gè)網(wǎng)站，將其命名為ex22_04 ,默認(rèn)主頁為default.aspxo(2 )在解決方案中添加1個(gè)web用戶控件，將其命名為imgusercontrol.ascx ,并在該

39、頁的html源碼中編寫如下代碼,以實(shí)現(xiàn)滾動(dòng)效果。<% control language二"c#" autoeventwireup=fue” codefile="imgusercon【rolascx.cs" inherits=uimgusercontror, %> <marquccdirection=up scrollamount=6scrolldelay=50 onmouscout=mthis.star()" onmouseovcr=mthis.stop( )m width-'177pxm style=mheight:

40、 540pxm><asp:image style=hwidth: i77px; height: !50pxh id=mimglm runat=hserverm border=nom width=m177pxh height=mi50pxu> </asp:image><br /><asp:image stylc="width: 177px; height: 150pxm id=himg2m runat="scrvcrm bordcr=m0m width=,177px" heigh匸t50px"><

41、/asp: imagexb r /><asp:image style才width: 177px; height: l50pxm id=nimg3h runat=mserverh border=h0h width二t77px” height=hl50pxh> </asp:imagc><br /><asp:image styie=hwidth: 177px; height: !50pxm id=mimg4h runat=wserverh border=m0h width=t77px" height-'150pxm> </

42、asp: imagexb r /><asp:imagc style=rwldth: 177px; height: 150pxm id=,img5,t runat=mserverh border=m0h widih=m177pxm hcight=h150pxn> </asp: imagexbr /></marquee>(3 )主要酢代碼。首先定義一個(gè)返回?cái)?shù)據(jù)集的方法getdataset（string sqlstr, string tbname）,參數(shù)sqlstr為所要執(zhí)行的查詢sql語句，參數(shù)tbname為指定查詢的數(shù)據(jù)表名稱，代碼如下：public d

43、ataset gctdatasct(siring sqlstr, siring tbname)isqlconnection mycon = new sqiconnection(mser er=(local);user id=sa;pwd=;database=db_ 19m); mycon.open();sqldaiaadaptcr ada = new sqldataadaptcr(sqlstr, mycon);dataset myds = new dataset();ada.filkmyds, tbname);return myds;圖片顯示的后臺(tái)數(shù)據(jù)綁定代碼如下:protected void

44、 page_load(object sendei; eventargs e) 圖片1dataset dsl = null;dataset ds2 = null;dataset ds3 = null;dataset ds4 = null;dataset ds5 = null;img where id=t img where id=2", img where id=3", img where id=4* img where id=5n,）； ）； ）；）：）；ds i = getdataset(hselect * from tb ds2 = gc(datasct(mselcct

45、 * from tb ds3 = gctdatasct(hsclcct * from tb ds4 = getdataset(nselect 木 from tb ds5 = getdataset(mselect * from tbdatarowvicw drvl = ds i .tablcshtb_imgm.dcfaultvicwloj; datarowvicw drv2 = ds2.tablesrtbjmgm.defaultviewfo; datarowview drv3 = ds3.tablesntb_imgnj.defaultview0j; datarowview drv4 = ds4.

46、tablesmtb_imgm.defaultview0;datarowvicw drv5 = ds5.tablcshtb_imgm.dcfaultvicwloj; this.img 1 .imagcurl = drvlimg".tostring(); this.img2.imageurl = drv2lwimgm.tostring(); this.img3.imageurl = drv3uimgm.tostring(); this.img4.imageurl = drv4,imgmj.tostring();this.img5.imagcurl = drv5,img,' tos

47、tring();l舉一反三根據(jù)本實(shí)例,讀者可以：0實(shí)現(xiàn)素材網(wǎng)站滾動(dòng)廣告；0實(shí)現(xiàn)音樂網(wǎng)站滾動(dòng)廣告。22.2 blogblog是web blog的縮寫,中文含義為"網(wǎng)絡(luò)日志"，又稱"博客，具體說來，"博客"這個(gè)概念解釋為特定的軟件,它用來在網(wǎng)絡(luò)上出版、發(fā)表和粘貼個(gè)人的文章。個(gè)博客就是一個(gè)網(wǎng)頁”通常是由簡(jiǎn)短的文章所構(gòu)成,這些文章都是按年份和日期排列。博客的內(nèi)容和目的有很大的不同，有對(duì)其他網(wǎng)站的超級(jí)鏈接和評(píng)論;有關(guān)于個(gè)人構(gòu)思的；有新本實(shí)例是一個(gè)提高效率、人性化的程序 實(shí)例位冒：光盤mingrisoft22ex22 05聞日志的；還有照片、詩歌、散文、甚

48、至科幻小說的發(fā)表和粘貼等。博客用戶圖片管理功能實(shí)例說明在博客網(wǎng)站中，可以使用戶在網(wǎng)頁中的表現(xiàn)形式更加豐富多彩，博客用戶可以通過對(duì)圖片 的控制，使網(wǎng)站頁面b加美觀，從而使游客訪問量大大增加。本實(shí)例中通過添加和刪除圖片實(shí)現(xiàn)圖片管理功能，運(yùn)行效果如圖22.6和圖22.7所示。<mw 1 1ras _qhmui «xass。狙rvs o *f<r« 。週必刃 «ctm上mem圖片ftfttfit圖22.6添加圖片頁面圖22.7圖片基本信息顯示頁面技術(shù)要點(diǎn)在圖片上傳過程中,主要用到fileupload控件提供的saveas方法，saveas方法的語法格式及參數(shù)說

49、明如下:public void saveas(string filename)filename參數(shù)是一個(gè)字符串,指定服務(wù)器上保存上載文件位的完整路徑。對(duì)圖片進(jìn)行管理時(shí)，刪除數(shù)據(jù)庫中數(shù)據(jù)的同時(shí)，還應(yīng)該將對(duì)應(yīng)路徑下的文件刪除，以免產(chǎn) 生垃圾文件，對(duì)服務(wù)器造成不良影響。在刪除文件過程中，主要用到system.io命名空間中的 file類,該類中包含有對(duì)文件的各種操作。本實(shí)例主要應(yīng)用了 file類的exists方法和delete方 法，其中exists方法用于檢驗(yàn)文件是否存在,其語法格式及參數(shù)說明如下：public static bool exists(string path)其中path參數(shù)為要檢查

50、的文件，該處應(yīng)寫出文件的完整路徑。file類的delete方法用于刪除指定路徑下的文件，其語法格式及參數(shù)說明如下：public static void dc)cte(string path)其中path參數(shù)是要?jiǎng)h除文件的名稱。l實(shí)現(xiàn)過程(1 )新建一個(gè)網(wǎng)站，將其命名為ex22_05 ,默認(rèn)主頁為defaull.aspx ,添加新web窗體，將 其命名為 addphoto.aspxo(2 ) default.aspx頁面中主要控件的類型、名稱及用途如表22.5所示。表 22.5defaull.aspx 頁面控件控件類型控件名稱用途html/tablefable頁面布局用戶webusercontr

51、olbloghcadcr.ascx布局頁面bannerfooter.ascx布局頁腳標(biāo)準(zhǔn)/dropdownlislddlscarch選擇查詢條件標(biāo)準(zhǔn)/gridviewgrid view 1顯示懸續(xù)表控件類型控件名稱用途標(biāo) /fetextboxtxtkey數(shù)據(jù)要查找的關(guān)鍵字標(biāo)wlinkbuttoninkbtnadd協(xié)隋頁面標(biāo)準(zhǔn)/buuonbtnsearch執(zhí)彳穗找操作addphoto.aspx頁面控件類型、名稱及用途如表22.6所t瓦表 22.6addphoto.aspx 貞面控件控件類型控件名稱用途html/tabletable頁面布局用戶控件/ webusercontrolblogheade

52、r.ascx布局頁面bannerfooter.ascx布局頁腳標(biāo)準(zhǔn)/tcx(boxtxtsubject輸入圖片主題標(biāo)準(zhǔn)/fileuploadfilcup選擇圖片路徑標(biāo)準(zhǔn)/buuonbtnok執(zhí)行圖片上傳操作(3 )主要程序代碼。本實(shí)例用到了對(duì)數(shù)據(jù)庫操作的類sqldata ,有關(guān)該類參數(shù)詳細(xì)代碼可參見光盤。在addphoto.aspx頁面中主要執(zhí)行圖片上傳操作，主要代碼如下：protected void btnok_click(object sender, evcntargs c)sqlconnection mycon = new sqlconnection(configunitionmmuig

53、eiappseuings"cons'); mycon.open();siring p_str_filcpa(h = p_str_filcextnamc = mh, p_slr_mfilcnamc, p_str_mpath;system.lext.stringbuilder strmsg = new system.text.stringbuilder(,r上傳文件信息;vhr color=red>'f);if (" != fileup.postedfile.filename)p.str.filepath = fileup.postedfile.filen

54、ame;/ 獲取文件路徑p.str.fileextname = p_str_filcpath.substring(p_str-fiicpath.lastlndcxof(h.m) + 1);/獲得擴(kuò)展名 tryp.str.mpath = server. mappath(h i magcs/picturcs/");/ 保存到指定的路徑p_str_mfilename = p_str_filepath.substring(p_str_filepath.lastindexof,v,) + 1);/獲得文件的名稱 fileup.saveas(p_str_mpath + p_str_mfiiena

55、me)y/保存到指定的路徑下string p_sr_com = insert into tb.05(subject,imageurl,blogid) values(,f, +(his.txtsubjcct.tcxt + ,h/" + (p. str.mfilename) +sqldata da = new sqldata();bool add = da.excesql(p_str_com);if (add = true)response.write(m<script language=javascript>alertc添加成功!,);location=,default.a

56、spx*</script>m);elseresponse.writc(m<script languagc=javascript>alert(,添加失??！ ');locaiion=javascripl:his(ory.go( 1 )'</scripc>");catch (exception err)response.wrilc(crr.tostring();default.aspx頁面主要完成對(duì)圖片的管理操作，該頁面中可預(yù)覽圖片，主要實(shí)現(xiàn)方法是在編 輯gridview 1列時(shí)，添加一個(gè)hyperlinkfield超級(jí)鏈接歹iz并設(shè)置該歹1j的datanavigateurlfields 屬性為存放圖片路徑的數(shù)據(jù)庫列名，同時(shí)設(shè)置datanavigateurlformatstring屬性值為imagcs/picturcs/0,綁定數(shù)據(jù)后，單擊該列中的超級(jí)鏈接,即可查看圖片信息。在grid view 1中還添加了刪除功能,主要完成刪除數(shù)據(jù)庫中數(shù)據(jù)的同時(shí)刪除對(duì)應(yīng)的圖片，代碼如下:protected void grid view 1 _rowdeleting(ob ject sender, gridviewdeleteeventargs e) sqldata da = new sqldata();s