在线表单引擎:Web Form Builder

Silverlight Agile Form Engine : FreeForm
数据加载中……

2011年7月12日

智能表单设计器Web Free Form Designer:FreeForm模板及数据存取方式

FreeForm模板及数据外部存取接口及方式

 

引言

因为FreeForm的设计方向是支援企业业务的表单引擎,所以必须要有开放式的模板及数据外部存取接口,虽然也是基于XML,但我们和一些商业产品的做法不一样,比如InfoPath,使用InfoPath来做表单,那么客户端必须用Office InfoPath,服务器端必须要用SharePointInfoPathXML数据也很难被外部程序应用,更加不用说模板XML文件了,这实在是很封闭的环境。

 

FreeForm的模板及数据外部存取接口非常开放,目前提供三种方式:

1、 WCF+数据库,您可以选择自建存放模板和表单数据的数据库,SQL ServerOracleMy SQL甚至ACCESS都可以;

2、 客户端本地数据库存储,我们建立了一个Silverlight客户端数据库,用于没有数据库环境的用户;

3、 XML存储,这个是没有NamespaceXML,外部第三方程序存取相当的便利。

 

模板客户端本地数据库存储

我们为FreeForm编写了一个本地的对象数据库,寄存于客户端Silverlight,无需用户安装任何数据库系统,这样在没有服务器数据库环境的情况下,也可以存取表单模板和表单数据。

 

保存

首先我们先建立一个表单,点击“New Template”如下图:

 

 

 

修改模板的名称,点击“Template Options

 

修改为My Template

在模板布局拖放一些控件:

 

 

进入Template 页,点击“Save To LoaclDB

 

如果出现成功提示,就表示已经保存在本地数据库中了。

读取

进入Template 页,点击“Load From LocalDB

 

选取刚才建立的模板

 

然后,我们可以看到,模板被读取进来了。

 

模板XML存储

保存

首先先建立一个表单,点击“New Template”如下图:

 

 

在模板布局拖放一些控件:

 

进入Template 页,点击“Save To Loacl”,然后在本地进行保存。

 

 

读取

进入Template 页,点击“Load From Local

 

选取刚才建立的模板

 

然后,我们可以看到,模板被读取进来了。

 

模板WCF+数据库方式

首先建立数据库,以SQL Server为例:

模板数据表,这里存放表单模板的定义,Template

表单数据库表,这里存放表单数据,FormData

 

我们可以看到TempateXml DataXml都是XML类型的。

 

建表脚本如下:

USE [FreeFormDB]

GO

 

SET ANSI_NULLS ON

GO

 

SET QUOTED_IDENTIFIER ON

GO

 

CREATE TABLE [dbo].[Template](

    [Guid] [nvarchar](36) NULL,

    [TemplateName] [nvarchar](50) NOT NULL,

    [TemplateXml] [xml] NULL,

    [Type] [nvarchar](10) NULL,

    [Version] [nvarchar](10) NULL,

    [UpdatedDateTime] [datetime] NULL

) ON [PRIMARY]

 

GO

 

CREATE TABLE [dbo].[FormData](

    [InstanceID] [nvarchar](36) NULL,

    [TemplateID] [nvarchar](36) NULL,

    [TemplateName] [nvarchar](50) NULL,

    [DataXml] [xml] NULL,

    [UpdatedDateTime] [datetime] NULL

) ON [PRIMARY]

 

GO

 

然后,在客户端的配置文件中,必须首先配置与服务端匹配的certificate代码,这样只用通过认证的用户才能访问FreeFormWCF+数据库接口。

 

 

 

保存

首先我们先建立一个表单,点击“New Template”如下图:

 

 

在模板布局拖放一些控件:

 

 

进入Template 页,点击“Save To Server

 

如果出现成功提示,就表示已经保存在本地数据库中了。

读取

进入Template 页,点击“Load From LoaclDB

 

选取刚才建立的模板

 

然后,我们可以看到,模板被读取进来了。

 

 

表单数据读取

进入表单设计器的Runtime Design,可以模拟运行时的读取和保存,在表单展现器中的读取和保存将有更多方式。

 

 

 

 

我们的网站(昕友软件):http://crmwin.com

posted @ 2011-07-12 21:50 Web在线表单引擎:FreeForm Form Builder 阅读(1443) | 评论 (0)编辑 收藏
智能表单设计器Web Free Form Designer:FreeForm表单控件使用方法之:基础控件

     摘要:   FreeForm控件一览                 FreeForm表单引擎与InfoPath Service对比 InfoPath是微软SharePoint下的极重要的表单服务,其...  阅读全文

posted @ 2011-07-12 21:49 Web在线表单引擎:FreeForm Form Builder 阅读(2176) | 评论 (0)编辑 收藏
智能表单设计器Web Free Form Designer:FreeForm 简介


