知识大全 ASP.NET项目开发指南:界面预览
Posted 知
篇首语:幽映每白日,清辉照衣裳。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET项目开发指南:界面预览相关的知识,希望对你有一定的参考价值。
ASP.NET项目开发指南:界面预览 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
用 户 界 面
界面预览
运行该系统可以看到其首页ST_main aspx 如图 所示
ST_main aspx的主要HTML代码
本页中有自定义的控件 前边已经提到了 再有就是两个GridView控件和一个DataList控件 ST_main aspx的主要HTML代码如程序 所示
图 用户界面
程序 ST_main aspx
<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_kshownews aspx?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_kshownews aspx?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_kshowpro aspx?proid=<%#
Eval( ST_ID )%> >
<img src= productpic/<%#
Eval( ST_productpic )%> width=
height= border= />a>td>
<td height= valign= top >
<img src= images/ecran gif width= height= />
<a href= ST_kshowpro aspx?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_kprolist aspx?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(字段名称)方法写成DataBind Eval(DataItem 字段名称)的形式
ST_main aspx cs的主要代码及其解释
Page_Load事件用来加载数据 其代码如程序 所示
程序 ST_main aspx cs
protected void Page_Load(object sender System EventArgs e)
string ST_strsql;
ST_strsql = SELECT top * FROM ST_tNews where ST_newsclass= 业
内新闻 order by ST_ID desc ;
//获取数据集
DataTable ST_dt = ST_database ReadTable(ST_strsql)
GridView DataSource = ST_dt;
//将数据绑定到控件
GridView DataBind()
ST_strsql = SELECT top * FROM ST_tNews where ST_newsclass= 本
站新闻 order by ST_ID desc ;
//获取数据集
ST_dt = ST_database ReadTable(ST_strsql)
GridView DataSource = ST_dt;
//将数据绑定到控件
GridView DataBind()
ST_strsql = select top * from ST_tProduct order by ST_ID desc ;
//获取数据集
ST_dt = ST_database ReadTable(ST_strsql)
DataList DataSource = ST_dt;
//将数据绑定到控件
DataList DataBind()
【代码说明】代码第 行的ST_database ReadTable()方法用于从数据库中读取表的数据 并返回一个DataSet 这里分别用不同的SQL语句调用 以得到想要的不同的DataSet 再分别将数据绑定到页面中的GridView (用来显示业内新闻) GridView (本站新闻)和DataList (产品信息) 在将每个GridView 和GridView 显示的新闻条目都用SQL语句限定为了 条 而DataList 是 条
返回目录 ASP NET项目开发指南
编辑推荐
ASP NET MVC 框架揭秘
ASP NET开发宝典
cha138/Article/program/net/201311/15920相关参考
ASP.NET项目开发指南:Blog系统预览 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &n
ASP.NET项目开发指南:网络书店系统预览 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &n
ASP.NET项目开发指南:企业信息管理系统预览 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
ASP.NET项目开发指南:界面头尾设计 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nbs
ASP.NET项目开发指南:界面主体框架 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nbs
ASP.NET项目开发指南:界面控件设计(1) 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &
ASP.NET项目开发指南:普通用户界面 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nbs
ASP.NET项目开发指南:界面设计(1) 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &nb
知识大全 ASP.NET项目开发指南:界面控件设计(2)[2]
ASP.NET项目开发指南:界面控件设计(2)[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
ASP.NET项目开发指南:界面设计(2)[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!