【正文】 return (conditions, sortField, direction)。 } public static News GetNewsById(int id) { return (id)。 } public static IListNews GetNewsTop10() { return ()。 } public static void AddNews(News news) { if ( == null) = 。 = 。 = 0。 (news)。 } public static void ModifyNews(News news) { if ( == null) = 。 if ( == ) = 。 (news)。 } public static IListNews GetNewsAllFieldsByConditions(string conditions, string sortField, string direction) { 溫州科技職業(yè)學院畢業(yè)設計（論文） 28 return (conditions, sortField, direction)。 } } } 表示層 表現層用于用戶接口的展示，以及用業(yè)務層的類和對象來 “ 驅動 ” 這些接口[6]。在 中，該層包括 aspx 頁面、用戶控制、服務器控制以及某些與安全相關的類和對象。在 Visual Studio2020 中可以看到表示層的展示，如圖 。 下面以多個頁面為例，進行代碼分析。 前臺展示頁面 表示層 溫州科技職業(yè)學院畢業(yè)設計（論文） 29 ? 首頁展示頁面 首頁是訪問者首先看到的頁面，它的制作直接影響企業(yè)的形象。 這個金米蘭咖啡公司網站首頁采用 div 進行定位，前臺后臺相結合。 展示效果如圖 所示。 圖 金米蘭咖啡企業(yè)網站 首頁設計 1. 前臺相關代碼 asp:Content ID=Content1 ContentPlaceHolderID=ContentPlaceHolder1 runat=server div id=col2_list h3 class=title a class=index_tit href= title=Fancy CoffeeFancy Coffee/a a href= title=Fancy Coffee花式咖啡 /a/h3 dl class=product dd class=product_list a href= class=imgWidth title=調酒咖啡 溫州科技職業(yè)學院畢業(yè)設計（論文） 30 img src=Images/ width=90 height=60 alt=調酒咖啡 title=調酒咖啡 style=float: left //a ahref= title=調酒咖啡 style=width: 200px。 color: 696969。法國人喝咖啡講究的不是咖啡本身的品質和味道，而注重飲用咖啡的環(huán)境和情調，表現出來的是優(yōu)雅的 ../a /dd dd class=product_list a href= class=imgWidth title=牛奶咖啡 img src=Images/ width=90 height=60 alt=牛奶咖啡 title=牛奶咖啡 style=float: left //a ahref= title=牛奶咖啡 style=width: 200px。 color: 696969。當你端起一杯咖啡，深深吸入咖啡香氣的那一刻，所有這一切都會讓你聯想到一種植物、一個精確的地 ../a /dd /dl /div ? 新聞資訊 頁面 新聞資訊 展示效果如下圖 所示。 圖 金米蘭咖啡企業(yè)網站 新聞資訊頁面 前臺相關代碼 div id=col1_de div class=sidebar 溫州科技職業(yè)學院畢業(yè)設計（論文） 31 div class=sb_nav h3 class=title 新聞資訊 /h3 div class=box_text asp:TreeView ID=tvNewsCategories runat=server DataSourceID=XmlDataSource1 EnableViewState=False Height=125px ImageSet=BulletedList ShowExpandCollapse=False ShowLines=True DataBindings asp:TreeNodeBinding DataMember=siteMapNode NavigateUrlField=url TextField=title / /DataBindings HoverNodeStyle FontUnderline=True ForeColor=5555DD / NodeStyle FontNames=Tahoma FontSize=10pt ForeColor=Black HorizontalPadding=5px NodeSpacing=0px VerticalPadding=0px / ParentNodeStyle FontBold=False / SelectedNodeStyle FontUnderline=True ForeColor=5555DD HorizontalPadding=0px VerticalPadding=0px / /asp:TreeView asp:XmlDataSource ID=XmlDataSource1 runat=server DataFile=~/news/ /asp:XmlDataSource /div /div /div /div div 排序方式： asp:Button ID=btnTitleSort runat=server Text=按標題升序 OnClick=btnTitleSort_Click /| 溫州科技職業(yè)學院畢業(yè)設計（論文） 32 asp:Button ID=btnPubDatesort runat=server Text=按日期升序 OnClick=btnPubDatesort_Click / br / asp:DataList ID=dlNews runat=server EnableViewState=False Width=668px ItemTemplate table align=right style=marginleft: 0px。 width: 647px。 tr td colspan=3 span id=title_spana href=?Id=% Eval(Id) % %. FilterString(Eval(Title).ToString(),65) %/a /span/td/tr trtd colspan=3 style=textalign: left。 fontfamily: 宋體 。 color: 663300。 %(Eval(Contents).ToString(),65) % /td/tr tr td style=textalign: left。 width: 47px。 /td td style=textalign: right。 width: 35px。 /tdtd style=textalign: right。 width: 74px。 作者：%Eval(Author) %/td/tr trtd style=textalign: left。 width: 47px。 /td td style=textalign: right。 width: 35px。 /td td style=textalign: right。 width: 74px。發(fā)表日期： %Eval(PubDate) %/td/tr trtd style=textalign: left。 width: 47px。 /td td style=textalign: right。 width: 35px。 /td 溫州科技職業(yè)學院畢業(yè)設計（論文） 33 td style=width: 74px。 textalign: right 瀏 覽 次 數 ：%Eval(Clicks) %/td /tr /table /ItemTemplate SeparatorTemplate hr / /SeparatorTemplate /asp:DataList div id=page asp:Label ID=lblPage runat=ser