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