asp.net

位置:IT落伍者 >> asp.net >> 浏览文章

ASP.NET项目开发指南:界面预览


发布日期:2020年05月26日
 
ASP.NET项目开发指南:界面预览

用 户 界 面

界面预览

运行该系统可以看到其首页ST_mainaspx如图所示

ST_mainaspx的主要HTML代码

本页中有自定义的控件前边已经提到了再有就是两个GridView控件和一个DataList控件ST_mainaspx的主要HTML代码如程序所示

用户界面

程序 ST_mainaspx

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

<uc:ST_khead id=Khead runat=server>uc:ST_khead>

<uc:ST_kuserleft id=Kuserleft

runat=server>uc:ST_kuserleft>

<asp:GridView id=GridView runat=server

AutoGenerateColumns=False

Width=px Height=px

BorderWidth=>

<Columns>

<asp:TemplateField>

<HeaderTemplate>

HeaderTemplate>

<ItemTemplate>

<A href=ST_kshownewsaspx?id=<%# Eval(ST_ID)%>>

<%#Eval(ST_newstitle)%>

A>[<%# Eval(ST_addtime)%>]

ItemTemplate>

<EditItemTemplate>

EditItemTemplate>

asp:TemplateField>

Columns>

asp:GridView>

<asp:GridView id=GridView runat=server

AutoGenerateColumns=False Width=px Height=px

BorderWidth=>

<Columns>

<asp:TemplateField>

<HeaderTemplate>

HeaderTemplate>

<ItemTemplate>

<A href=ST_kshownewsaspx?id=<%#

Eval(ST_ID)%>>

<%# Eval(ST_newstitle)%>

… A>

ItemTemplate>

<EditItemTemplate>

EditItemTemplate>

asp:TemplateField>

Columns>

asp:GridView>

<asp:datalist id=DataList runat=server Width=px

RepeatDirection=Horizontal RepeatColumns=>

<ItemTemplate>

<table width=% border= cellspacing= cellpadding=>

<tr><td width= rowspan= align=center

valign=middle>

<a href=ST_kshowproaspx?proid=<%#

Eval(ST_ID)%> >

<img src=productpic/<%#

Eval(ST_productpic)%> width=

height= border= />a>td>

<td height= valign=top>

<img src=images/ecrangif width= height= />

<a href=ST_kshowproaspx?proid=<%#

Eval(ST_ID)%> >

<strong><%#Eval(ST_productname)%>

strong>

a>td>tr>

<tr><td>

<img src=images/dot_gif width= height= />价格?<%#

Eval(ST_Productprice)%>元<br />

<img src=images/dot_gif width= height=/>

分类<a href=ST_kprolistaspx?proclassid=<%#

Eval(ST_productclass)%>>

<%#Eval(ST_productclass)%>

a>

td>tr>

table>

ItemTemplate>

asp:datalist>

<uc:ST_kfoot id=Kfoot runat=server>uc:ST_kfoot>

form>

【代码说明】代码第~行是两个GridView控件这里只是绑定了数据并没有实现更新删除等事件在这两个控件的ItemTemplate模板中都绑定了一个超链接当用户单击此超链接时进行导航并传递指定的参数代码第~行也是用来显示数据这是一个DataList控件其绑定数据的方法也是<%# Eval(ST_Productprice)%>

说明很多人习惯将Eval(字段名称)方法写成DataBindEval(DataItem字段名称)的形式

ST_mainaspxcs的主要代码及其解释

Page_Load事件用来加载数据其代码如程序所示

程序 ST_mainaspxcs

protected void Page_Load(object sender SystemEventArgs e)

{

string ST_strsql;

ST_strsql = SELECT top * FROM ST_tNews where ST_newsclass=

内新闻 order by ST_ID desc ;

//获取数据集

DataTable ST_dt = ST_databaseReadTable(ST_strsql)

GridViewDataSource = ST_dt;

//将数据绑定到控件

GridViewDataBind()

ST_strsql = SELECT top * FROM ST_tNews where ST_newsclass=

站新闻 order by ST_ID desc ;

//获取数据集

ST_dt = ST_databaseReadTable(ST_strsql)

GridViewDataSource = ST_dt;

//将数据绑定到控件

GridViewDataBind()

ST_strsql = select top * from ST_tProduct order by ST_ID desc;

//获取数据集

ST_dt = ST_databaseReadTable(ST_strsql)

DataListDataSource = ST_dt;

//将数据绑定到控件

DataListDataBind()

}

【代码说明】代码第行的ST_databaseReadTable()方法用于从数据库中读取表的数据并返回一个DataSet这里分别用不同的SQL语句调用以得到想要的不同的DataSet再分别将数据绑定到页面中的GridView(用来显示业内新闻)GridView(本站新闻)和DataList(产品信息)在将每个GridView和GridView显示的新闻条目都用SQL语句限定为了而DataList

返回目录ASPNET项目开发指南

编辑推荐

ASPNET MVC 框架揭秘

ASPNET开发宝典

ASP NET开发培训视频教程

               

上一篇:ASP.NET项目开发指南:未处理订单的管理(2)[2]

下一篇:ASP.NET项目开发指南:新闻列表[2]