Web Dynpro 开发指南.docx

Web Dynpro开发指南目录使用指南12007-4-181目录21总体介绍41.1DC工程结构说明41.2开发一个程序的一般过程52SAP NETWEAVER 开发指南52.1第一章 HELLO WORD52.2第二章 MASTER PAGE的使用292.3第三章基本控件的使用302.3.1第一节基本控件302.3.2第二节 VIEWSET的使用352.3.3第三节页面跳转362.3.4第四节 FILEUPLOAD与FILEDOWNLOAD392.4第四章 ADOBE开发中脚本的使用472.4.1第一节使用脚本添加删除TABLE的行472.4.2第二节使用脚本添加删除一个子表单（SUBFORM）492.4.3第三节用JAVASCRIPT做弹出对话框502.4.4第四节一个实现大写金额的示例代码512.5第五章弹出子窗口552.5.1按如下结构创建工程552.5.2按下图样式编辑EmailView的用户界面（这里的内容是Web Dynpro中的控件而非Adobe中的控件）。562.5.3为按钮Search(Google)添加Action562.5.4接下来我们要实现如下图所示的通讯录功能：572.5.5实现 EmailWindow 与AddressbookWindow的交互632.5.6添加确认窗口692.6第六章动态添加行712.6.1创建工程结构712.6.2创建Context712.6.3编辑AddrowCompView722.6.4View Controller的开发732.6.5Eee732.7操作CONTEXT742.8调用BAPI752.9添加RFC中的结构方式80总体介绍DC工程结构说明开发一个程序的一般过程??创建一个Project??创建一个Application??在Component Controller创建一个Context ??创建一个 View??创建一个 Viewset??把 View 嵌入到 Viewset中??添加页面导航??设计布局??数据绑定??发布、运行程序SAP NETWEAVER 开发指南第一章 HELLO WORD双击桌面上的快捷方式，打开‘SAP NetWeaver Developer Studio’，或者选择‘开始->程序’中的链接；下面是软件打开后的开发界面（如果是第一次打开软件，则默认有一个‘Project001’）；删除‘Project001’，右键单击‘Project001’，选中‘Delete’；在弹出的对话框中可以选择是否彻底删除Project001的文件，这里选择不彻底删除，即‘Do not delete contents’，然后单击‘Yes’继续；下面开始创建一个自己的project，选择菜单‘File->New->Web Dynpro Project’创建一个Web Dynpro Project；在弹出对话框中输入project的名字，如AdobeTesting，单击‘Finish’完成创建；（注意：Project的名字必须是由‘a..z’、‘A..Z’、‘0..9’和‘_’组成，且要以大写开头。）可以看到在Web Dynpro Explorer窗口新增加了一个project如下；下面开始创建一个‘Application’，选中‘AdobeTesting->Web Dynpro->Application->Create Application’开始创建；在弹出对话框中输入Application的名字和Package的名字如：‘AdobeTesting’和‘com.sap.adobe.test’，单击‘Next’继续；这里选择创建一个新的组件，即‘Create a new component’；单击‘Next’继续；这里不做任何修改，默认，单击‘Finish’完成创建；可以看到在Application下已经有一个‘AdobeTesting’；展开树状结构，选择‘AdobeTesting->Web Dynpro-->Web Dynpro Component->AdobeTesting->Views->AdobeTestingView->’，双击‘AdobeTestingView’，并单击‘Context’如下；接下来需要在Context中定义Form要用到的参数，注意：‘dataSource’和‘pdfSource’的概念，重要！右键单击‘Context’，选择‘New->Value Node’；在弹出的对话框中输入Name，如‘Datasource’，单击‘Finish’完成创建；可以看到在Context中已产生一个‘Datasource’；右键单击‘Datasource’，选择‘New->Value Attribute’;在弹出对话框中输入Name，如‘d