http://blog.csdn.net/doon/article/details/5946862

1。何谓数据和界面分离?

GUI,即Graphic User Interface,人机交换界面。连接两端:终端用户--内部逻辑。它关联到两个角色:使用者和开发者。

用户希望看到的是,一个一个的界面元素:窗口、按钮、输入框等等可视和可操作的元素;开发者希望看到的是数据,数字、字符串或者数组、表等数据结构

传统的GUI,例如Gtk,Qt,Windows,甚至有Android等界面,基本上是把界面和数据混在一起的。一个输入框,它表示的是一个字符串(当然,也可以派生出一个数字输入框),一个list框保存的是一个字符串列表等。

从开发者的角度看,必然先得到这个对象,才能读取数据。

但是,如果我们深入思考,开发者无非希望得到一些数据而已,不关心数据是以何种风湿展示的。对这些数据进行分类,可以发现,其格式可能非常有限,如基本的数据类型有数字型和字符串型;基本的数据保存方式有:表型(包括数组、各种链表等),树形等结构。

当然,根据领域的不同,还有很多区分,如,数字型可以进步细化为整数、实数,以及货币类型等和现实应用相关的类型。这些类型都是对数字型加以特定条件的约束而定义的。

这些基本的类型,可以和多种GUI的元素绑定,如数字型,可以和标签组件、输入框等绑定;而表型则可以和list等控件绑定。

这样,我们就可以把整个划分为两部分:

1。数据部分:提供给开发者使用的接口,只和业务逻辑相关,和如何展示无关

2。现实部分:展示给用户的,它可以使用各种效果,却不影响业务逻辑的变化。

2。为什么要做这样的分离?

做这样的分离,其实有很多好处:

1。界面编程会变得很简单,因为开发者只要学会有限的数据类型就可以了。

2。是为了解放界面编程,更好的实现界面的可视化。我们都知道,一个界面元素(widget或者控件),它的编程很困难,需要定义良好的接口,这种接口实际上要提供给很多方面使用,如

1) 提供给开发者使用

2) 提供给特定的工具使用,让它生成界面的描述资源

而一个界面元素开发完成后,往往觉得不够美观,不能适应用户的需求,往往需要做很多定制,甚至重新开发。往往事倍功半。

那么,把数据分离出后,数据的接口将标准化,而界面元素不必费尽心机的制定界面接口了。实际上,接口可能只是为了给特定工具使用了。

3。界面和数据分离,其实可以让界面的渲染和数据的存储脱离,可以实现界面后台渲染。这对界面的丰富度和响应时间都是质的飞跃。

界面可以更加从容的实现界面的诸多特效。

而且稳定性也会大幅度的增加。

3。如何实现?

界面和数据分离,关键制定界面数据的交换方式。这是框架所需要的。

在以后的讨论中,我考虑类似服务器和客户端的模式,通过定制一系列的协议来理清它们之间的关系。

