步骤一、创建一个 Web Dynpro项目
按照路径 File New Project打开项目创建向导,选择的Web Dynpro类别(在左窗格中),随后的Web Dynpro Project(在右窗格中)。选择Next。
填写项目名,储存路径及项目的语言,点击按钮Finish。
步骤二、创建Web Dynpro Application
按照以下路径创建Web Dynpro Application。
输入Web Dynpro Application的名称指定包名,点击按钮Next
选中Create a new component选项,点击按钮Next。
输入Web Dynpro组件的名称和指定包名,将生成的Java类(如com.sap.examples.welcome),输入窗体及视图名称,点击按钮Finish。
步骤三、创建WS的Model
按照以下路径,创建Web Service的Model。
选择选项Import Web Service Model-DEPRECATED,点击按钮Next。
填写Model名称,所存包的名称及选择WS路径如下,点击按钮Next。
选择生成的WS,点击按钮Next。
点击按钮Finish。
步骤四、参照Model进行数据建模
按照以下路径将导入的Model添加到组件中。
选择组建,点击按钮OK。
在以下树形结构中选择视图EmployeeSalaryView。
选择Context标签页。
选择Context根节点,右键按照以下路径,创建Model节点。
输入节点名称,点击按钮Finish。
编辑结果如下:
选中节点右键,按照以下路径为节点创建映射。
选择要映射的Model节点,点击按钮Next。
选择要创建的属性,点击按钮Finish。
编辑结果如下:
选择Context根节点,右键按照以下路径,创建属性节点。
填入属性节点名称,点击按钮Finish。
选中节点右键,按照以下路径为节点创建值属性。
编辑结果如下:
注:属性salary类型设定为decimal如下,其余类型为String。
步骤五、编辑视图View布局
编辑UI元素DefaultTextView的Text属性,创建容器类UI元素Group,如下:
在UI元素Grp_EmployeeSalary创建Form,编辑如下:
通过向导为视图创建Button,选择ActionButton,点击按钮Next。
输入标签及动作相关信息如下,点击按钮Finish。
创建容器类UI元素Tray,如下:
在UI元素Try_EmployeeSalaryList中创建Table,编辑如下:
视图编辑结果如下:
步骤五、编辑视图View方法
选中视图Methods标签页,点击按钮New,为视图添加方法。
选择Method选项,点击按钮Next。
输入方法名,点击按钮Finish。
初始化方法wdDoInit编辑如下:
自定义方法searchAll编辑如下:
按钮对应处理方法onActionInsert编辑如下:
导入包如下:
步骤六、保存、编译、发布项目并运行Application
选中项目根节点右键,按照以下路径保存项目。
选中项目根节点右键,按照以下路径编译项目。
展开节点Web DynproApplication,选中节点下的Application
发布结果如下:
1.1.1. WS实例测试
运行结果如下,填写薪资信息后,点击按钮
。
追加效果如下:
领取专属 10元无门槛券
私享最新 技术干货