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

前文描述:

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

时间: 2024-10-09 22:20:58

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

区别API、框架、插件、组件、控件等

区别API.框架.插件.组件.控件等 一.API 1.概念 提供给不同语言的一个接口,也就是在对应的函数内提供相应的方法(控制Windows各个部件的外观和行为的一套预先定义的Windows函数),只要用js语法调用想要的功能.例,js内BOM的screen方法. 2.目的 对底层的封装,将一些不会变化的东西封装一下,可以提高开发效率. 3.API理解 JS的api有很多的功能,只要知道有这样的东西,到时候直接去网上找调用的方法就可以了.例,百度地图的API. 二.框架 1.概念 js框架就是将

RDIFramework.NET框架Web中datagrid与treegrid控件自动生成右键菜单与列标题右键菜单

在实际应用中常可以看到数据展示控件有右键菜单的功能,对应的列标题也可以右键弹出快捷菜单设置指定列的显示与隐藏等功能.在我们的RDIFramework.NET Web框架中,只要是使用了EasyUI的DataGrid与TreeData控件我们已经做了扩展,所有datagrid与treegrid控件都自动拥有了列标题右键弹出快捷菜单设置指定列的显示与隐藏的功能. 1.对于datagrid数据列表区域的右键弹出菜单只需要设置EasyUI的“onRowContextMenu”属性为:pageContex

Vue.js-----轻量高效的MVVM框架(七、表单控件绑定)

话不多说,先上完整代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/vue.js"></script> <title></title> </head> <body> <h2>表

java 一款可以与ssm框架完美整合的web报表控件

硕正套件运行于客户端(浏览器),与应用服务器(Application Server)技术无关,所以能完全用于J2EE. ASP.Net.php等技术开发的Web应用产品中. 硕正套件部署于服务器,支持包括Tomcat.IIS.WebSphere在内的所有Web服务器.  硕正套件本身以C/C++开发,性能无可匹敌.对于Chrome.Firefox而言,硕正套件是一个符合Mozilla  NPAPI 规范的Plug-in插件:而对于 IE 浏览器而言,硕正套件则是一个标准的ActiveX控件.  

【开源java游戏框架libgdx专题】-15-系统控件-Button类

Button类继承与Actor类,可以在舞台中使用,但是它也继承了许多Actor的子类,如Group.Table.WidgetGroup灯. 常用构造方法: Button():创建按钮对象,不设置其样式及大小 Button(Button.ButtonStyle style):创建一个按钮,参数是指定按钮的大小及样式 Button(Drawable up):创建一个按钮对象,按钮未单击时(即抬起状态),样式为参数内纹理样式 Button(Drawable up,Drawable down):创建按

【开源java游戏框架libgdx专题】-14-系统控件-Skin类

Skin类主要用于存储用户界面的资源,该资源主要用于窗口部件.这些资源也包括纹理图片.位图画笔.颜色等内容.方便创建游戏组件,同时使用Skin也可以批量的粗略处理一些窗口部件. test.json 1 { 2 com.badlogic.gdx.graphics.Color: { 3 green: { a: 1, b: 0, g: 1, r: 0 }, 4 white: { a: 0, b: 1, g: 1, r: 1 }, 5 red: { a: 1, b: 0, g: 0, r: 1 }, 6

WPF MVVM框架下,VM界面写控件

MVVM正常就是在View页面写样式,ViewModel页面写逻辑,但是有的时候纯在View页面写样式并不能满足需求.我最近的这个项目就遇到了,因此只能在VM页面去写样式控件,然后绑定到View页面. 先看图 各种税是需要变动的,当然,并不是由于这个原因才在VM页面写样式,而是因为不同的税是红色,相应的[]是黑色. 在Textblock里用Run属性来进行变量添加,而要给Run添加颜色时又是统一的,因此只能用三个Run来分别来设置“[”,“税种”,“]”,但是前台又没有办法进行解析,因此只能用V

javascript 框架、根基技巧、布局、CSS、控件 JavaScript 类库

预筹备之 JavaScript 今朝支流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,得到了用户的普遍好评.海内的一些框架许多也是模仿 jQuery 对 JavaScript 停止了包装,不外这些框架的开山祖师 YUI 照样坚持用自己的 JavaScript 类库. jQuery 是今朝用的最多的前端 JavaScript 类库,据初步统计,今朝 jQuery 的占有率曾经跨越 46%,它算是比拟轻量级的类库,对 DOM 的操纵也比拟便利到位,支撑的后果和控件也许

开关控件在主流前端框架中的使用方法

本文仅介绍使用方法,后续再介绍实现方案及优劣对比. jquerymobile jqm可以使用checkbox和select模拟switch控件,只需要增加data-role='flipswitch'即可: 默认开关控件: <input type="checkbox" data-role="flipswitch" /> 若要变为选中状态,只需要增加一个checked属性即可,如下: <input type="checkbox" d