0
点赞
收藏
分享

微信扫一扫

ADF_General JSF系列1_创建一个简单的JSF Application

覃榜言 2022-04-01 阅读 31

2015-02-17 Creatd By BaoXinjian

ADF_General JSF系列1_创建一个简单的JSF Application_ADF一、摘要

本文介绍如何创建一个简单的Application

Step 1: Create a New Application and Project

Step 2: Create a JSF Page

Step 3: Design the UI

Step 4: Modify the Behavior Through Code


ADF_General JSF系列1_创建一个简单的JSF Application_ADF_021: Create a New Application and Project

Step1. 创建Custom Application

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_03

Step2.  查看错所创建的Application

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_04


ADF_General JSF系列1_创建一个简单的JSF Application_控件_052: Create a JSF Page

Step1. 创建测试页面

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_06

Step2. 简单测试页面如下

ADF_General JSF系列1_创建一个简单的JSF Application_html_07


ADF_General JSF系列1_创建一个简单的JSF Application_控件_083: Design the UI

Step1. 导入HTML和JSF控件

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_09

Step2.  最后组成如下控件

ADF_General JSF系列1_创建一个简单的JSF Application_java_10


ADF_General JSF系列1_创建一个简单的JSF Application_java_114: Modify the Behavior Through Code

Step1.  建立Managed Bean

ADF_General JSF系列1_创建一个简单的JSF Application_java_12

Step2.  添加Button方法

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_13

Step3.  查看所创建的Java Managed Bean

ADF_General JSF系列1_创建一个简单的JSF Application_控件_14

Step4. Managed Bean中的代码


package project.backing;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import javax.faces.component.html.HtmlCommandButton;
import javax.faces.component.html.HtmlForm;
import javax.faces.component.html.HtmlInputText;
import javax.faces.component.html.HtmlOutputText;

@ManagedBean(name="backing_start")
@RequestScoped
public class StartInfo {
private HtmlOutputText outputText1;
private HtmlCommandButton commandButton1;
private HtmlInputText inputText1;
private HtmlForm form1;

public StartInfo() {
}

public void setOutputText1(HtmlOutputText outputText1) {
this.outputText1 = outputText1;
}

public HtmlOutputText getOutputText1() {
return outputText1;
}

public void setCommandButton1(HtmlCommandButton commandButton1) {
this.commandButton1 = commandButton1;
}

public HtmlCommandButton getCommandButton1() {
return commandButton1;
}

public void setInputText1(HtmlInputText inputText1) {
this.inputText1 = inputText1;
}

public HtmlInputText getInputText1() {
return inputText1;
}

public void setForm1(HtmlForm form1) {
this.form1 = form1;
}

public HtmlForm getForm1() {
return form1;
}

public Object commandButton1_action() {
// Add event code here...
outputText1.setValue("Hello "+inputText1.getValue());
return null;
}
}


Step5.  页面测试结果,当点击按钮式,将Input的值数据到显示栏位

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_15 

ADF_General JSF系列1_创建一个简单的JSF Application_ADF_16

Thanks and Regards


举报

相关推荐

0 条评论