SAP WebClient UI源代码搜索工具

简介: SAP WebClient UI源代码搜索工具

The source code scan report RS_ABAP_SOURCE_SCAN ( or transaction code CODE_SCANNER ) is a good tool for ABAPers.


In my Webclient UI development life, I would also expect that there is also a similar tool which enable the scan on html source code of ui component view, forexample I want to search by keyword “ActiveXObject” to get a list of ActiveX control used in Javascript code.


image.png


Why RS_ABAP_SOURCE_SCAN could not support html source code scan

In the beginning I plan to enhance RS_ABAP_SOURCE_SCAN instead of development a new tool. All the objects( class, report, function module) which supported by this tool could have their source code read out via keyword READ REPORT.


image.png


this is not the case for handler class of ui component view. Although you could still set breakpoint on the ABAP code in view handler class and debug them,


image.png


however they are stored in a difference way than normal ABAP class /report, thus it is not possible to fetch their source code from repository via READ REPORT. Besides that you can easily observe the page editor are quite different from normal ABAP Editor for class/report/function module, which means if I enhance RS_ABAP_SOURCE_SCAN, I also need to enhance the navigation logic after I double click on the result list to see the source code in ABAP editor.

So finally I decide to develop a tool on my own.


Develop a tool to allow scan on UI component view source code

There are only two parameters for code scan: Search keyword and UI component whose BSP view’s html source you expect to scan.


image.png


You could specify multiple UI component via selection options:


image.png


The search result is displayed in ALV. Double click on result row,


image.png


and it will automatically navigate to the BSP view editor with the very line which contains the search keyword being highlighted as below:


image.png


This tool has simple input and output UI, but it has already 100% fulfilled my html source code scan requirement.


image.png


How to make this tool run on your laptop

create a new Z report and copy the source code from attached text file. This tool contains the following parts:


(1) an executable report zbsp_code_view

(2) a global class ZCL_BSP_CODE_TOOL

(3) a function module ZCALL_EDITOR. Of course you should also have a function group, in my case it is named as zbspeditor.

(4) a new screen 0101 used in FM ZCALL_EDITOR.

Flow logic:


image.png


Element list:


image.png


layout design:


image.png


Feel free to adapt this tool to meet your own requirement


相关文章
|
4月前
|
存储 数据管理 数据处理
SAP CRM 里 Attachment 搜索的实现逻辑介绍
SAP CRM 里 Attachment 搜索的实现逻辑介绍
|
4月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
4月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
在 CRM WebClient UI Attachment 区域,创建支持 Web Service 的 Word 文档
在 CRM WebClient UI Attachment 区域,创建支持 Web Service 的 Word 文档
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
4月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
4月前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
|
4月前
|
BI 网络安全
如何使用 ABAPGit 在 SAP ABAP 系统安装 abap2xlsx 工具试读版
如何使用 ABAPGit 在 SAP ABAP 系统安装 abap2xlsx 工具试读版
|
4月前
|
存储 数据采集 监控
如何在 SAP S4HANA 中使用 Data Volume Management 工具来确定哪些数据需要归档
如何在 SAP S4HANA 中使用 Data Volume Management 工具来确定哪些数据需要归档