页面数据绑定全攻略

在做Web开发时,都会遇到将后台的数据显示在前台页面的情况。几种比较典型的应用实例:

方法1:<%#%>

后台代码:

namespace WebApplication3
{
    public partial class Index : System.Web.UI.Page
    {
        public string name = "ltp";
        public string sex = "man";
        public string old = "25";
        protected void Page_Load(object sender, EventArgs e)
        {
            Page.DataBind();//千万不能忘记!<%#%>只有Databind()后才有效
        }
    }
}

前台代码:

<body>
    <form id="form1" runat="server">
    <div>
      <p>姓名:<%# name%></p>
      <p>性别:<%# sex%></p>
      <p>年龄:<%# old%></p>
    </div>
    </form>
</body>

方法2:<%=%>

后台代码:

namespace WebApplication3
{
    public partial class Index2 : System.Web.UI.Page
    {
        public string name = "ltp";
        public string sex = "name";
        public string old = "25";

protected void Page_Load(object sender, EventArgs e)
        {

}
    }
}

前台代码:

<body>
    <form id="form1" runat="server">
    <div>
      <p>姓名:<%=name %></p>
      <p>性别:<%=sex %></p>
      <p>年龄:<%=old %></p>
    </div>
    </form>
</body>

<%=%>与<%#%>区别

<%=%>相当于Response.write().是放变量但是取出变量的值!

<%#%>专门用于数据绑定,可以绑定一些变量或者数据源中的东西,中间绑定石数据源的条目。

使用DataBinder类进行绑定

DataBinder类最主要的好处是会自动执行类型转换。

绑定格式:DataBinder.Eval(数据项的命名容器,数据字段名称,格式字符串)。

页面数据绑定全攻略

时间: 2024-10-13 16:18:57

页面数据绑定全攻略的相关文章

前台页面优化全攻略(三)

经过前两篇文章的实践,你的网站加载速度一定有了非常明显的变化.能把实践跟到这篇文章的人想必一定是极客中的极客.如果你仍对网站的加载速度不满意,可以看看再尝试一下本文中几近疯狂的终极优化方案. 你可以对网站进行快速的优化,但网站日常的节食却很难.也许你已经花了很大的力气去优化你的CSS和JavaScript代码,但是你所做的努力马上又会因为老板或客户期望的新功能而付之东流.所以看来不论是人还是网页,减肥都贵在坚持. 这篇终极减肥方案可能不适合所有的网站,但是我相信它可以引起你对网页大小的重视. 1

前台页面优化全攻略(四)

通过前几篇文章,你应该已经掌握了很多优化网站的方法.现在你的网站加载速度已经很快了,但是你必须持续的监控你的网站,了解它的大小变化,要不然一段时间过去之后,它可能又成为了一个胖子. 如今每个页面平均已经达到1.7M,每年增长大概32%.你可以通过以下几个工具来查看你的网站是不是又在暴饮暴食,而且它们都是免费的. 1. Pingdom Pingdom是我喜欢的一个在线测试工具.它会揭露出所以你想知道的细节,你可以一清二楚的看到网站的现状:重量.加载速度.代码分析.性能评分.开发者建议,它还提供了一

【转载】前台页面优化全攻略-系列博文

据调查,网页大小在2013年平均增长了32%,平均达到了1.7M,单独的HTTP请求达到96个.这是令人震惊的数字,而且这只是个平均值,有一半的网站会大于这个值.网站也得了肥胖症,而我们这些开发者就是罪魁祸首. 本文转载博客园系列博文,博文如下: 前台页面优化全攻略(一) 前台页面优化全攻略(二) 前台页面优化全攻略(三) 前台页面优化全攻略(四)

前台页面优化全攻略(四)

如今每个页面平均已经达到1.7M,每年增长大概32%.你可以通过以下几个工具来查看你的网站是不是又在暴饮暴食,而且它们都是免费的. 1. Pingdom Pingdom是我喜欢的一个在线测试工具.它会揭露出所以你想知道的细节,你可以一清二楚的看到网站的现状:重量.加载速度.代码分析.性能评 分.开发者建议,它还提供了一个历史的时间轴帮你查看网站瘦身的成果.如果你只想用一个工具完成所有的检测,Pingdom再合适不过了. 2. Firefox Web Developer Add-on Web De

前台页面优化全攻略(三)

你可以对网站进行快速的优化,但网站日常的节食却很难.也许你已经花了很大的力气去优化你的CSS和JavaScript代码,但是你所做的努力马上又会因为老板或客户期望的新功能而付之东流.所以看来不论是人还是网页,减肥都贵在坚持. 这篇终极减肥方案可能不适合所有的网站,但是我相信它可以引起你对网页大小的重视. 1. 永远都不要相信第三方平台的代码 你会随随便便的让一个不认识的开发者改动你的网站代码吗?我想应该没有人会这么二,但是为什么你就如此的相信第三方平台的代码呢?在网站中添加一个实用的组件实在太容

前台页面优化全攻略(一)

据调查,网页大小在2013年平均增长了32%,平均达到了1.7M,单独的HTTP请求达到96个.这是令人震惊的数字,而且这只是个平均值,有一半的网站会大于这个值.网站也得了肥胖症,而我们这些开发者就是罪魁祸首. 一个超重的网站会对你产生如下影响: 1. 网站代码越多,用户下载的就越多,加载速度就会越慢.在这个地球上,并不是每个人都能享受20M的宽带,每一个开发者心里都很清楚,用户不愿意等. 2. 众所周知,移动互联网发展迅速,对于2G网络来说,加载1.7M的页面甚至需要一分钟时间. 3. 影响搜

前台页面优化全攻略(二)

在上一篇文章中,我们讨论了一些基本的页面优化和减肥方案,现在我们的页面已经被缩减了30%-50%,如果你还没有阅读上一篇文章,我建议你完成那些基础热身之后再继续进阶的训练. 如果你已经尝试了基础的热身,那我们就继续采取一些更极客的解决方案. 1. 移除网站中社交网络的组件 看到这个标题请不要惊讶,我并不是让你放弃第三方社交平台,而是希望你能放弃那些肥胖的官方组件.你的网站中有社交平台的分享按钮么?这些按钮会为你的网站增重大概0.5M.我们知道,这些分享功能都是由JavaScript实现的,有些分

前台页面优化全攻略(二)

1. 移除网站中社交网络的组件 看到这个标题请不要惊讶,我并不是让你放弃第三方社交平台,而是希望你能放弃那些肥胖的官方组件.你的网站中有社交平台的分享按钮么?这些按钮会为你的网站增重大概0.5M.我们知道,这些分享功能都是由JavaScript实现的,有些分享组件的网络连接会强制在加载页面之前进行. 太大的社交组件完全没有必要,你完全可以添加一个轻量级的社交分享按钮在你的网页中,几行html代码就能搞定的事为什么要弄的这么复杂呢?很 多人可能都没有在意到一个小细节,FaceBook的官方”赞“按

前台页面优化全攻略(一)

据调查,网页大小在2013年平均增长了32%,平均达到了1.7M,单独的HTTP请求达到96个.这是令人震惊的数字,而且这只是个平均值,有一半的网站会大于这个值.网站也得了肥胖症,而我们这些开发者就是罪魁祸首. 一个超重的网站会对你产生如下影响: 1. 网站代码越多,用户下载的就越多,加载速度就会越慢.在这个地球上,并不是每个人都能享受20M的宽带,每一个开发者心里都很清楚,用户不愿意等. 2. 众所周知,移动互联网发展迅速,对于2G网络来说,加载1.7M的页面甚至需要一分钟时间. 3. 影响搜