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

Posted 2020-09-30

        前文描述：

       随着.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 直接与后台打交道！！！！