知识大全 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系统预览

ASP.NET项目开发指南:Blog系统预览  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &n

知识大全 ASP.NET项目开发指南:网络书店系统预览

ASP.NET项目开发指南:网络书店系统预览  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &n

知识大全 ASP.NET项目开发指南:企业信息管理系统预览

ASP.NET项目开发指南:企业信息管理系统预览  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET项目开发指南:界面头尾设计

ASP.NET项目开发指南:界面头尾设计  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:界面主体框架

ASP.NET项目开发指南:界面主体框架  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:界面控件设计(1)

ASP.NET项目开发指南:界面控件设计(1)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &

知识大全 ASP.NET项目开发指南:普通用户界面

ASP.NET项目开发指南:普通用户界面  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nbs

知识大全 ASP.NET项目开发指南:界面设计(1)

ASP.NET项目开发指南:界面设计(1)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  &nb

知识大全 ASP.NET项目开发指南:界面控件设计(2)[2]

ASP.NET项目开发指南:界面控件设计(2)[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

知识大全 ASP.NET项目开发指南:界面设计(2)[2]

ASP.NET项目开发指南:界面设计(2)[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!