網(wǎng)站編程第十五課：產(chǎn)品展示系統(tǒng)ppt課件

1、第十五課:產(chǎn)品展現(xiàn)系統(tǒng). 回想：DataGrid控件相關(guān)知識(shí)目的：經(jīng)過(guò)實(shí)現(xiàn)產(chǎn)品展現(xiàn)系統(tǒng),到達(dá)以下目的:1.了解方法封裝、調(diào)用(圖片上傳)2.掌握?qǐng)D片上傳技術(shù)-重點(diǎn)3。掌握DataList數(shù)據(jù)綁定控件的根本用法重點(diǎn)4。掌握?qǐng)D片和文字兩種鏈接方式.功能分析該產(chǎn)品展現(xiàn)系統(tǒng)的功能:1.主要是產(chǎn)品的展現(xiàn)(圖片),包括:產(chǎn)品顯示,詳細(xì)顯示(要有圖片和文字兩種鏈接)2.添加產(chǎn)品(重要的是圖片上傳).流程1.數(shù)據(jù)庫(kù)設(shè)計(jì)2.頁(yè)面確定和設(shè)計(jì)3.代碼編輯4.編譯執(zhí)行.數(shù)據(jù)庫(kù),表1.根據(jù)功能的需求,確定數(shù)據(jù)庫(kù)和相關(guān)表由于是產(chǎn)品展現(xiàn)系統(tǒng),一定需求一張產(chǎn)品表2.確定每個(gè)表的字段產(chǎn)品表產(chǎn)品ID,產(chǎn)品稱號(hào), 產(chǎn)品圖片,詳細(xì)描

2、畫,添加時(shí)間.確定工程的相關(guān)頁(yè)面根據(jù)功能需求來(lái)確定相關(guān)的頁(yè)面文件1.顯示產(chǎn)品顯示一切產(chǎn)品的標(biāo)題和圖片-首頁(yè)(Index.aspx)詳細(xì)顯示-ProductDetails.aspx2.添加產(chǎn)品-AddProducts.aspx.配置文件配置文件是指包含在工程中的Web.config文件,它是一個(gè)XML文本文件，它用來(lái)儲(chǔ)存 ASP.NET Web 運(yùn)用程序的配置信息，它可以出如今運(yùn)用程序的每一個(gè)目錄中。新建一個(gè)Web運(yùn)用程序后，默許情況下會(huì)在根目錄自動(dòng)創(chuàng)建一個(gè)默許的Web.config文件 web.config配置文件 中，一切的代碼都應(yīng)該位于configurationsystem.web和/sy

3、stem.web/configuration。演示配置數(shù)據(jù)庫(kù)銜接.方法封裝添加一個(gè)類文件,將一切對(duì)數(shù)據(jù)操作的方法封裝在里面1.添加相片2.顯示相片.添加產(chǎn)品首先讓我們的數(shù)據(jù)庫(kù)產(chǎn)品表有內(nèi)容,先完成添加產(chǎn)品頁(yè)面頁(yè)面頂部我們運(yùn)用一個(gè)自定義控件布置外觀中部放添加產(chǎn)品的表格,添加的內(nèi)容有產(chǎn)品稱號(hào),圖片,詳細(xì)描畫.圖片的添加需求上傳圖片,這里運(yùn)用HTML控件的File Field控件,并把它作為效力器控件運(yùn)轉(zhuǎn).圖片上傳圖片上傳是經(jīng)過(guò)控件,讓用戶本人到本機(jī)上閱讀,查找到要添加的圖片,然后添加圖片到效力器的過(guò)程普通方法是上傳圖片文件的途徑到數(shù)據(jù)庫(kù),圖片保管到工程的文件夾下面.以將這些圖片可以展現(xiàn)出來(lái).File

4、 Field控件File Field控件,文件上傳控件,用來(lái)上傳文件和圖片,點(diǎn)擊閱讀按鈕,可以在本機(jī)上選擇文件和圖片.該控件運(yùn)用時(shí)要先作為效力器控件運(yùn)轉(zhuǎn).首先要得到用戶上傳的文件,調(diào)用該控件下的PostedFile屬性.然后賦值給HttpPostedFile類的變量. HttpPostedFile類提供了對(duì)作為文件集合從客戶端上載的一切文件的訪問(wèn),提供屬性和方法獲取關(guān)于個(gè)別文件的信息以及讀取和保管文件.Eg: HttpPostedFile hpf=File1. PostedFile;.File Field控件上傳文件的稱號(hào):Path.GetFileName(hpf.FileName)經(jīng)過(guò)hpf

5、的SaveAs方法將要上傳的文件保管到效力器,其中經(jīng)過(guò)Server.MapPath(“文件夾稱號(hào))方法可以得到文件夾在效力器上的途徑,再將文件夾途徑和文件稱號(hào)結(jié)合成要存儲(chǔ)的該上傳圖片的絕對(duì)途徑.添加產(chǎn)品代碼演示練習(xí).首頁(yè)顯示產(chǎn)品頁(yè)面頂部我們運(yùn)用一個(gè)自定義控件布置外觀中部運(yùn)用DataList控件顯示產(chǎn)品.詳細(xì)顯示產(chǎn)品時(shí),顯示產(chǎn)品圖片,標(biāo)題,并添加圖片和標(biāo)題鏈接,進(jìn)一步顯示詳細(xì)內(nèi)容.DataList控件這個(gè)產(chǎn)品展現(xiàn)系統(tǒng)主要是學(xué)習(xí)掌握DataList控件進(jìn)展數(shù)據(jù)綁定和顯示.首先對(duì)該控件簡(jiǎn)單了解一下:DataList控件,允許運(yùn)用模板和款式定義格式顯示數(shù)據(jù),與DataGrid控件有許多類似,都非常適宜顯示數(shù)據(jù)和處置多條數(shù)據(jù)記錄,但還有很大差別, DataList控件一定要經(jīng)過(guò)模板定義其顯示格式.可以使版面配置更加靈敏,外觀多款式.比如最大益處是可以分列顯示.DataList控件包含以下模板:.這里我們重點(diǎn)掌握模板,這個(gè)為必選項(xiàng),用來(lái)定義模板中的項(xiàng)的內(nèi)容和規(guī)劃.設(shè)置DataList項(xiàng)模板右擊DataList控件,選擇編輯模板項(xiàng)模板,在項(xiàng)模板界面的中自定義格式來(lái)顯示數(shù)據(jù).包括可以在里面插入表格,運(yùn)用控件等.然后終了模板編輯.當(dāng)然也可以直接在HTML代碼中手中添加模板,設(shè)置格式.首頁(yè)代碼演示練習(xí).查看產(chǎn)品詳細(xì)信息頁(yè)面外