在線表單引擎:Web Form Builder

          Silverlight Agile Form Engine : FreeForm
          數(shù)據(jù)加載中……

          2011年7月12日

          智能表單設(shè)計(jì)器Web Free Form Designer:FreeForm模板及數(shù)據(jù)存取方式

          FreeForm模板及數(shù)據(jù)外部存取接口及方式

           

          引言

          因?yàn)?/span>FreeForm的設(shè)計(jì)方向是支援企業(yè)業(yè)務(wù)的表單引擎,所以必須要有開放式的模板及數(shù)據(jù)外部存取接口,雖然也是基于XML,但我們和一些商業(yè)產(chǎn)品的做法不一樣,比如InfoPath,使用InfoPath來做表單,那么客戶端必須用Office InfoPath,服務(wù)器端必須要用SharePointInfoPathXML數(shù)據(jù)也很難被外部程序應(yīng)用,更加不用說模板XML文件了,這實(shí)在是很封閉的環(huán)境。

           

          FreeForm的模板及數(shù)據(jù)外部存取接口非常開放,目前提供三種方式:

          1、 WCF+數(shù)據(jù)庫(kù),您可以選擇自建存放模板和表單數(shù)據(jù)的數(shù)據(jù)庫(kù),SQL ServerOracleMy SQL甚至ACCESS都可以;

          2、 客戶端本地?cái)?shù)據(jù)庫(kù)存儲(chǔ),我們建立了一個(gè)Silverlight客戶端數(shù)據(jù)庫(kù),用于沒有數(shù)據(jù)庫(kù)環(huán)境的用戶;

          3、 XML存儲(chǔ),這個(gè)是沒有NamespaceXML,外部第三方程序存取相當(dāng)?shù)谋憷?/span>

           

          模板客戶端本地?cái)?shù)據(jù)庫(kù)存儲(chǔ)

          我們?yōu)?/span>FreeForm編寫了一個(gè)本地的對(duì)象數(shù)據(jù)庫(kù),寄存于客戶端Silverlight,無需用戶安裝任何數(shù)據(jù)庫(kù)系統(tǒng),這樣在沒有服務(wù)器數(shù)據(jù)庫(kù)環(huán)境的情況下,也可以存取表單模板和表單數(shù)據(jù)。

           

          保存

          首先我們先建立一個(gè)表單,點(diǎn)擊“New Template”如下圖:

           

           

           

          修改模板的名稱,點(diǎn)擊“Template Options

           

          修改為My Template

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

           

           

          進(jìn)入Template 頁(yè),點(diǎn)擊“Save To LoaclDB

           

          如果出現(xiàn)成功提示,就表示已經(jīng)保存在本地?cái)?shù)據(jù)庫(kù)中了。

          讀取

          進(jìn)入Template 頁(yè),點(diǎn)擊“Load From LocalDB

           

          選取剛才建立的模板

           

          然后,我們可以看到,模板被讀取進(jìn)來了。

           

          模板XML存儲(chǔ)

          保存

          首先先建立一個(gè)表單,點(diǎn)擊“New Template”如下圖:

           

           

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

           

          進(jìn)入Template 頁(yè),點(diǎn)擊“Save To Loacl”,然后在本地進(jìn)行保存。

           

           

          讀取

          進(jìn)入Template 頁(yè),點(diǎn)擊“Load From Local

           

          選取剛才建立的模板

           

          然后,我們可以看到,模板被讀取進(jìn)來了。

           

          模板WCF+數(shù)據(jù)庫(kù)方式

          首先建立數(shù)據(jù)庫(kù),以SQL Server為例:

          模板數(shù)據(jù)表,這里存放表單模板的定義,Template

          表單數(shù)據(jù)庫(kù)表,這里存放表單數(shù)據(jù),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

           

          然后,在客戶端的配置文件中,必須首先配置與服務(wù)端匹配的certificate代碼,這樣只用通過認(rèn)證的用戶才能訪問FreeFormWCF+數(shù)據(jù)庫(kù)接口。

           

           

           

          保存

          首先我們先建立一個(gè)表單,點(diǎn)擊“New Template”如下圖:

           

           

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

           

           

          進(jìn)入Template 頁(yè),點(diǎn)擊“Save To Server

           

          如果出現(xiàn)成功提示,就表示已經(jīng)保存在本地?cái)?shù)據(jù)庫(kù)中了。

          讀取

          進(jìn)入Template 頁(yè),點(diǎn)擊“Load From LoaclDB

           

          選取剛才建立的模板

           

          然后,我們可以看到,模板被讀取進(jìn)來了。

           

           

          表單數(shù)據(jù)讀取

          進(jìn)入表單設(shè)計(jì)器的Runtime Design,可以模擬運(yùn)行時(shí)的讀取和保存,在表單展現(xiàn)器中的讀取和保存將有更多方式。

           

           

           

           

          我們的網(wǎng)站(昕友軟件):http://crmwin.com

          posted @ 2011-07-12 21:50 Web在線表單引擎:FreeForm Form Builder 閱讀(1457) | 評(píng)論 (0)編輯 收藏
          智能表單設(shè)計(jì)器Web Free Form Designer:FreeForm表單控件使用方法之:基礎(chǔ)控件

               摘要:   FreeForm控件一覽                 FreeForm表單引擎與InfoPath Service對(duì)比 InfoPath是微軟SharePoint下的極重要的表單服務(wù),其...  閱讀全文

          posted @ 2011-07-12 21:49 Web在線表單引擎:FreeForm Form Builder 閱讀(2192) | 評(píng)論 (0)編輯 收藏
          智能表單設(shè)計(jì)器Web Free Form Designer:FreeForm 簡(jiǎn)介


          FreeForm

                FreeForm是 昕友軟件 開發(fā)的免費(fèi)表單設(shè)計(jì)器,是億方智能平臺(tái)的其中一個(gè)組件。是一個(gè)基于.Net + SilverLight + DataBase + WCF 設(shè)計(jì)的動(dòng)態(tài)表單RIA SOA系統(tǒng)。包含Web表單設(shè)計(jì)器(包含運(yùn)行時(shí)驗(yàn)證器、公式生成器)、工作流接口、運(yùn)行時(shí)表單展現(xiàn)器,還有服務(wù)器端的表單引擎和工作流BPM引擎。

           

          無需編程經(jīng)驗(yàn),它可以快速設(shè)計(jì)自定義樣式的表單,收集企業(yè)數(shù)據(jù)信息,結(jié)合FreeFlow,用于零編碼構(gòu)建企業(yè)級(jí)的數(shù)據(jù)信息、表單、工作流BPM業(yè)務(wù)系統(tǒng)。

           

          眾所周知,數(shù)據(jù)、表單、工作流是企業(yè)業(yè)務(wù)系統(tǒng)的核心,而傳統(tǒng)意義上的軟件定制開發(fā),費(fèi)時(shí)費(fèi)力,而且風(fēng)險(xiǎn)高,但通用的軟件也有適用性和擴(kuò)展性的問題,如果采用類似微軟SharePoint這樣的平臺(tái)系統(tǒng),二次開發(fā)的成本也是很高的,從事軟件開發(fā)10多年,我們急切地尋求一種靈活、高效、容易擴(kuò)展、易用、低風(fēng)險(xiǎn),而且免費(fèi)的方案。FreeForm就是這樣的系統(tǒng),結(jié)合FreeFlow,相信能讓任何沒有編程經(jīng)驗(yàn)的企業(yè)實(shí)現(xiàn)這樣的效果。

           

          FreeForm這種RIA SOA系統(tǒng)是跨平臺(tái)的,客戶端可以用任意瀏覽器訪問,甚至可以編譯為EXE文件。在本文檔演示過程,我們選擇FireFox作為瀏覽器。

           

          初始空白面板:

           

          定制表單例圖:

           

          定制表單例圖:

          特性

          跨平臺(tái)

          FreeForm這種RIA SOA系統(tǒng)是跨平臺(tái)的,客戶端可以用任意瀏覽器訪問,甚至可以編譯為EXE文件。在本文檔演示過程,我們選擇FireFox作為瀏覽器。

           

          主要功能一覽

          模板管理

          模板文件

          界面布局:

          首先,進(jìn)入表單系統(tǒng),我們可以看到一個(gè)空白的布局,在布局的右側(cè)是操作區(qū),左側(cè)是表單內(nèi)容區(qū),Template頁(yè)是默認(rèn)的操作區(qū)首選頁(yè)。

           

          點(diǎn)擊“Template File”下的選框,可以看到如下按鈕:

           

          放大后:

           

          主要的功能是新建模板、將表單模板保存為XML文件、或者保存到SOA服務(wù)器中

          模板設(shè)計(jì)

          界面:

           

          主要的功能是設(shè)計(jì)模板的參數(shù)、連接數(shù)據(jù)庫(kù)、安全設(shè)置、工作流設(shè)置。和模板相關(guān)的操作有:添加視圖、添加字段、添加控件。

           

          運(yùn)行時(shí)設(shè)計(jì)

           

          主要功能是在表單編輯器中,模擬表單運(yùn)行時(shí),添加驗(yàn)證、添加自動(dòng)計(jì)算、保存表單數(shù)據(jù)文件、載入表單數(shù)據(jù)文件。

          演示

           

          主要功能是演示一個(gè)金融保險(xiǎn)類的表單,也可以動(dòng)態(tài)創(chuàng)建幾百個(gè)控件。

          數(shù)據(jù)連接

          數(shù)據(jù)連接用于數(shù)據(jù)庫(kù)和Service的連接,是將模板和模板數(shù)據(jù)保存到SOA數(shù)據(jù)庫(kù)的首要定義,另外,通過數(shù)據(jù)連接定義,經(jīng)過FreeForm數(shù)據(jù)源適配器,可以為FreeForm引入第三方系統(tǒng)的數(shù)據(jù)源。

          數(shù)據(jù)源

          數(shù)據(jù)源是表單系統(tǒng)與數(shù)據(jù)庫(kù)關(guān)聯(lián)的字段,可以與表單控件進(jìn)行綁定,如果是第三方系統(tǒng),通過數(shù)據(jù)連接定義,經(jīng)過FreeForm數(shù)據(jù)源適配器,可以引入第三方系統(tǒng)的數(shù)據(jù)源。

           

          添加數(shù)據(jù)源:

           

           

          視圖管理

          類似微軟的 InfoPath表單設(shè)計(jì)器,FreeForm也具有視圖功能,主要是為了工作流BPM系統(tǒng)和權(quán)限分級(jí)之后的數(shù)據(jù)顯示做考慮。

           

          添加視圖

          控件管理

          輸入型控件

          高級(jí)控件

          多媒體控件

          列表控件

          線控件

          當(dāng)前控件

           

          顯示當(dāng)前表單的控件

           

          添加控件

           

           

          顯示的特性

           

          運(yùn)行時(shí)驗(yàn)證設(shè)置

          調(diào)整

          控件元素調(diào)整

           

          字體調(diào)整

           

          位置微調(diào)

           

          背景調(diào)整

           

          設(shè)計(jì)檢查

          設(shè)計(jì)檢查可以模擬運(yùn)行時(shí)的環(huán)境,將錯(cuò)誤提示出來。

           

           

          另外點(diǎn)擊驗(yàn)證出錯(cuò)的控件,可以即時(shí)顯示ToolTip消息。

           

          另外,將錯(cuò)誤輸出到列表

          首次使用必讀

          快速建立表單

          第一步:新建模板

          在“模板文件”菜單下點(diǎn)擊“新建模板”

           

          然后,進(jìn)入“模板設(shè)計(jì)”菜單的“模板選項(xiàng)”

           

          第二步:編輯模板的屬性

          基本屬性

           

          高級(jí)屬性

          可以進(jìn)行字體顏色和背景色設(shè)置

           

          第三步:添加視圖

           

          進(jìn)入視圖頁(yè),點(diǎn)擊添加視圖

           

          添加視圖后的界面

           

          第四步:添加數(shù)據(jù)源

          進(jìn)入“數(shù)據(jù)源”頁(yè),點(diǎn)擊“添加域”

           

          然后建立相關(guān)的數(shù)據(jù)源

           

          第五步:添加控件

          在“控件”或“當(dāng)前控件”頁(yè),點(diǎn)擊“添加控件”

           

          添加相關(guān)控件后的效果:

           

          圖例1

           

          圖例2

          第六步:添加驗(yàn)證和自動(dòng)計(jì)算

          見“高級(jí)特性”>>“驗(yàn)證”和“自動(dòng)計(jì)算”

          高級(jí)特性

          待續(xù)

           

          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

          .

          我們的網(wǎng)站(昕友軟件):http://crmwin.com

           

          posted @ 2011-07-12 21:45 Web在線表單引擎:FreeForm Form Builder 閱讀(8548) | 評(píng)論 (1)編輯 收藏
          僅列出標(biāo)題  
          主站蜘蛛池模板: 云林县| 金山区| 屯昌县| 青铜峡市| 安龙县| 杭锦后旗| 利辛县| 都匀市| 宽城| 涿鹿县| 和林格尔县| 晴隆县| 新津县| 合江县| 华容县| 西丰县| 和林格尔县| 杭锦后旗| 馆陶县| 芒康县| 开封县| 长治市| 连平县| 永丰县| 乌什县| 雅江县| 洮南市| 桓仁| 界首市| 宕昌县| 邳州市| 陆良县| 张北县| 盐城市| 苍溪县| 马龙县| 宾阳县| 陵水| 会宁县| 鹤岗市| 本溪市|