GUI进化--数据与界面分离的更多相关文章

  1. Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准

    Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范与推荐标准 1. 界面gui方面的前后端分离重大意义1 2. 业务逻辑也适当的迁移js化1 3. 常用分离方法2 3.1. 页面 ...

  2. Jmeter(七)Jmeter脚本优化(数据与脚本分离)

    午休时间再来记一记,嗯..回顾着使用Jmeter的历程,想着日常都会用到的一些功能.一些组件:敲定了本篇的主题----------是的.脚本优化. 说起脚本优化,为什么要优化?又怎么优化?是个永恒的话 ...

  3. 转载-使用 Feed4JUnit 进行数据与代码分离的 Java 单元测试

    JUnit 是被广泛应用的 Java 单元测试框架,但是它没有很好的提供参数化测试的支持,很多测试人员不得不把测试数据写在程序里或者通过其它方法实现数据与代码的分离,在后续的修改和维护上有诸多限制和不 ...

  4. Win7下使Users数据与程序分离

    大家知道,数据是用户最大的财富,但Windows系统默认的模式是将所有软件都安装在C盘,在Windows XP时代,数据文件夹会放在Document And Setting 目录下,在Win7时代,数 ...

  5. C++彩色数据流动界面

    一个数据流动界面 #include <windows.h> #include <time.h> #include <cstdio> #include <str ...

  6. 一种数据与逻辑分离的Python单元测试工具

    一种数据与逻辑分离的Python单元测试工具 几个概念 TestCase TestCase是一个完整的测试单元,最小的测试执行实体,就是我们常说的测试用例. TestSuite 以某种特性将测试用例组 ...

  7. ArcGIS API for JavaScript 入门教程[3] 你看得到:数据与视图分离

    这篇开始正式讲API. 数据和视图分离不是什么奇怪的事情了,这是一个著名的设计--数据与视图分开. 转载注明出处,博客园/CSDN/B站:秋意正寒. 目录:https://www.cnblogs.co ...

  8. 【转帖】远程显示(操作) 服务器 GUI 程序(图形化界面) (基于 X11 Forwarding + Centos + MobaXterm)

    远程显示(操作) 服务器 GUI 程序(图形化界面) (基于 X11 Forwarding + Centos + MobaXterm) https://zhuanlan.zhihu.com/p/310 ...

  9. adminMongo:mongoDB node GUI(mongoDB图形化界面)

    adminMongo:mongoDB node GUI(mongoDB图形化界面) 获取项目项目 克隆:git clone https://github.com/mrvautin/adminMongo ...

随机推荐

  1. 1.SJ-SLAM-14

    1.引言 SLAM:Simultaneous Localization and Mapping 同时定位与地图构建 搭载特定传感器的主体,在没有环境先验信息的情况下,于运动过程中建立环境的模型,同时估 ...

  2. jQuery 字母大小写转换

    "ABC".toLowerCase()//转小写 "abc".toUpperCase()//转大写

  3. 给定一个数字n,生成n对可能的小括号组合

    示例: 输入:n为3 输出:[ "((()))", "(()())" "(())()", "()(())", " ...

  4. [ZPG TEST 114] 括号匹配【树分治 点分治 括号序列】

    1.      括号匹配   有一棵树,每个节点上都有一个括号(左括号或者右括号).有多少个有序点对(u, v)从u到v的路径上的节点构成的字符串是一个合法的括号匹配?(我们称这样的点对是合法的) 输 ...

  5. POJ1470 LCA (Targan离线)

    bryce1010模板 http://poj.org/problem?id=1470 /*伪代码 Tarjan(u)//marge和find为并查集合并函数和查找函数 { for each(u,v) ...

  6. C#中MessageBox用法大全(附效果图)<转>

    我们在程序中经常会用到MessageBox. MessageBox.Show()共有21中重载方法.现将其常见用法总结如下: 1.MessageBox.Show("Hello~~~~&quo ...

  7. TDH-kafka

    一.kafka原理:1.broker:一个kafka实例,多个broker组成kafka集群: 2.topic:逻辑概念,同一类数据的集合,可以看做一张表: 3.producer:将数据写入topic ...

  8. display flex在部分低级android中的支付宝窗口表现

    display flex用在移动端布局 当该元素是inline元素如span的时候回出现无宽高的情况,需要增加display:block: 他的子元素如果是inline元素那么也同样会出现这个问题,需 ...

  9. linux安装redis官方教程

    官方链接:http://redis.io/download Download, extract and compile Redis with: $ wget http://download.redis ...

  10. 登录界面点击登录后如何延迟提示成功的div的显示时间并跳转

    需求: 在登录页面点击sign in跳转到下个页面之前,我需要显示成功的窗口2秒然后自动关闭 那我们来研究下setTimeout: 关于这个setTimeout首先下面的代码实现的是两秒之后再显示Su ...