GForms开发平台白皮书

文档编号：GHORSE-GFORMS-INTRODUCE-V1.0GForms开发平台介绍2014-05-26文档修改记录序号版本修改内容修改日期修改人11.0创建文档2014-05-26GForms开发平台介绍1.前言1.1.产品简介GForms完全基于开放标准，使用XForms作为面向服务的架构简单易用的前端，帮助用户跨多个行业加速数据整合。GForms提供可视化设计器，实现展现服务开发中数据与模型完全分离，加快开发速度快速投入市场，同时降低开发风险，并且有利于后续系统维护。GForms是您构建和部署展现服务的解决方案，它能够处理复杂展现服务中的大量表单复杂校验及计算，所有企业应用领域都有适合。1.2.适用场景GForms开发平台适用于任何需要通过浏览器为最终用户提供业务展现的场景。1.3.术语术语、缩略语解释展现服务这里专指GForms展现UI页面XForms指XForms1.1标准，为下一代展现服务标准GForms基于xforms1.1、xml、xpath、html、css、javascript、json等开放标准或技术所开发的web应用或展现服务的统称，基于GForms开发平台开发的应用称作GForms应用，而基于GForms开发的展现服务称作GForms展现或GForms页面GPaaS公司推出的gPaaS平台核心元素这里特指XForms1.1标准中所描述的“3.3TheXFormsCoreModule”节所描述的核心模块控件是指展现服务所展现给用户所看到的UI界面，可以是基本的控件，也可以是复合控件复合控件可以包含其他控件的容器控件，如group、表格、树等均为复合控件PaaSPlatformasaService，平台即服务，把服务器平台作为一种服务提供的商业模式SaaSSoftwareasaService，软件即服务，它是一种通过网络提供软件服务的商业模式1.4.参考资料1.GForms设计器介绍及概要使用：《GForms使用手册—GForms设计器使用》；2.GForms控件配置及API参考：《GForms使用手册—控件配置及API参考》；3.GForms平台格式化校验配置手册：《GForms使用手册—格式化校验》；4.GForms平台XFormsXPath函数使用手册：《GForms使用手册—XFormsXPath使用手册》；5.GForms平台图形控件使用手册：《GForms使用手册—GFormsChart》；6.GFormsimageSlider组件使用，即图片浏览组件：《GForms使用手册—GFormsimageSlider》；2.开发平台概述2.1.产品概述GForms开发平台让开发人员甚至非技术人员在短短几分钟内创建全功能的展现服务，让开发团队更加适应客户和市场的需求，从而提高客户服务和速度实现收益。GForms提供展现服务可视化开发、部署、运行平台：开发平台：开发平台基于开放的、深受广大开发人员喜欢的Eclipse研发，可以与svn、cvs等版本控制器结合实现版本管理。通过使用GForms设计器能够快速构建和部署全功能的Web窗体应用程序。运行时：运行时包含各类GForms展现服务的转换处理，把xforms文件转换为html文件，也就是说运行时其实gforms文件是一个静态的html文件。静态文件就意味着客户端不用每次都到后端请求gforms文件，而可能缓存到用户浏览器中，不用每次都动态的去构建展现页面，提高响应效率及用户体验；2.2.我们使用的开放标准云计算带来了全新的业务模式及商业机会，而云计算的核心是服务、集成，所以开放标准、开放架构非常重要。同时我们认为未来的企业业务系统将更多的以SaaS云计算模式诞生，只有基于开放的标准才能保证企业业务系统能够迁移到云环境中，并产生增值。开发平台所使用到的开发标准及开发技术如下图所示：其中，Restful、AJAX及JSON为开发的技术或架构，其他的均为开放的标准。我们的GForms开发平台完全实现了XForms1.1标准，并为了加快业务系统的开发，我们还额外提供了更多的控件类型，如图、树等复合控件，同时为了方便展现服务开发及编程，我们额外还为编程包装了一些的强大工具组件，如对话框、向导等。2.3.XForms标准XForms是W3C组织所推荐的下一代在线展现服务标准（早在2003年10月14日就被W3C推荐），它吸取了W3C标准诸如:XMLSchema,XPath和基于XML的事件，XForms试图突破当前HTML的一些限制。HTML标准存在的缺点：面向展现，混合数据和展现没有类型的，直接就提交到服务器严重依赖脚本（复杂展现脚本占到90%）设备单一弱数据模型，无法与现有的服务交互难以管理，很难看到返回什么XForms标准的体系架构如下图所示：左边的图为标准的基本体系架构，从中可以看出XForms标准完全的实现了展现页面中的模型与展现的分离，右边图更加给出了数据通过submit操作提交到后端的数据格式为XML，并且得到的也是XML。注：我们的GForms其实支持的格式不仅是XML，还支持JSON。3.开发平台功能介绍3.1.系统架构为了不破坏开发人员的开发习惯，如现有的开发工具、技术体系及应用运行环境，GForms开发平台设计器基于Eclipse研发，同时开发人员可以沿用既有技术体系（如后端服务实现、前端样式渲染/展现逻辑控制，甚至可以直接使用jsp、html等技术），GForms应用其实就是一个web应用，最终会被部署到Web或J2EE服务器，如Tomcat、weblogic、websphereapplicationserver中。GForms开发平台使用开放的技术架构：设计器基于Eclipse，运行时基于J2EE，如下图所示：3.2.GForms设计器GForms设计器时创建及编辑表单的图形设计工具，提供可视化、拖拽式、直接预览的引人入胜的开发环境。GForms设计器完全实现了xforms标准，是可视化的、拖拽的，非常简单容易上手的开发高效工具。整个GForms设计器包括：控件面板：存放GForms所直接支持的、可拖拽的控件。视图：各种配置视图，如控件属性视图、XForms核心模块（数据模型、模型实例、提交、绑定、动作等）视图及web服务视图。视图配置属性：配置视图中各个元素的属性信息。3.3.控件类型GForms提供41个开箱即用控件：17个基础控件、8个复合控件、11个扩展控件、6个图形控件及web服务控件，同时还提供对话框、向导、tooltip等通用组件。同时为了方便展现服务开发及编程，我们额外还为编程包装了一些的强大工具组件，如对话框、向导、tooltip等。基础控件：与一个模型实例节点绑定，包括输入框、输出框、按钮、密码、标签、文本域、复选框、复选框列表、单选框列表、组合框、列表、日期、图片、上传、iframe、富文本及值域复合控件：与模型实例的多个节点绑定，可以含有其他任意控件，包括按钮组、分组、分组框、表格、树、页签、重复容器、工件查看器扩展控件：GForms对标准进行扩展的控件，使用场景相对较少，包括日历、评分、代码片段、进度条、web链接、颜色选择器、fieldset、滑动条、横向菜单、下载、上下文菜单等图形控件：几乎支持所有的图形类型，系列图、XY图形、雷达图、饼图、漏斗图、仪表盘Web服务：使用后端提供的web服务，根据wsdl文件或web服务URL创建web服务展现3.4.控件建模每个控件都提供丰富的配置项以满足不同的业务场景。不同控件有不同的配置项，如文本域控件，可以配置文本域自身属性、事件、操作、格式化及高级属性等。控件与模型实例的关联是通过控件的引用配置实现的，配置的值为xpath表达式，可以通过“选择”按钮弹出XPath编辑器。3.5.GFormsXPath编辑器GForms平台提供XPath编辑器，辅助开发人员开发xpath表达式。我们提供的XPath编辑器支持XPath1.0、XForms1.1、GForms1.0标准。分为三个区域：选择区域、编辑器区域及问题显示区域。其中，选择区域：模型实例树：包含所有的模型实例数据节点，包括属性及元素，如果需要选择某个节点请双击或拖拽到编辑器区域即可。函数树：包含所有的xforms1.0及xforms1.1所支持的所有xpath，每个函数具体使用说明请参考相关xpath手册。操作符树：xpath所支持的操作。设计器中的UI控件与模型实例是通过xpath进行关联的，我们为了降低xpath表达式开发难度，我们提供了一个可视化的xpath编辑器；通过双击或拖拽上面3棵树中的节点到中间区域自动生成xpath表达式，同时，开发人员可以手动调整xpath表达式，如果编辑xpath的过程中存在问题，则会在问题区域给出错误提示。3.6.典型控件本节列举几个常用的复杂控件，让用户加深对GForms开发平台的了解。3.6.1.树控件研发时参考了JQueryZtree等流行的树实现，但是我们更加灵活，因为我们对后端服务没有任何格式要求，真正实现数据与展现分离，同时支持XML及json。树的设计态如上图所示，点击预览后的效果图如下所示：GForms提供的树控件具备如下特点：支持动态加载；支持JSON、XML数据格式；支持checkbox、radio;支持展现配置：连线、图片；API及事件处理；对后端服务没有格式要求3.6.2.表格控件GForms提供的表格满足各类应用场景需求，对比目前比较流行的jqueryflexgrid，我们提供了xml、json两种数据结构、支持数据在线填写、支持表格列锁定等重要功能。表格的设计态如上图所示，点击预览后的效果图如下所示：GForms提供的表格控件具备如下特点：xml、json列冻结、右键菜单2种分页机制、ajax完善的API及事件处理表格列上下文菜单自定义toolbar展现表格及编辑表格列支持18种控件类型支持buttongroup3.6.3.图形控件在GForms中图形更加简单易用，支持json、xml格式，同时GForms开发平台所提供的图形区分为6种大类型，而每种类型图形支持100多项配置，足以应答各种业务场景。一些图形样例如下所示：3.7.XForms核心模块XForms中的核心模块是展现服务的模型及控制部分，是控制中心，是减少或消除手动编码的核心所在。模型视图：管理展现服务中所有的数据模型、模型实例、绑定、提交及动作等。模型实例视图：在该视图中维护模型实例XML结构（其实还支持JSON格式）。绑定配置：用于定义数据的约束，包括只读、依赖关系、值计算公式、数据类型（介绍GForms所支持的数据类型：xsd+xforms数据类型+自定义类型）：提交：是展现服务与后端服务数据交换的纽带，支持restapi接口调用。动作：标准的16个动作+自定义的1个操作。可以直接通过配置使用，降低编程难度、消除重复编码。3.8.webservice支持GForms开发平台直接对soap/httpwebservice提供支持，可以通过web服务的WSDL文件或web服务的URL来启动web服务开发支持。第一步：选择或录入web服务地址第二步：选择需要构建的服务、端口及操作当向导完成后，可以在web服务视图中对引入的web服务进行可视化管理。通过从web服务视图中拖拽节点到设计器区域，上下web服务UI的构造。3.9.应用发布可以提高应用调试效率，减少文件手动拷贝的繁琐工作，展现服务及GForms工程其他任意文件，包括jar包等的任何变化都会同步更新到远程的服务器上，实现快速调试。4.开发平台特点非侵入式的开发平台、通过建模大幅减少编码、降低后期维护工作量：简单易用、可视化、模型驱动展现服务开发数据支持XML、JSON直接支持图形、表格、树等复杂控件，同时编程方式支持向导、对话框、提示等控件。支持在任何标准的J2EE中部署：Tomcat、weblogic、IBMWAS跨浏览器运行