基于aspnet環(huán)境對sqlserver2000后臺數(shù)據(jù)庫的數(shù)據(jù)進(jìn)行存取處理和動態(tài)管理(編輯修改稿)
2025-02-12 13:35 本頁面
【文章內(nèi)容簡介】 時(shí)，無需更改每個頁面。整個站點(diǎn)除了產(chǎn)品信息與留言本之外的其它頁面均在內(nèi)容框架中顯示?？蚣茉O(shè)計(jì)，并分割分上、中左、中右、下四個。上框架放置網(wǎng)頁logo,；中左放置導(dǎo)航菜單，；中右為內(nèi)容框架，用來顯示公司簡介、最新產(chǎn)品；下框架放置版權(quán)信息。效果圖如下： 框架設(shè)計(jì)完成之后，分別制作LOGO頁面，導(dǎo)航頁面，版權(quán)信息頁面。為了使頁面美觀，LOGO頁面，導(dǎo)航頁面，以及版權(quán)信息頁面需設(shè)定固定大小，并且不顯示框架邊框和滾動條。LOGO頁面（）只需要插入一個圖片即可，版權(quán)信息頁面也只需要插入相關(guān)版權(quán)說明。導(dǎo)航頁面()在上端設(shè)置向上滾動的文字，下方為導(dǎo)航欄。滾動文字可直接使用Html語言的marquee方法實(shí)現(xiàn)。marquee onmouseover=() onmouseout=() height=110 width=173 direction=up scrollamount=1 scrolldelay=20導(dǎo)航欄使用Dreamweaver 自帶的行為動作設(shè)計(jì)鼠標(biāo)經(jīng)過圖像效果。單擊“插入”欄的“常用”選項(xiàng)卡中的“鼠標(biāo)經(jīng)過圖像”按鈕，在彈出的對話框中設(shè)置圖像。如圖所示：重復(fù)設(shè)置其他導(dǎo)航按鈕，完成導(dǎo)航頁面制作。CSS制作CSS，Casading Style Sheets(層疊樣式表單)，一種設(shè)計(jì)網(wǎng)頁樣式的工具，在幾乎所有的瀏覽器上都可以使用。利用它可以使頁面的文字變得更漂亮，可以定制字體、字體編排、字體顏色、背景等。CSS可以單獨(dú)保存為*.css文件，也可以將代碼直接寫在html文件中。首先設(shè)置超鏈接文本格式。，設(shè)置已訪問(a:visited)、未訪問（a:link）、鼠標(biāo)經(jīng)過(a:hover)、激活(a:active)等四種狀態(tài)的超鏈接文本格式。這里設(shè)置鼠標(biāo)經(jīng)過時(shí)文本顏色改變，其他三種狀態(tài)均設(shè)為相同。代碼如下：a:visited { fontfamily: 宋體。 fontsize: 12px。 fontstyle: normal。 color: 006600。 textdecoration: none。}a:hover ｛ fontsize: 12px。 color: 008C00。 textdecoration: none。｝接著設(shè)置其他非超鏈接文本的格式()，包括信息的格式(protext)和版權(quán)說明文字格式(copytext)。代碼如下：.text { fontfamily: 宋體。 fontsize: 14px。 color: 334A44。 textdecoration: none。}.copytext { fontfamily: 宋體。 fontsize: 12px。 fontstyle: normal。 color: 333333。 textdecoration: none。 fontweight: lighter。}使用link方法完成CSS的引入。link href=＊.css rel=stylesheet type=text/css在需要使用CSS的文本前使用class=CSS_name即可讓文本按CSS設(shè)定的格式顯示。 包含圖像地圖的庫文件制作 庫是Dreamweaver所特有的一個功能，是一種特殊的 Dreamweaver 文件，它可以理解為在網(wǎng)頁設(shè)計(jì)中使用率較高的網(wǎng)頁元素的組合。包含您已創(chuàng)建以便放在 Web 頁上的單獨(dú)的資源 或資源副本的集合。當(dāng)更改某個庫項(xiàng)目的內(nèi)容時(shí)，可以更新所有使用該項(xiàng)目的頁面?？梢栽趲熘写鎯Ω鞣N各樣的頁面元素，如圖像、表格、聲音和 Flash 文件。圖像地圖指已被分為多個區(qū)域（或稱“熱點(diǎn)”）的圖像；當(dāng)用戶單擊某個熱點(diǎn)時(shí)，會發(fā)生某種操作（例如，打開一個新文件）。此庫文件包含于框架main的每個頁面，設(shè)置圖像地圖用于與各品牌紹介頁面的鏈接。 ，插入圖片，并在圖片上創(chuàng)建熱點(diǎn)，完成圖像地圖制作，在每個熱點(diǎn)的超鏈接上選擇各種品牌對應(yīng)的頁面?！ ⌒Ч麍D如下：主頁效果圖 建立數(shù)據(jù)表整個站點(diǎn)只需要建立一個數(shù)據(jù)庫，其中包含admin、gbdb、proinfo三個數(shù)據(jù)表。 server 2000企業(yè)管理器，在SQL server服務(wù)器上新建數(shù)據(jù)庫，如圖所示：建立數(shù)據(jù)庫之后，在該數(shù)據(jù)庫中建立管理員數(shù)據(jù)表admin，如圖所示 點(diǎn)擊保存，表名輸入admin，完成管理員數(shù)據(jù)表建立。在admin表點(diǎn)擊右鍵打開表，輸入管理員帳號和密碼，如圖所示：用同樣的方法建立留言本信息表與產(chǎn)品信息表，效果圖分別如下： 。由于所有數(shù)據(jù)庫操作都是基于同一個數(shù)據(jù)庫proinfo的不同表，因此每次的連接字符串均相同。，其中的appsettings是用來配置與應(yīng)用程序相關(guān)的設(shè)置。，在appsettings節(jié)中輸入數(shù)據(jù)庫鏈接字符串信息：add key=proinfocon value=uid=sa。password=123。database=proinfo。server=binny/設(shè)置完成之后，在引用時(shí)該字符串時(shí)，(proinfocon)方法即可引用proinfocon的值?！∽钚庐a(chǎn)品（） 該頁面顯示在mainFrame框架中，負(fù)責(zé)從數(shù)據(jù)庫取出一周內(nèi)上架的產(chǎn)品，只顯示產(chǎn)品名稱與產(chǎn)品圖片。 導(dǎo)入名稱空間名稱空間是一組相似的類，是Framework使用的非常整齊的命名模式組織的所有的類。使用%Import NameSpace=”名稱空間”%方式導(dǎo)入所需要的名稱空間。本頁面需要導(dǎo)入名稱空間如下：%@ Import Namespace= %%@ Import Namespace= %%@ Import Namespace= %%@ import Namespace= %編寫Page_Load事件Page_load事件是在整個頁面可見是發(fā)生，即當(dāng)ASPX頁被加載或刷新時(shí)調(diào)用。在這個頁面上主要用來連接數(shù)據(jù)庫，取出一周內(nèi)上傳產(chǎn)品并綁定數(shù)據(jù)到DataList中。取出一周內(nèi)產(chǎn)品可使用dateadd（）函數(shù)完成。事件必需放在script/script標(biāo)記之間。代碼如下：sub page_load(sender as object,e as eventargs)dim strcon as stringstrcon=database=proinfo。uid=sa。password=123。server=binnydim strSQL as stringstrSQL=select * from proinfo where uptime= _dateadd(day,7,getdate()) order by uptime DESCdim sqlcmd as new sqldataadapter(strSQL,strcon)dim prodataset as new dataset()(prodataset,newpro)dim pds as new PagedDataSource()=(newpro).defaultview=true=8 dim cpage as integerif (page) then cpage=((page))else cpage=1end if =cpage1if not then =+?page _=+(cpage1)end ifif not then =+?page= _+(cpage+1)end if=pds()end sub編寫顯示信息（DataList）代碼DataList控件可以用于顯示數(shù)據(jù)庫信息的行，可以使用自定義模板和樣式精確控制其格式。操縱各種模板控件可以改變顯示數(shù)據(jù)的方式。此頁面使用ItemTemplate，自定義地顯示從數(shù)據(jù)庫中取出的各項(xiàng)信息。此處代碼相對比較簡單。asp:datalist id=myDataList RepeatColumns=4 RepeatDirection=Vertical RepeatLayout=Table runat=serverItemTemplatetable width=130 border=0 align=left cellpading=0 cellspacing=0 bgcolor=FFFFFFtr bgcolor=FFFFFFtd width=130
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號-1