FreeForm

      FreeForm是 昕友软件 开发的免费表单设计器,是亿方智能平台的其中一个组件。是一个基于.Net + SilverLight + DataBase + WCF 设计的动态表单RIA SOA系统。包含Web表单设计器(包含运行时验证器、公式生成器)、工作流接口、运行时表单展现器,还有服务器端的表单引擎和工作流BPM引擎。

 

无需编程经验,它可以快速设计自定义样式的表单,收集企业数据信息,结合FreeFlow,用于零编码构建企业级的数据信息、表单、工作流BPM业务系统。

 

众所周知,数据、表单、工作流是企业业务系统的核心,而传统意义上的软件定制开发,费时费力,而且风险高,但通用的软件也有适用性和扩展性的问题,如果采用类似微软SharePoint这样的平台系统,二次开发的成本也是很高的,从事软件开发10多年,我们急切地寻求一种灵活、高效、容易扩展、易用、低风险,而且免费的方案。FreeForm就是这样的系统,结合FreeFlow,相信能让任何没有编程经验的企业实现这样的效果。

 

FreeForm这种RIA SOA系统是跨平台的,客户端可以用任意浏览器访问,甚至可以编译为EXE文件。在本文档演示过程,我们选择FireFox作为浏览器。

 

初始空白面板:

 

定制表单例图:

 

定制表单例图:

特性

跨平台

FreeForm这种RIA SOA系统是跨平台的,客户端可以用任意浏览器访问,甚至可以编译为EXE文件。在本文档演示过程,我们选择FireFox作为浏览器。

 

主要功能一览

模板管理

模板文件

界面布局:

首先,进入表单系统,我们可以看到一个空白的布局,在布局的右侧是操作区,左侧是表单内容区,Template页是默认的操作区首选页。

 

点击“Template File”下的选框,可以看到如下按钮:

 

放大后:

 

主要的功能是新建模板、将表单模板保存为XML文件、或者保存到SOA服务器中

模板设计

界面:

 

主要的功能是设计模板的参数、连接数据库、安全设置、工作流设置。和模板相关的操作有:添加视图、添加字段、添加控件。

 

运行时设计

 

主要功能是在表单编辑器中,模拟表单运行时,添加验证、添加自动计算、保存表单数据文件、载入表单数据文件。

演示

 

主要功能是演示一个金融保险类的表单,也可以动态创建几百个控件。

数据连接

数据连接用于数据库和Service的连接,是将模板和模板数据保存到SOA数据库的首要定义,另外,通过数据连接定义,经过FreeForm数据源适配器,可以为FreeForm引入第三方系统的数据源。

数据源

数据源是表单系统与数据库关联的字段,可以与表单控件进行绑定,如果是第三方系统,通过数据连接定义,经过FreeForm数据源适配器,可以引入第三方系统的数据源。

 

添加数据源:

 

 

视图管理

类似微软的 InfoPath表单设计器,FreeForm也具有视图功能,主要是为了工作流BPM系统和权限分级之后的数据显示做考虑。

 

添加视图

控件管理

输入型控件

高级控件

多媒体控件

列表控件

线控件

当前控件

 

显示当前表单的控件

 

添加控件

 

 

显示的特性

 

运行时验证设置

调整

控件元素调整

 

字体调整

 

位置微调

 

背景调整

 

设计检查

设计检查可以模拟运行时的环境,将错误提示出来。

 

 

另外点击验证出错的控件,可以即时显示ToolTip消息。

 

另外,将错误输出到列表

首次使用必读

快速建立表单

第一步:新建模板

在“模板文件”菜单下点击“新建模板”

 

然后,进入“模板设计”菜单的“模板选项”

 

第二步:编辑模板的属性

基本属性

 

高级属性

可以进行字体颜色和背景色设置

 

第三步:添加视图

 

进入视图页,点击添加视图

 

添加视图后的界面

 

第四步:添加数据源

进入“数据源”页,点击“添加域”

 

然后建立相关的数据源

 

第五步:添加控件

在“控件”或“当前控件”页,点击“添加控件”

 

添加相关控件后的效果:

 

图例1

 

图例2

第六步:添加验证和自动计算

见“高级特性”>>“验证”和“自动计算”

高级特性

待续

 

Demonstrate the latest version(ver2011)

http://crmwin.com/FreeForm2011TestPage.html

First version(SilverLight 2) Forms Builder Demonstrate(ver2009):
http://crmwin.com/TestPage.html?Type=temp

.

我们的网站(昕友软件):http://crmwin.com

 

posted @ 2011-07-12 21:45 Web在线表单引擎:FreeForm Form Builder 阅读(8521) | 评论 (1)编辑 收藏
仅列出标题