Web开发中从WebForm到Backbone

1.WebForm与WinForm在设计与概念层面是怎样统一的

原来一直从事WinForm开发,或者Windows应用程序开发,差点儿全部的方式都是在一个窗体上加上不同的控件。或者进而跳转到不同的窗体,当然了,这个窗体也是一堆控件,并且这些控件更加“真实”,由于是你一个一个从工具箱拖出来,摆到窗体上的,当然也包含动态创建的。

然后接触了Web开发,也相同遇到非常多控件,但这些控件显得就不那么“真实”了,由于它们是浏览器根据代码“绘制”出来的,更“虚”而已,从开发方式给人的感觉是,这些控件都是在服务端生成的(由于服务端生成了完整的HTML内容),仅仅是传输到client(浏览器)显示一下而已。

从这个角度去理解WebForm与WinForm程序。事实上两者全然相同,都是生成了各种可视化控件(UI)。供用户交互,唯一的差别是WinForm的控件在“特定的窗体(该应用程序的主窗体)”上显示。而WebForm的控件在“统一的窗体(浏览器)”上显示。MS便採用了这种方式去简化WebForm的前端展示,试图通过像WinForm开发那样去设计和实现Web页面,在我看来,事实上非常不成功,由于WebForm的背后须要考虑的问题太多,大多数是由于这种方式带来的额外的负担。于是PHP火了,凭借其“胶水”特性,在一定程度上让程序猿对页面更加有操控感,深得开发人员的喜欢,当然了,JAVA中的SPRING以及其它一些MVC框架,也在做相同的尝试,其目的都是在server端让开发Web应用与桌面应用更好的统一起来。再说得简单一些,都是在服务端折腾出一个虚的UI。即HTML本身,然后传到client,让浏览器按规则显示出来而已,这显得有点非常扯淡的样子,由于这要求程序猿在服务端构建一个看不见的界面。实在是要求太高了,那么有没有更好的方式呢,让我们真正像开发桌面应用一样去开发Web应用呢?

2.Web应用与桌面应用在实现层面是怎样统一的

请先忘掉SPRING,特别是SPRING MVC,当然还有其它类似的东西。统统都忘掉吧,给你一个广阔的天地,发挥想像吧!

<html>
    <head>

    </head>
    <body>

    </body>
</html>

这个页面是不是特别简单,以至于简单到连一个可视的控件都没有,嘿嘿,事实上还是有一个的。那就是BODY哦。暂切把它理解为一个大窗体吧,好啦,我们有自己“特定的窗体”了,并且它在client哦,那么其它的显示问题是不是就不要麻烦服务端了,自己搞定吧,看到这里。是不是和桌面应用开发有点像呢。假设不须要訪问数据,事实上已经不须要和服务端打不论什么交道了,像就我们做一个不须要訪问数据库的桌面应用一样。

接下来要做的事就是使用强大的JS加入我们想加入的不论什么控件吧。建议你能够使用backbone.js哦。!

时间: 2024-08-29 15:02:34

Web开发中从WebForm到Backbone的相关文章

Web开发中,页面渲染方案

转载自:http://www.jianshu.com/p/d1d29e97f6b8 (在该文章中看到一段感兴趣的文字,转载过来) 在Web开发中,有两种主流的页面渲染方案: 服务器端渲染,通过页面渲染引擎渲染好HTML页面发送给浏览器 客户端渲染,客户单端通过RESTAPI获取数据在浏览器上动态渲染页面 前者的技术栈包括:Thymeleaf.Apache Velocity .Freemarker 等主流方案,后者有React.AngularJS.vue.js.Backbone.js等前端渲染框架

[Java Web]2\Web开发中的一些架构

1.企业开发架构: 企业平台开发大量采用B/S开发模式,不管采用何种动态Web实现手段,其操作形式都是一样的,其核心操作的大部分都是围绕着数据库进行的.但是如果使用编程语言进行数据库开发,要涉及很多诸如事务.安全等操作问题,所以现在开发往往要通过中间件进行过渡,即,程序运行在中间件上,并通过中间件进行操作系统的操作,而具体一些相关的处理,如事务.安全等完全由中间件来负责,这样程序员只要完成具体的功能开发即可. 2.Java EE架构: Java EE 是在 Java SE 的基础上构建的,.NE

Web开发中的18个关键性错误

前几年,我有机会能参与一些有趣的项目,并且独立完成开发.升级.重构以及新功能的开发等工作. 本文总结了一些PHP程序员在Web开发中经常 忽略的关键错误,尤其是在处理中大型的项目上问题更为突出.典型的错误表现在不能很好区分各种开发环境和没有使用缓存和备份等. 下面以PHP为例,但是其核心思想对每一个Web程序员都是适用的. 应用程序级别的错误 1.在开发阶段关闭了错误报告 我唯一想问的是:为什么?为什么在开发的时候要关闭错误报告? PHP有很多级别的错误报告,在开发阶段我们必须将它们全部开启.

Web 开发中 20 个很有用的 CSS 库

转自:http://www.oschina.net/translate/css-libraries-for-developers 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用. 在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开发者在一定的期限内取得有创造性和创新性的成果.我们

Web 开发中很实用的10个效果【附源码下载】

在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏:) 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合.我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果. 立即下载      在线演示 美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网

Web开发中 前端路由 实现的几种方式和适用场景

浅析Web开发中前端路由实现的几种方式 主题 Web开发 故事从名叫Oliver的绿箭虾`说起,这位大虾酷爱社交网站,一天他打开了 Twitter ,从发过的tweets的选项卡一路切到followers选项卡,Oliver发现页面的内容变化了,URL也变化了,但为什么页面没有闪烁刷新呢?于是Oliver打开的网络监控器(没错,Oliver是个程序员),他惊讶地发现在切换选项卡时,只有几个XHR请求发生,但页面的URL却在对应着变化,这让Oliver不得不去思考这一机制的原因- 叙事体故事讲完,

如何OE开发中实现一个在web开发中的小效果

近期公司里面有一个需求,就是当业务人员点击订单列表中的某一条时希望打开一个新的窗口动作,然后把这一条记录中的某些值带过去,这样一个效果在web开发中很简单,或许就是分分钟的事情.但是在客户端这种开发中确实不易,尤其是OpenERP这种有诸多限制的框架里面. 那么如何实现呢? 这个地方我的想法主要分两步:1.打开一个新的窗口(Form视图的)2.把值带入到新的窗口里面. 第一步里面我按日常的操作在view里面创建一个向导(wizard),然后给name和id赋值,然后在创建一个wizard文件(名

WEB开发中常用的正则表达式集合

在计算机科学中,正则表达式用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串.在WEB开发中,正则表达式通常用来检测.查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符合规则的页面内容等等.今天我将分别用PHP和Javascript向大家介绍WEB开发中最常用最实用的正则表达式及其用法,正则表达式是一门学科,不可能使用一篇文章来讲解完,理论的东西网上很多,有兴趣的同学可以搜一大把.不过你也许没必要去埋头学习琢磨不透的正则表达式,看本文和实例给您呈现常用.实用的正则

WEB开发中的字符集和编码

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption