Webdynproforabap入门教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
一. WDA MVC框架
二. WDA学习路线
三. WDA应用程序实现步骤 四. PA教材
WEB DYNPRO FOR ABAP
WDA MVC框架
WEB DYNPRO FOR ABAP
MVC框架
所谓MVC(模型Model-视图View-控制器Controller)框架，是一种软件设计思想， 将业务逻辑、数据源、用户界面分离组织代码的方法。（JAVA应用很多都是基于 这个架构）具体各层交互原理及作用
WEB DYNPRO FOR ABAP
WDA应用程序理解
WDA应用程序类似Dialog，Dialog是Paint 用户界面，然后具体去实现数据 、响应用户操作.. WDA类似：Tcode-SE80创建了WDA Comp.后，整体框架(MVC)系统默认 已有，剩下的就是视图建立(View)、数据源Coding(Context)、绑定视图 (Binding)和数据以及响应用户事件(Events)
WEB DYNPRO FOR ABAP
WDA学习路线
WEB DYNPRO FOR ABAP
学习路线
首要条件：环境 具体学习路线-仅作参考 Roadmap for learning Web Dynpro for ABAP. Ø Understanding the architecture of Web Dynpro Component Ø Understanding the Constituents of Web Dynpro Controller Ø Creating Context elements and context mapping Ø Data binding concepts Ø Explains the navigation and the data transfer in and out of Web Dynpro controller Ø Define simple UI elements Ø Internationalize Web Dynpro application Ø Message Handling in web dynpro environment Ø Define Value help, dictionary help and simple help Ø Component usage concepts of Web dynpro Ø Basics of Using ABAP List Viewer in Web Dynpro for ABAP Ø Create basic Web dynpro applications using common web dynpro tools.
WEB DYNPRO FOR ABAP
WDA应用程序实现
WEB DYNPRO FOR ABAP
WDA应用程序框架
WEB DYNPRO FOR ABAP
WDA应用程序实现具体步骤
1.创建用户视图-Views 2.定义Context 3.数据绑定 4.事件响应等Coding 5.创建WDA Applications 6.发布并运行WDA Applications
WEB DYNPRO FOR ABAP
注意：Mapping的Context 节点下方会有一个 ‘→’
wenku.baidu.com
WEB DYNPRO FOR ABAP
3.数据绑定
数据绑定即视图界面UI Elemetns引用该视图的Context中内容。 要注意的一点是，某个视图中Element只能引用该视图Context中的内容， 如需引用组件控制器Context，需要做上面提到的Mapping. 以WDA中的INPUT_FIELD为例，绑定数据源即指定value来源
5.创建WDA Applications
创建WDA Applications，记得激活
WEB DYNPRO FOR ABAP
6.发布并运行WDA Applications
WDA应用程序服务器事先是配置好的（不配置的话，无法进行开发，更别说发 布运行） 激活了创建的WDA 应用程序后，每个应用程序会自动生成一个URL地址（即 发布到服务器），将URL粘贴到浏览器地址栏即可查看效果
WEB DYNPRO FOR ABAP
WDA MVC
而对于WDA来说，其MVC框架通过各个组件控制器（Component Controller/nterface Controller/Views/Windows）、上下文-Context（包含Nodes/Attributes）等之间映射关 联来实现
交流学习
WDA学习和其他开发语言一样，在于结合实际需求，所以，大家一起加油喽！ 另外，可以关注下我的博客: Hopesap工作室 [ http://hopewei.com ]，空闲我会经 常更新一些内容，大家多交流！
WEB DYNPRO FOR ABAP
4.事件响应等Coding
Paint界面后，很多Elements会有事件响应等需求，最常见的就是Button了 比如，视图创建了一个SEARCH Button，然后，在Button属性界面中指定 onAction事件SEARCH
WEB DYNPRO FOR ABAP
指定onAction后，系统会自动创建一个 ONACTION+<Event Name> 的 EventHandler(对应一个同名的Method)
WEB DYNPRO FOR ABAP 然后，双击Event Hnadler或Action可以跳转到Conding实现界面
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP WDA通过控制ROOTUIELEMENTCONTAINER Layout属性以及框架内各Element Layout属性来控制界面整体布局 ROOTUIELEMENTCONTAINER支持多种Layout，常用的FlowLayout、MatrixLayout 、GridLayout、RowLayout 对应各Element Lyout属性，只能基于ROOTUIELEMENTCONTAINER 定义Layout Data
不过，WDA最终显示是在浏览器中，这是一种区别(当然，不是说WDA就 是Dialog，只是说两者有比较多的类似点，有助理解).
WEB DYNPRO FOR ABAP
1.创建用户视图-Views
视图主要在于UI Elements/Layout的使用 UI Elements即界面元素，比如INPUT_FIELD/BUTTON/TABLE等等WDA， 有专门的UI面板，可直接拖拽Elements到视图界面
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
2.定义Context
Context在WDA中用于指定程序数据源、属性等，有Node/Attribute，根据创建 属性不同，可理解为ABAP中的变量、内表、工作区等。 Context分为组件控制器的Context以及各视图自有的Context，可以理解为全局 变量和局部变量（各视图可Mapping组件控制器的Context）
WEB DYNPRO FOR ABAP
PA教材
WEB DYNPRO FOR ABAP
PA教材，WDA对应的教程是 NET310、NET312等(每个章节后面都有练习)
NET310，介绍WDA的框架等 NET312，详细介绍UI Elements应用 其他略.
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
一. WDA MVC框架
二. WDA学习路线
三. WDA应用程序实现步骤 四. PA教材
WEB DYNPRO FOR ABAP
WDA MVC框架
WEB DYNPRO FOR ABAP
MVC框架
所谓MVC(模型Model-视图View-控制器Controller)框架，是一种软件设计思想， 将业务逻辑、数据源、用户界面分离组织代码的方法。（JAVA应用很多都是基于 这个架构）具体各层交互原理及作用
WEB DYNPRO FOR ABAP
WDA应用程序理解
WDA应用程序类似Dialog，Dialog是Paint 用户界面，然后具体去实现数据 、响应用户操作.. WDA类似：Tcode-SE80创建了WDA Comp.后，整体框架(MVC)系统默认 已有，剩下的就是视图建立(View)、数据源Coding(Context)、绑定视图 (Binding)和数据以及响应用户事件(Events)
WEB DYNPRO FOR ABAP
WDA学习路线
WEB DYNPRO FOR ABAP
学习路线
首要条件：环境 具体学习路线-仅作参考 Roadmap for learning Web Dynpro for ABAP. Ø Understanding the architecture of Web Dynpro Component Ø Understanding the Constituents of Web Dynpro Controller Ø Creating Context elements and context mapping Ø Data binding concepts Ø Explains the navigation and the data transfer in and out of Web Dynpro controller Ø Define simple UI elements Ø Internationalize Web Dynpro application Ø Message Handling in web dynpro environment Ø Define Value help, dictionary help and simple help Ø Component usage concepts of Web dynpro Ø Basics of Using ABAP List Viewer in Web Dynpro for ABAP Ø Create basic Web dynpro applications using common web dynpro tools.
WEB DYNPRO FOR ABAP
WDA应用程序实现
WEB DYNPRO FOR ABAP
WDA应用程序框架
WEB DYNPRO FOR ABAP
WDA应用程序实现具体步骤
1.创建用户视图-Views 2.定义Context 3.数据绑定 4.事件响应等Coding 5.创建WDA Applications 6.发布并运行WDA Applications
WEB DYNPRO FOR ABAP
注意：Mapping的Context 节点下方会有一个 ‘→’
wenku.baidu.com
WEB DYNPRO FOR ABAP
3.数据绑定
数据绑定即视图界面UI Elemetns引用该视图的Context中内容。 要注意的一点是，某个视图中Element只能引用该视图Context中的内容， 如需引用组件控制器Context，需要做上面提到的Mapping. 以WDA中的INPUT_FIELD为例，绑定数据源即指定value来源
5.创建WDA Applications
创建WDA Applications，记得激活
WEB DYNPRO FOR ABAP
6.发布并运行WDA Applications
WDA应用程序服务器事先是配置好的（不配置的话，无法进行开发，更别说发 布运行） 激活了创建的WDA 应用程序后，每个应用程序会自动生成一个URL地址（即 发布到服务器），将URL粘贴到浏览器地址栏即可查看效果
WEB DYNPRO FOR ABAP
WDA MVC
而对于WDA来说，其MVC框架通过各个组件控制器（Component Controller/nterface Controller/Views/Windows）、上下文-Context（包含Nodes/Attributes）等之间映射关 联来实现
交流学习
WDA学习和其他开发语言一样，在于结合实际需求，所以，大家一起加油喽！ 另外，可以关注下我的博客: Hopesap工作室 [ http://hopewei.com ]，空闲我会经 常更新一些内容，大家多交流！
WEB DYNPRO FOR ABAP
4.事件响应等Coding
Paint界面后，很多Elements会有事件响应等需求，最常见的就是Button了 比如，视图创建了一个SEARCH Button，然后，在Button属性界面中指定 onAction事件SEARCH
WEB DYNPRO FOR ABAP
指定onAction后，系统会自动创建一个 ONACTION+<Event Name> 的 EventHandler(对应一个同名的Method)
WEB DYNPRO FOR ABAP 然后，双击Event Hnadler或Action可以跳转到Conding实现界面
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP WDA通过控制ROOTUIELEMENTCONTAINER Layout属性以及框架内各Element Layout属性来控制界面整体布局 ROOTUIELEMENTCONTAINER支持多种Layout，常用的FlowLayout、MatrixLayout 、GridLayout、RowLayout 对应各Element Lyout属性，只能基于ROOTUIELEMENTCONTAINER 定义Layout Data
不过，WDA最终显示是在浏览器中，这是一种区别(当然，不是说WDA就 是Dialog，只是说两者有比较多的类似点，有助理解).
WEB DYNPRO FOR ABAP
1.创建用户视图-Views
视图主要在于UI Elements/Layout的使用 UI Elements即界面元素，比如INPUT_FIELD/BUTTON/TABLE等等WDA， 有专门的UI面板，可直接拖拽Elements到视图界面
WEB DYNPRO FOR ABAP
WEB DYNPRO FOR ABAP
2.定义Context
Context在WDA中用于指定程序数据源、属性等，有Node/Attribute，根据创建 属性不同，可理解为ABAP中的变量、内表、工作区等。 Context分为组件控制器的Context以及各视图自有的Context，可以理解为全局 变量和局部变量（各视图可Mapping组件控制器的Context）
WEB DYNPRO FOR ABAP
PA教材
WEB DYNPRO FOR ABAP
PA教材，WDA对应的教程是 NET310、NET312等(每个章节后面都有练习)
NET310，介绍WDA的框架等 NET312，详细介绍UI Elements应用 其他略.
WEB DYNPRO FOR ABAP