FGUI金融图形客户端（五）

<!-- /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0; mso-font-charset:2; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:0 268435456 0 0 -2147483648 0;} @font-face {font-family:宋体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimSun; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:黑体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimHei; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:1627400839 -2147483648 8 0 66047 0;} @font-face {font-family:"/@宋体"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:"/@黑体"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:1 135135232 16 0 262144 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin-top:3.0pt; margin-right:0cm; margin-bottom:3.0pt; margin-left:0cm; text-align:justify; text-justify:inter-ideograph; line-height:125%; mso-pagination:none; font-size:10.5pt; mso-bidi-font-size:10.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:宋体; letter-spacing:.5pt; mso-font-kerning:1.0pt;} h1 {mso-style-update:auto; mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"标题 1 Char"; mso-style-next:正文缩进; margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:2.0cm; margin-bottom:.0001pt; text-align:justify; text-justify:inter-ideograph; text-indent:-2.0cm; line-height:17.0pt; mso-pagination:lines-together; mso-outline-level:1; mso-list:l0 level1 lfo1; tab-stops:list 42.55pt; punctuation-trim:leading; font-size:15.0pt; font-family:"Tahoma","sans-serif"; mso-fareast-font-family:黑体; mso-font-kerning:0pt; font-weight:normal;} h2 {mso-style-name:"标题 2/,/(L2/)/,/(L2/)1/,/(L2/)2/,/(L2/)3/,/(L2/)11/,/(L2/)4/,/(L2/)12/,/(L2/)21/,/(L2/)31/,/(L2/)111/,H2/,PA Major Section"; mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"标题 2 Char"; mso-style-next:正文缩进; margin-top:13.0pt; margin-right:0cm; margin-bottom:13.0pt; margin-left:2.0cm; text-align:justify; text-justify:inter-ideograph; text-indent:-2.0cm; line-height:172%; mso-pagination:lines-together; mso-outline-level:2; mso-list:l0 level2 lfo1; tab-stops:list 42.55pt; font-size:16.0pt; mso-bidi-font-size:10.0pt; font-family:"Arial","sans-serif"; mso-fareast-font-family:黑体; mso-bidi-font-family:"Times New Roman"; letter-spacing:.5pt; mso-font-kerning:1.0pt; mso-bidi-font-weight:normal;} h3 {mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"标题 3 Char"; mso-style-next:正文缩进; margin-top:13.0pt; margin-right:0cm; margin-bottom:13.0pt; margin-left:2.0cm; text-align:justify; text-justify:inter-ideograph; text-indent:-2.0cm; line-height:173%; mso-pagination:lines-together; page-break-after:avoid; mso-outline-level:3; mso-list:l0 level3 lfo1; tab-stops:list 42.55pt; font-size:16.0pt; mso-bidi-font-size:10.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:黑体; letter-spacing:.5pt; mso-font-kerning:1.0pt; mso-bidi-font-weight:normal;} h4 {mso-style-update:auto; mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"标题 4 Char"; mso-style-next:正文缩进; margin-top:14.0pt; margin-right:0cm; margin-bottom:14.5pt; margin-left:2.0cm; text-align:justify; text-justify:inter-ideograph; text-indent:-2.0cm; line-height:156%; mso-pagination:lines-together; page-break-after:avoid; mso-outline-level:4; mso-list:l0 level4 lfo1; tab-stops:list 51.05pt; font-size:14.0pt; mso-bidi-font-size:10.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:黑体; letter-spacing:.5pt; mso-font-kerning:1.0pt; mso-bidi-font-weight:normal;} h5 {mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"标题 5 Char"; mso-style-next:正文缩进; margin-top:14.0pt; margin-right:0cm; margin-bottom:14.5pt; margin-left:2.0cm; text-align:justify; text-justify:inter-ideograph; text-indent:-2.0cm; line-height:156%; mso-pagination:lines-together; page-break-after:avoid; mso-outline-level:5; mso-list:l0 level5 lfo1; tab-stops:list 42.55pt; font-size:14.0pt; mso-bidi-font-size:10.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:黑体; letter-spacing:.5pt; mso-font-kerning:1.0pt; mso-bidi-font-weight:normal;} p.MsoNormalIndent, li.MsoNormalIndent, div.MsoNormalIndent {mso-style-noshow:yes; margin-top:3.0pt; margin-right:0cm; margin-bottom:3.0pt; margin-left:0cm; text-align:justify; text-justify:inter-ideograph; text-indent:21.0pt; mso-char-indent-count:2.0; line-height:125%; mso-pagination:none; font-size:10.5pt; mso-bidi-font-size:10.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:宋体; letter-spacing:.5pt; mso-font-kerning:1.0pt;} p.MsoBodyText2, li.MsoBodyText2, div.MsoBodyText2 {mso-style-unhide:no; mso-style-link:"正文文本 2 Char"; margin-top:3.0pt; margin-right:0cm; margin-bottom:6.0pt; margin-left:0cm; text-align:justify; text-justify:inter-ideograph; line-height:200%; mso-pagination:none; font-size:10.5pt; mso-bidi-font-size:10.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:宋体; letter-spacing:.5pt; mso-font-kerning:1.0pt;} span.1Char {mso-style-name:"标题 1 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"标题 1"; mso-ansi-font-size:15.0pt; mso-bidi-font-size:15.0pt; font-family:"Tahoma","sans-serif"; mso-ascii-font-family:Tahoma; mso-fareast-font-family:黑体; mso-hansi-font-family:Tahoma; mso-bidi-font-family:Tahoma;} span.2Char {mso-style-name:"标题 2 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"标题 2/,/(L2/)/,/(L2/)1/,/(L2/)2/,/(L2/)3/,/(L2/)11/,/(L2/)4/,/(L2/)12/,/(L2/)21/,/(L2/)31/,/(L2/)111/,H2/,PA Major Section"; mso-ansi-font-size:16.0pt; font-family:"Arial","sans-serif"; mso-ascii-font-family:Arial; mso-fareast-font-family:黑体; mso-hansi-font-family:Arial; letter-spacing:.5pt; mso-font-kerning:1.0pt; font-weight:bold; mso-bidi-font-weight:normal;} span.3Char {mso-style-name:"标题 3 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"标题 3"; mso-ansi-font-size:16.0pt; font-family:黑体; mso-fareast-font-family:黑体; letter-spacing:.5pt; mso-font-kerning:1.0pt; font-weight:bold; mso-bidi-font-weight:normal;} span.4Char {mso-style-name:"标题 4 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"标题 4"; mso-ansi-font-size:14.0pt; font-family:黑体; mso-fareast-font-family:黑体; letter-spacing:.5pt; mso-font-kerning:1.0pt; font-weight:bold; mso-bidi-font-weight:normal;} span.5Char {mso-style-name:"标题 5 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"标题 5"; mso-ansi-font-size:14.0pt; font-family:黑体; mso-fareast-font-family:黑体; letter-spacing:.5pt; mso-font-kerning:1.0pt; font-weight:bold; mso-bidi-font-weight:normal;} span.2Char0 {mso-style-name:"正文文本 2 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"正文文本 2"; mso-ansi-font-size:10.5pt; letter-spacing:.5pt; mso-font-kerning:1.0pt;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt; mso-ascii-font-family:"Times New Roman"; mso-fareast-font-family:宋体; mso-hansi-font-family:"Times New Roman"; mso-font-kerning:0pt;} /* Page Definitions */ @page {mso-page-border-surround-header:no; mso-page-border-surround-footer:no;} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:1855994726; mso-list-template-ids:62535112;} @list l0:level1 {mso-level-style-link:"标题 1"; mso-level-text:%1; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level2 {mso-level-style-link:"标题 2"; mso-level-legal-format:yes; mso-level-text:"%1/.%2"; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm; mso-ansi-font-size:12.0pt; font-family:"Tahoma","sans-serif"; mso-fareast-font-family:黑体; font-variant:normal !important; color:windowtext; mso-text-animation:none; text-transform:none; position:relative; top:0pt; mso-text-raise:0pt; letter-spacing:.5pt; border:none; mso-font-width:100%; mso-font-kerning:0pt; text-effect:none; text-shadow:none; text-effect:none; text-effect:none; font-emphasize:none; mso-ansi-font-weight:normal; mso-bidi-font-weight:normal; mso-ansi-font-style:normal; mso-bidi-font-style:normal; text-decoration:none; text-underline:none; text-decoration:none; text-line-through:none;} @list l0:level3 {mso-level-style-link:"标题 3"; mso-level-legal-format:yes; mso-level-text:"%1/.%2/.%3"; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level4 {mso-level-style-link:"标题 4"; mso-level-legal-format:yes; mso-level-text:"%1/.%2/.%3/.%4"; mso-level-tab-stop:51.05pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level5 {mso-level-style-link:"标题 5"; mso-level-legal-format:yes; mso-level-text:"%1/.%2/.%3/.%4/.%5"; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level6 {mso-level-text:"%1/.%2/.%3/.%4/.%5/.%6/."; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level7 {mso-level-text:"%1/.%2/.%3/.%4/.%5/.%6/.%7/."; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level8 {mso-level-text:"%1/.%2/.%3/.%4/.%5/.%6/.%7/.%8/."; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l0:level9 {mso-level-text:"%1/.%2/.%3/.%4/.%5/.%6/.%7/.%8/.%9/."; mso-level-tab-stop:42.55pt; mso-level-number-position:left; margin-left:2.0cm; text-indent:-2.0cm;} @list l1 {mso-list-id:1989935344; mso-list-type:hybrid; mso-list-template-ids:-2068937250 -1 -1 -1 -1 -1 -1 -1 -1 -1;} @list l1:level1 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:42.0pt; mso-level-number-position:left; margin-left:42.0pt; text-indent:-21.0pt; font-family:Wingdings;} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} -->

1                E@ble-GUI.Net应用开发示例

使用E@ble-GUI.Net能轻松开发金融行业的应用系统，相比传统的开发方式而言：

n  功能更集中，操作更人性化

n  业务界面开发工具帮助程序员快速开发业务界面程序

n  数据自动化处理框架能够自动处理业务界面中的信息域数据的加载、显示、收集和提交，使程序员可以将精力专注于前台业务逻辑的开发，而把一般性的数据处理和业务提交代码交给程序框架完成

1.1    E@ble-GUI.Net开发过程图示

E@ble-GUI.Net开发工程包含了从需求、设计、开发、发布、运行一体化的过程，所有这些步骤都可以在统一的VS2005以及E@ble-GUI.Developer开发环境下完成，开发过程如图9所示。

图9 开发过程图示

1.2    信息域结构分析

开发业务界面的第一步就是进行业务界面中信息域的分析。一般而言，业务界面与交易代码一一对应，因此确定该交易的XML报文接口（从而就确定了业务界面的信息域）是信息域分析的关键所在。示例的界面需求如图10所示，示例的交易接口如图11所示。

图10 界面需求示例

图11 交易接口示例

根据交易接口定义， E@ble-GUI.Net 提供的开发工具能将定义表格转换成为XML报文的定义格式。定义格式示例如图12所示，从中可以看出，系统设计时的信息域属性定义自动转换到了XML交易报文定义文件中。

图12 交易接口报文定义示例

1.3    业务界面设计

使用E@ble-GUI.Net界面开发工具箱，开发人员从工具箱中拖拽信息域节点到界面，然后通过设置节点的属性，轻松进行业务界面设计，图13所示为拖拽信息域到交易界面的示例，图14显示了对应信息域Dealer的属性设置。

图13 拖拽信息域到交易界面

图14 信息域控件属性示例

因此，通过E@ble-GUI.Common 通用业务组件的数据绑定、数据收集、数据校验、数据发送、数据获取的机制，开发人员就可以轻松完成业务数据的收集、校验、提交、获取、解析、再次显示等等所有功能。

1.4    编写前台业务代码

开发工具的使用，可以使开发人员专注于客户端逻辑的开发。

1.5    组件发布

业务组件开发完毕，程序员可以使用E@ble-GUI.Net的Deploy Tool 工具，进行组件的自动发布包括组件自动编译、将编译生成的业务组件上传到服务器等步骤，图15为组件发布的示例界面。

图15 组件发布

1.6    自动部署与运行

用户运行E@ble-GUI.Client客户端时，客户端智能地检测中间服务器上的业务组件以及版本，会自动下载运行组件。

使用 E@ble-GUI.Net 进行流程应用系统开发的步骤，与业务实施步骤是一致的，它确保了用户流程的一致性和连贯性，极大地提高了开发人员开发效率。