CN105404499B - 基于sap平台的数据展示方法及系统 - Google Patents
基于sap平台的数据展示方法及系统 Download PDFInfo
- Publication number
- CN105404499B CN105404499B CN201410660570.3A CN201410660570A CN105404499B CN 105404499 B CN105404499 B CN 105404499B CN 201410660570 A CN201410660570 A CN 201410660570A CN 105404499 B CN105404499 B CN 105404499B
- Authority
- CN
- China
- Prior art keywords
- control
- flex
- sap
- data
- html page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Stored Programmes (AREA)
Abstract
本发明公开了一种基于SAP平台的数据展示方法及系统，包括：创建FLEX控件，并提供应用程序接口API1；创建相应的HTML页面，并提供应用程序接口API2；在HTML页面中创建用于操作FLEX控件JS脚本，在SAP中通过高级企业应用编程语言ABAP创建类，并提供应用程序接口API3；在ABAP类中执行HTML页面中的JS脚本，通过JS脚本调用FLEX控件所提供的API，实现将SAP中的相应数据以FLEX控件的形式展示。本发明有益效果：通过SAP集成HTML页面，再通过HTML页面集成Flex，使SAP系统的数据通过Flex进行图表展示，并实现Flex页面与SAP客户端数据的同步更新与实时交互，方便用户进行更直观、更有效的数据分析。
Description
技术领域
本发明涉及报表或图表的展示领域，尤其涉及一种基于SAP平台的数据展示方法及系统。
背景技术
SAP(systems applications and products in data processing)是一款用于企业资源计划ERP(enterprise resource planning)管理的软件。
SAP中提供了二次开语言ABAP/4(advanced business applicationprogramming)，用户可以通过SAP内部的开发平台运用ABAP语言进行系统开发。其中包括SAP系统与外部系统的数据传输，报表的制作，以及对数据的导入导出等。
现有的SAP系统在展示报表或图表时，其所支持的报表和图表样式单一，美观性不够好；虽然通过BI(business intelligence)在EP(enterprise portal)端进行展示时，所提供的报表和图表样式的美观性有所改善，但数据实时性不好，不能够及时准确的实现数据同步更新。
发明内容
本发明的目的就是为了解决上述问题，提出了一种基于SAP平台的数据展示方法及系统，该方法及系统可以将SAP的数据及时的通过丰富的报表和图表形式进行展示，数据实时性好。
为了实现上述目的，本发明采用如下技术方案：
一种基于SAP平台的数据展示方法，包括：以下步骤：
(1)创建各种图表类型的FLEX控件，并提供用于数据绑定及界面控制的应用程序接口API1；
(2)针对具体的报表或图表业务需求，创建相应的HTML页面，并提供应用程序接口API2；所述API2与FLEX控件的API1保持一致、用于与FLEX控件进行数据交互；
(3)在HTML页面中创建用于操作FLEX控件JS脚本，所述JS脚本能够调用步骤(1)中FLEX控件的API1，实现FLEX控件与HTML页面的数据交互；
(4)在SAP中通过高级企业应用编程语言ABAP创建类，所述类提供数据绑定和界面控制的方法，并提供与HTML页面进行数据交互的应用程序接口API3，所述API3与HTML页面的API2、FLEX控件的API1均保持一致；
(5)在ABAP类中执行HTML页面中的JS脚本，通过JS脚本调用FLEX控件所提供的API，实现将SAP中的相应数据以FLEX控件的形式展示。
客户端调用FLEX控件时将当前的网页地址改为以“SAPEVENT:”打头的地址，并将调用FLEX控件所需要的参数和值附在该地址中，供SAP端接收用户在FLEX控件中进行操作的事件；
同时在SAP端通过ABAP创建事件处理函数，以响应SAPEVENT事件并进行后续处理。
通过应用程序接口API1、API2和API3之间的交互实现数据展示时的界面控制，包括控件布局、控件样式、控件背景或前景色、控件中各子组件、字体颜色及效果、控件动画效果、控件数据显示范围。
所述FLEX控件可以替换为HTML报表、图表组件或其他可嵌入HTML页面的报表、图表组件。
所述FLEX控件提供用于数据展示的饼图、柱状图、散点图或网格图。
一种基于SAP平台的数据展示方法的系统，包括：
用于创建各种类型的FLEX控件，并提供用于数据绑定及界面控制的应用程序接口API1的装置；
用于针对具体的报表或图表业务需求，创建相应的HTML页面，并提供应用程序接口API2的装置；
用于在HTML页面中创建用于操作FLEX控件并能够调用FLEX控件的API1的JS脚本，实现FLEX控件与HTML页面的数据交互的装置；
用于在SAP中通过高级企业应用编程语言ABAP创建能够提供数据绑定和界面控制方法的类的装置，用于提供与HTML页面进行数据交互的应用程序接口API3的装置；
用于在ABAP类中执行HTML页面中的JS脚本，通过JS脚本调用FLEX控件所提供的API，实现将SAP中的相应数据以FLEX控件的形式展示的装置。
用于客户端调用FLEX控件时将当前的网页地址改为以“SAPEVENT:”打头的地址的装置；
并将调用FLEX控件所需要的参数和值附在该地址中，供SAP端接收用户在FLEX控件中进行操作的事件的装置；
用于在SAP端通过ABAP创建事件处理函数，以响应SAPEVENT事件并进行后续处理的装置。
通过所述应用程序接口API1、API2和API3之间的交互实现数据展示时的界面控制，包括控件布局、控件样式、控件背景或前景色、控件中各子组件、字体颜色及效果、控件动画效果、控件数据显示范围。
所述FLEX控件可以替换为HTML报表、图表组件或其他可嵌入HTML页面的报表、图表组件。
所述FLEX控件提供用于数据展示的饼图、柱状图、散点图或网格图。
本发明的有益效果是：
通过SAP集成HTML页面，再通过HTML页面集成Flex，使SAP系统的数据通过Flex进行图表展示，并实现Flex页面与SAP客户端数据的同步更新与实时交互，方便用户进行更直观、更有效的数据分析。
附图说明
图1为本发明方法流程图；
图2为本发明数据交互示意图。
具体实施方式：
下面结合附图与实施例对本发明做进一步说明：
API：应用程序接口(API：Application Program Interface)；
ABAP：高级企业应用编程语言(Advanced Business Application Programming)；
HTML：超文本标记语言(Hypertext Markup Language)；
FLEX控件是构成用户界面的基本元素，使用这些控件，用户可以很容易的实现数据报表或图表的直观化显示。
基于SAP平台的数据展示方法如图1所示，包括以下步骤：
步骤1.通过FlashBuilder或其他编辑器创建各种类型的FLEX控件，如：饼图、折线图、柱状图、散点图、网格图等，并提供数据绑定及界面控制的API。
步骤2.针对具体的报表或图表业务需求，创建HTML页面，在页面中引用所需要的步骤1中创建好的FLEX控件；并提供应用程序接口API2；API2与FLEX控件的API1保持一致、用于与FLEX控件进行数据交互。
步骤3.在HTML页面中创建javascript或其他语言类型的操作FLEX控件的脚本，调用步骤1中FLEX控件的API，为SAP端的调用提供基础。
步骤4.在SAP中通过ABAP创建类，提供数据绑定和界面控制的方法，并在ABAP类中执行HTML页面中的JS脚本，以调用FLEX控件所提供的API；并提供与HTML页面进行数据交互的应用程序接口API3，所述API3与HTML页面的API2、FLEX控件的API1均保持一致。
针对具体的报表或图表业务需求，创建相应的ABAP程序，加载步骤2中创建的HTML页面，再通过步骤4中创建的ABAP类，进行数据绑定和界面控制。
为实现用户在SAP界面与FLEX控件之间的交互，还需要在HTML页面中创建脚本供FLEX控件调用，使用户在点击FLEX控件时将当前的网页地址改为以“SAPEVENT:”打头的地址，并将所需要的参数和值(如:要访问的SAP数据库表、SAP程序名称、数据查询条件等)附在该地址中，供SAP端接收用户在FLEX控件中进行操作的事件。同时还需要在SAP端通过ABAP创建事件处理函数，以响应SAPEVENT事件并进行后续处理。
通过HTML报表、图表组件或其他可嵌入HTML页面的报表、图表组件来替代FLEX控件。
本发明数据交互示意图如图2所示，通过SAP集成HTML页面，再通过HTML页面集成Flex，使SAP系统的数据通过Flex进行图表展示，并实现Flex页面与SAP客户端数据的同步更新与实时交互，方便用户进行更直观、更有效的数据分析。
通过应用程序接口API1、API2和API3之间的交互实现数据展示时的界面控制，包括控件布局、控件样式、控件背景或前景色、控件中各子组件(如按钮、文本框等)、字体颜色及效果、控件动画效果、控件数据显示范围等。
一种基于SAP平台的数据展示方法的系统，包括：
用于创建各种类型的FLEX控件，并提供用于数据绑定及界面控制的应用程序接口API1的装置；
用于针对具体的报表或图表业务需求，创建相应的HTML页面，并提供应用程序接口API2的装置；
用于在HTML页面中创建用于操作FLEX控件并能够调用FLEX控件的API1的JS脚本，实现FLEX控件与HTML页面的数据交互的装置；
用于在SAP中通过高级企业应用编程语言ABAP创建能够提供数据绑定和界面控制方法的类的装置，用于提供与HTML页面进行数据交互的应用程序接口API3的装置；
用于在ABAP类中执行HTML页面中的JS脚本，通过JS脚本调用FLEX控件所提供的API，实现将SAP中的相应数据以FLEX控件的形式展示的装置。
用于客户端调用FLEX控件时将当前的网页地址改为以“SAPEVENT:”打头的地址的装置；
并将调用FLEX控件所需要的参数和值附在该地址中，供SAP端接收用户在FLEX控件中进行操作的事件的装置；
用于在SAP端通过ABAP创建事件处理函数，以响应SAPEVENT事件并进行后续处理的装置。
通过所述应用程序接口API1、API2和API3之间的交互实现数据展示时的界面控制，包括控件布局、控件样式、控件背景或前景色、控件中各子组件、字体颜色及效果、控件动画效果、控件数据显示范围。
所述FLEX控件可以替换为HTML报表、图表组件或其他可嵌入HTML页面的报表、图表组件。
所述FLEX控件提供用于数据展示的饼图、柱状图、散点图或网格图。
上述虽然结合附图对本发明的具体实施方式进行了描述，但并非对本发明保护范围的限制，所属领域技术人员应该明白，在本发明的技术方案的基础上，本领域技术人员不需要付出创造性劳动即可做出的各种修改或变形仍在本发明的保护范围以内。
Claims (8)
1.一种基于SAP平台的数据展示方法，其特征是，包括：以下步骤：
(1)创建各种图表类型的FLEX控件，并提供用于数据绑定及界面控制的应用程序接口API1；
(2)针对具体的报表或图表业务需求，创建相应的HTML页面，并提供应用程序接口API2；所述API2与FLEX控件的API1保持一致、用于与FLEX控件进行数据交互；
(3)在HTML页面中创建用于操作FLEX控件JS脚本，所述JS脚本能够调用步骤(1)中FLEX控件的API1，实现FLEX控件与HTML页面的数据交互；
(4)在SAP中通过高级企业应用编程语言ABAP创建类，所述类提供数据绑定和界面控制的方法，并提供与HTML页面进行数据交互的应用程序接口API3，所述API3与HTML页面的API2、FLEX控件的API1均保持一致；
(5)在ABAP类中执行HTML页面中的JS脚本，通过JS脚本调用FLEX控件所提供的API，实现将SAP中的相应数据以FLEX控件的形式展示；
客户端调用FLEX控件时将当前的网页地址改为以“SAPEVENT:”打头的地址，并将调用FLEX控件所需要的参数和值附在该地址中，供SAP端接收用户在FLEX控件中进行操作的事件；
同时在SAP端通过ABAP创建事件处理函数，以响应SAPEVENT事件并进行后续处理；
通过应用程序接口API1、API2和API3之间的交互实现数据展示时的界面控制，包括控件布局、控件样式、控件背景或前景色、控件中各子组件、字体颜色及效果、控件动画效果、控件数据显示范围。
2.如权利要求1所述的一种基于SAP平台的数据展示方法，其特征是，所述FLEX控件可以替换为HTML报表、图表组件或其他可嵌入HTML页面的报表、图表组件。
3.如权利要求1所述的一种基于SAP平台的数据展示方法，其特征是，所述FLEX控件提供用于数据展示的饼图、柱状图、散点图或网格图。
4.一种如权利要求1所述的基于SAP平台的数据展示方法的系统，其特征是，包括：
用于创建各种类型的FLEX控件，并提供用于数据绑定及界面控制的应用程序接口API1的装置；
用于针对具体的报表或图表业务需求，创建相应的HTML页面，并提供应用程序接口API2的装置；
用于在HTML页面中创建用于操作FLEX控件并能够调用FLEX控件的API1的JS脚本，实现FLEX控件与HTML页面的数据交互的装置；
用于在SAP中通过高级企业应用编程语言ABAP创建能够提供数据绑定和界面控制方法的类的装置，用于提供与HTML页面进行数据交互的应用程序接口API3的装置；
用于在ABAP类中执行HTML页面中的JS脚本，通过JS脚本调用FLEX控件所提供的API，实现将SAP中的相应数据以FLEX控件的形式展示的装置。
5.如权利要求4所述的一种基于SAP平台的数据展示方法的系统，其特征是，用于客户端调用FLEX控件时将当前的网页地址改为以“SAPEVENT:”打头的地址的装置；
并将调用FLEX控件所需要的参数和值附在该地址中，供SAP端接收用户在FLEX控件中进行操作的事件的装置；
用于在SAP端通过ABAP创建事件处理函数，以响应SAPEVENT事件并进行后续处理的装置。
6.如权利要求4所述的一种基于SAP平台的数据展示方法的系统，其特征是，通过所述应用程序接口API1、API2和API3之间的交互实现数据展示时的界面控制，包括控件布局、控件样式、控件背景或前景色、控件中各子组件、字体颜色及效果、控件动画效果、控件数据显示范围。
7.如权利要求4所述的一种基于SAP平台的数据展示方法的系统，其特征是，所述FLEX控件可以替换为HTML报表、图表组件或其他可嵌入HTML页面的报表、图表组件。
8.如权利要求4所述的一种基于SAP平台的数据展示方法的系统，其特征是，所述FLEX控件提供用于数据展示的饼图、柱状图、散点图或网格图。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410660570.3A CN105404499B (zh) | 2014-11-18 | 2014-11-18 | 基于sap平台的数据展示方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410660570.3A CN105404499B (zh) | 2014-11-18 | 2014-11-18 | 基于sap平台的数据展示方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105404499A CN105404499A (zh) | 2016-03-16 |
| CN105404499B true CN105404499B (zh) | 2019-02-01 |
Family
ID=55470003
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410660570.3A Active CN105404499B (zh) | 2014-11-18 | 2014-11-18 | 基于sap平台的数据展示方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105404499B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108446116B (zh) * | 2018-02-26 | 2021-10-08 | 平安普惠企业管理有限公司 | 应用程序页面的生成方法、装置、计算机设备和存储介质 |
| CN118570005B (zh) * | 2024-07-10 | 2024-10-18 | 云南锡业研究院有限公司 | Sap系统凭证接口按单据类型生成凭证的方法 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102523106A (zh) * | 2011-12-04 | 2012-06-27 | 东华大学 | 基于FlexRIA技术的视频网站用户行为分析系统 |
| CN102609262A (zh) * | 2012-02-13 | 2012-07-25 | 浪潮集团山东通用软件有限公司 | 在powerbuilder中实现多数据源可驱动的flash图表控件的方法 |
| CN102739461A (zh) * | 2011-04-08 | 2012-10-17 | 深圳市金蝶中间件有限公司 | 基于flex的获取后台数据的方法 |
| CN103279564A (zh) * | 2013-06-14 | 2013-09-04 | 江苏瀚远科技股份有限公司 | 基于html的图表数据输出方法及装置 |
| CN103631578A (zh) * | 2013-10-12 | 2014-03-12 | 国家电网公司 | 一种配电网自动化系统中数据展示方法 |
-
2014
- 2014-11-18 CN CN201410660570.3A patent/CN105404499B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102739461A (zh) * | 2011-04-08 | 2012-10-17 | 深圳市金蝶中间件有限公司 | 基于flex的获取后台数据的方法 |
| CN102523106A (zh) * | 2011-12-04 | 2012-06-27 | 东华大学 | 基于FlexRIA技术的视频网站用户行为分析系统 |
| CN102609262A (zh) * | 2012-02-13 | 2012-07-25 | 浪潮集团山东通用软件有限公司 | 在powerbuilder中实现多数据源可驱动的flash图表控件的方法 |
| CN103279564A (zh) * | 2013-06-14 | 2013-09-04 | 江苏瀚远科技股份有限公司 | 基于html的图表数据输出方法及装置 |
| CN103631578A (zh) * | 2013-10-12 | 2014-03-12 | 国家电网公司 | 一种配电网自动化系统中数据展示方法 |
Non-Patent Citations (1)
| Title |
|---|
| SAP Web Dynpro Java继承FLEX应用分析;汪蓉;《湖北科技学院学报》;20131231;第33卷(第12期);第16-18页 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105404499A (zh) | 2016-03-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9098544B2 (en) | Lifecycle marketing object oriented system and method | |
| CN104731584B (zh) | 一种开放式数控系统人机界面可定制的组态设计方法 | |
| CN108279964B (zh) | 蒙层渲染的实现方法、装置、智能设备及存储介质 | |
| CN102360368B (zh) | 基于抽取模板可视化定制的Web数据抽取方法 | |
| CN105700888A (zh) | 一种基于jbpm工作流引擎的可视化快速开发平台 | |
| US9665270B2 (en) | Layout algorithm for entity relation model diagram | |
| CN105446740A (zh) | 一种基于MVVM架构的Web前端展现系统 | |
| CN103064682B (zh) | 面向设备的人机界面组态设计方法 | |
| CN102521120A (zh) | 一种软件自动化测试系统及方法 | |
| DE202011110891U1 (de) | Scrollen in umfangreichen gehosteten Datenbestand | |
| WO2011082072A2 (en) | Gesture-based web site design | |
| US20150128110A1 (en) | Mobile application development and deployment | |
| CN104503769B (zh) | 一种基于xml配置文件的字符点阵液晶界面实现方法 | |
| US10133793B2 (en) | Tag cloud visualization and/or filter for large data volumes | |
| CN103309667A (zh) | 安卓系统中定位ui控件及图片修改位置的方法 | |
| CN107122185B (zh) | 一种针对配电网参数类信息可视化展现系统 | |
| CN108664242B (zh) | 生成可视化界面的方法、装置、电子设备和可读存储介质 | |
| CN103927185A (zh) | 基于能源管理的网络拓扑建模装置及其引导方法 | |
| CN103473041A (zh) | 一种可视化的数据处理方法及系统 | |
| CN103631586B (zh) | 进行场景化交互处理的方法和系统 | |
| CN105404499B (zh) | 基于sap平台的数据展示方法及系统 | |
| CN102982088B (zh) | 一种用于提供用户在目标页面上的反馈信息的方法 | |
| CN106874475A (zh) | 一种可配置Portal框架的实现方法 | |
| CN104809534A (zh) | 业务流程管理系统 | |
| CN104063219A (zh) | 一种web系统的表格开发方法及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 250001 No. two, No. 150, Shizhong Road, Shizhong District, Shandong, Ji'nan Patentee after: STATE GRID SHANDONG ELECTRIC POWER Co. Patentee after: ELECTRIC POWER RESEARCH INSTITUTE OF STATE GRID SHANDONG ELECTRIC POWER Co. Patentee after: Shandong luruan Digital Technology Co.,Ltd. Address before: 250001 No. two, No. 150, Shizhong Road, Shizhong District, Shandong, Ji'nan Patentee before: STATE GRID SHANDONG ELECTRIC POWER Co. Patentee before: ELECTRIC POWER RESEARCH INSTITUTE OF STATE GRID SHANDONG ELECTRIC POWER Co. Patentee before: SHANDONG LUNENG SOFTWARE TECHNOLOGY Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder |