JS的流程设计器,我们需要什么
2008-02-23 12:39
375 查看
这是一个完全基于js的应用程序,区别于一般的web应用,它是oaop。大概需要一些什么样的工作呢?
大概的概念:
1、容器
是的,需要容器。容器的两个目的:布局和管理组件。组件之间的相互通信以及影响都需要容器来协调。管理组件之间的状态,组件需要向容器进行注册。对组件传播过来的事件,容器需要做出处理,调用相关其他组件的方法或者忽略或者继续向上一级容器传播。
2、组件
组件的目的是完全屏蔽对dom编程的依赖,同时屏蔽底层的浏览器事件,例如鼠标单击、双击等等,对这些事件进行完全的封装。组件有着自己的生命周期:初始化、渲染、重画、销毁等等。由组件完成页面的渲染工作,例如节点、画板、连线等等。
3、模型
在页面进行建模是必要的,例如活动节点、流程等等,这些模型与组件衔接,它们之间的状态互相影响,比如节点组件名称的改变实际影响的是所对于节点模型的属性。画板节点的增加实际也会给响应的流程定义模型新增一个活动节点。
4、与服务器交互
与服务器的交互完全基于xml。流程定义模型有着自己的xml方法,由xml解析为模型,由模型解析为xml,双向的过程。本地存储。很自然的选择。
可能的难点:
最大的难点就是组件的实现,事件的处理以及传播机制。
开发的过程:
1、底层库的选择
面向对象的开发方式,底层库需要完成的工作:继承、接口实现、事件的统一处理接口、element DOM编程的封装。
2、基本组件的开发
画板、图形组件、连线组件、弹出面板、简单表格组件、树等等。封装基本的事件。可以定制事件。
3、容器的开发,管理组件
组件实际也是容器的实现,比如画板的概念。画板中节点之间的互相影响。
4、加入模型的支持
5、xml与模型之间的js解析
参考:
ext是一个不错的参考,但是太笨重,功能越多越缓慢,轻量实现。主要参考其中容器以及组件的概念。
draw2d 实现太简单,基本就是一个图形库,考虑其中对图形组件的实现。
荣浩原创,转载请注明出处:) http://blog.csdn.net/ronghao100/archive/2008/02/22/2112452.aspx
大概的概念:
1、容器
是的,需要容器。容器的两个目的:布局和管理组件。组件之间的相互通信以及影响都需要容器来协调。管理组件之间的状态,组件需要向容器进行注册。对组件传播过来的事件,容器需要做出处理,调用相关其他组件的方法或者忽略或者继续向上一级容器传播。
2、组件
组件的目的是完全屏蔽对dom编程的依赖,同时屏蔽底层的浏览器事件,例如鼠标单击、双击等等,对这些事件进行完全的封装。组件有着自己的生命周期:初始化、渲染、重画、销毁等等。由组件完成页面的渲染工作,例如节点、画板、连线等等。
3、模型
在页面进行建模是必要的,例如活动节点、流程等等,这些模型与组件衔接,它们之间的状态互相影响,比如节点组件名称的改变实际影响的是所对于节点模型的属性。画板节点的增加实际也会给响应的流程定义模型新增一个活动节点。
4、与服务器交互
与服务器的交互完全基于xml。流程定义模型有着自己的xml方法,由xml解析为模型,由模型解析为xml,双向的过程。本地存储。很自然的选择。
可能的难点:
最大的难点就是组件的实现,事件的处理以及传播机制。
开发的过程:
1、底层库的选择
面向对象的开发方式,底层库需要完成的工作:继承、接口实现、事件的统一处理接口、element DOM编程的封装。
2、基本组件的开发
画板、图形组件、连线组件、弹出面板、简单表格组件、树等等。封装基本的事件。可以定制事件。
3、容器的开发,管理组件
组件实际也是容器的实现,比如画板的概念。画板中节点之间的互相影响。
4、加入模型的支持
5、xml与模型之间的js解析
参考:
ext是一个不错的参考,但是太笨重,功能越多越缓慢,轻量实现。主要参考其中容器以及组件的概念。
draw2d 实现太简单,基本就是一个图形库,考虑其中对图形组件的实现。
荣浩原创,转载请注明出处:) http://blog.csdn.net/ronghao100/archive/2008/02/22/2112452.aspx
相关文章推荐
- JS的流程设计器,我们需要什么
- 我们需要.NET framework3.0的流程设计器吗
- 什么是用戶调研?为什么我们在用户体验设计中需要它?
- 设计一个界面动效的时候,我们需要考虑什么?
- js进阶的流程,我们到底在哪个阶段,要看什么
- Oracle undo我们需要掌握什么
- Oracle undo我们需要掌握什么
- 接手线上Mysql服务器,我们需要做什么?
- 在使用Cocos2d-JS 开发过程中需要用到的单体设计模式
- Atitit。Tree文件解析器的原理流程与设计实现 java c# php js
- web应用,我们需要了解什么?
- logo设计中,你需要注意什么?
- [JavaScript][图形图像]图形图像动画处理利器推荐--raphael.js (付:流程设计器例子)
- 使用jatoolsPrinter设计套打的正确流程是什么?
- 游戏的新手任务的作用是什么,是否一定有必要?新手任务设计需要注意什么?
- 探索 Android 系统启动流程 - 当我们按下电源键,Android 究竟做了些什么?
- 2007年我们需要关注什么技术
- 手机和微信网站在模板设计上需要注意什么
- js架构设计模式——MVVM模式下,ViewModel和View,Model有什么区别
- 设计到底需要考虑什么