码迷,mamicode.com
首页 > Web开发 > 详细

打造 高性能,轻量级的 webform框架-----如何替换webform的垃圾控件(第一天)

时间:2017-07-29 14:05:15      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:++   布局   功能   高性能   前端开发   orm框架   变量   扩展   razor   

        前文描述:

       随着.net  推出 MVC框架以来,webform 与 mvc 的争论一直没有停止过,一直以来 mvc 的 拥护者远远高于 webform,但是webfrom的有些优势又是mvc而无法替代的。下面我们来看一下webform相比与MVC的劣势在什么地方,而我们要做的是如何解决这些劣势,同时在性能上要超过MVC。

      1.大量的服务器控件,大量的垃圾代码,导致页面加载速度慢。

      2.每次点击按钮或者一些操作 界面都会刷新,又不想写 ajax 。

      3.每次调用后台前想先执行前台很难写, 前台  传参数到后台很困难

     4.webfrom 自定义控件 效果很不好,也很难写

     5.前台页面与后台代码紧密相连,无法分离,需要写很多重复的页面   

      6.没有像MVC那样的视图 引擎机制

      7.没有mvc 那样的路由机制

    .   *****

     当然 webform 的坏处还远不止这些,而作为一个开发人员这些问题我们都是知道的,但是我们依然在使用webform开发大型网站,下面来看下我们公司是如何避免这些问题的?在了解框架之前,我们得必须知道我们公司的框架的思想!!!!

      什么样的前端架构才是最好的?

      其实作为一个开发人员,除了关心性能之外,你最关心的是扩展性以及代码的可维护性,还有代码的简单易懂。而作为前端开发,你需要能控制到 每行代码都能自己去控制,下面是我的个人观点!

       我认为 最接近原生 的 html 的代码 是最好的 前端,比如大家所谓的 easyui,bootstrap 等框架,虽然能减少你的开发周期,减少控件开发,但是问题也很多,如果需要扩展功能很难,整个页面的加载速度很慢,而且很难去控制,因为很多js代码不是你写的,里面一旦出现BUG很难去纠正,如果有条件 可以去自己开发控件,我推荐使用 jquery控件(jquery能很好的兼容各种浏览器)和 C#控件(这里指的是纯cs 输出 html代码的控件)。

 

问题一:  .大量的服务器控件,大量的垃圾代码,导致页面加载速度慢。   如何解决?

      我们要打招高性能的 webform,我们要明确一个思想,我们要抛弃一切服务器控件,界面布局全部使用 最原生的html,这样的好处很多,能很好的与美工 做出来的效果保证一致,但是我们依然要使用的 runat="server" ,还要写上id ,这样我们才能在后台获取到值。

      有人会问,那分页控件怎么办(我推荐使用 c# 输出html 控件),很多特殊的控件怎么办?比如日历控件(我推荐使用js 日历控件),

     我们常用repeater 控件怎么办?(我推荐 后台写写一个全局变量,前台 使用<% %>  的方式来进行 前台页面输出),例如:

<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<%
if (dt != null && dt.Rows.Count > 0)
{
for (int i = 0; i < dt.Rows.Count; i++)
{
%>
<tr>
<td>
<%=dt.Rows[i]["name"].ToString() %></td>
<td>
<%=dt.Rows[i]["age"].ToString() %></td>

</tr>
<%
}

}


%>
</table>

 

 

同样我们可以用  <%  %>   的方式代替   razor 的视图引擎。

好了这样 ,这样的页面是否会觉得跟html 的原生页面很相似呢?这样你的页面 还会加载速度很慢吗?除非数据量很大,后期我们会讨论大数据的分页!!!

这样还会引来一个问题,我们如何与后台打交道啊,我可不想写 什么 ajax   和一般处理程序啊!!!!怎么办??

      这个问题我们会在下期界面中去讲如何实现 js 直接与后台打交道!!!!

 

 

 

 

 

 

    

打造 高性能,轻量级的 webform框架-----如何替换webform的垃圾控件(第一天)

标签:++   布局   功能   高性能   前端开发   orm框架   变量   扩展   razor   

原文地址:http://www.cnblogs.com/liujing379069296/p/7255475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!