ASP.NET项目开发指南:图书的显示（1）

用户界面

一般用户登录后将进入用户界面如图所示

图 用户界面

图书的显示（）

在用户界面中单击左边导航条时将进入ST_ClassProductaspx页面该页面主要用来显示图书的一些主要信息如图所示

图 图书展示

ST_ClassProductaspx的主要HTML代码

ST_ClassProductaspx的主要HTML代码如程序所示

程序 ST_ClassProductaspx

<form id=Form method=post runat=server>

<div align=center>

<table id=Table height=% cellSpacing= cellPadding=

width= border=>

<tr>

<td vAlign=top width= colSpan=>

<!头控件>

<uc:st_header id=ST_Header

runat=server></uc:st_header></td>

</tr>

<tr>

<td vAlign=top width=

bgColor=#eee height=%

rowSpan=><uc:st_class id=ST_Class

runat=server></uc:st_class></td>

<td style=HEIGHT: % vAlign=top width=>

<asp:Label Runat=server id=Label ForeColor=Red

Visible=False>该分类下没有图书</asp:Label>

<!GridView控件>

<asp:GridView id=GridView Width=% runat=server

BorderColor=#CCCCCC BorderStyle=None

BorderWidth=px BackColor=White CellPadding=

GridLines=Horizontal ForeColor=Black

AutoGenerateColumns=False AllowPaging=True>

<SelectedRowStyle FontBold=True ForeColor=White

BackColor=#CC></SelectedRowStyle>

<HeaderStyle FontBold=True ForeColor=White

BackColor=#></HeaderStyle>

<FooterStyle ForeColor=Black

BackColor=#CCCC></FooterStyle>

<Columns>

<!模板列>

<asp:TemplateField HeaderText=图片>

<ItemTemplate>

<img src=<%# imgpath + Eval（ST_Image）%>

width= height= />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField HeaderText=书名>

<ItemTemplate>

<a href=<%# ST_

Productaspx?st_productid= +

Eval（ST_ProductID）%>>

<%# Eval（ST_ProductName）%>

</a>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField=ST_Publisher

HeaderText=出版

社></asp:BoundField>

<asp:BoundField DataField=ST_SoldPrice

HeaderText=价格>

</asp:BoundField>

<asp:BoundField DataField=ST_Author

HeaderText=作者>

</asp:BoundField>

<!模板列>

<asp:TemplateField HeaderText=购买>

<ItemTemplate>

<a href=<%# ST_AddToCartaspx?st_productid= +

Eval（ST_ProductID）%> target=_blank>购买</a>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField=ST_ProductID

Visible=False></asp:BoundField>

</Columns>

<!分页样式>

<PagerSettings Mode=Numeric />

</asp:GridView></td></tr>

<tr>

<td vAlign=top width= height=></td></tr>

<tr>

<td vAlign=top width=% colSpan=><uc:st_bottom

id=ST_Bottom runat=server></uc:st_bottom></td>

</tr></table>

</div>

</form>

返回目录ASPNET项目开发指南

编辑推荐

ASPNET MVC 框架揭秘

ASPNET开发宝典

ASP NET开发培训视频教程