IDEA 2020.2 部署JSF项目的详细过程

下面我将为您详细讲解"IDEA 2020.2 部署JSF项目的详细过程"的完整攻略。

环境准备

JDK 1.8
IDEA 2020.2

项目创建

打开IDEA
新建一个Web项目
选择JSF和Maven
点击下一步，填写Maven的坐标和项目名等信息
完成项目创建

项目依赖

在项目的pom.xml文件中添加以下相关依赖：

<dependencies>
  <dependency>
    <groupId>javax.faces</groupId>
    <artifactId>javax.faces-api</artifactId>
    <version>2.3</version>
  </dependency>

  <dependency>
    <groupId>com.sun.faces</groupId>
    <artifactId>jsf-impl</artifactId>
    <version>2.3.13</version>
  </dependency>

  <!-- Servlet -->
  <dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>4.0.1</version>
    <scope>provided</scope>
  </dependency>

  <!-- JSP API -->
  <dependency>
    <groupId>javax.servlet.jsp</groupId>
    <artifactId>javax.servlet.jsp-api</artifactId>
    <version>2.3.3</version>
    <scope>provided</scope>
  </dependency>

  <!-- EL -->
  <dependency>
    <groupId>javax.el</groupId>
    <artifactId>javax.el-api</artifactId>
    <version>3.0.1-b06</version>
  </dependency>

  <!-- 增加JSF的EL实现 -->
  <dependency>
    <groupId>org.glassfish</groupId>
    <artifactId>javax.faces.el</artifactId>
    <version>2.3.13</version>
  </dependency>  
</dependencies>

编写JSF页面

在Web应用程序的Web目录下新建一个index.xhtml文件并编写以下内容：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
   <h:head>
      <title>JSF Hello World!</title>
   </h:head>
   <h:body>
      <h2>Welcome to JSF!</h2>
      <h:form>
         <h:outputLabel for="firstName" value="Enter your first name: " />
         <h:inputText id="firstName" value="#{helloWorldBean.firstName}" />
         <br/><br/>
         <h:outputLabel for="lastName" value="Enter your last name: " />
         <h:inputText id="lastName" value="#{helloWorldBean.lastName}" />
         <br/><br/>
         <h:commandButton value="Say hello!" action="#{helloWorldBean.sayHello}" />
         <br/><br/>
         <h:outputLabel for="message" value="Output message: " />
         <h:outputText id="message" value="#{helloWorldBean.message}" />
      </h:form>
   </h:body>
</html>

编写Managed Bean

在src/main/java目录下，新建一个Java类HelloWorldBean.java，并编写以下内容：

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean(name = "helloWorldBean")
@RequestScoped
public class HelloWorldBean {

   private String firstName;
   private String lastName;
   private String message;

   public String getFirstName() {
      return firstName;
   }

   public void setFirstName(String firstName) {
      this.firstName = firstName;
   }

   public String getLastName() {
      return lastName;
   }

   public void setLastName(String lastName) {
      this.lastName = lastName;
   }

   public String getMessage() {
      return message;
   }

   public void setMessage(String message) {
      this.message = message;
   }

   public String sayHello() {
      message = "Hello, " + firstName + " " + lastName + "!";
      return "success";
   }
}

部署项目

选择Run->Edit Configurations，点击左上角的+号新建一个配置，选择Tomcat Server，填写相关配置信息。最后点击OK保存。

点击Run按钮，选择Tomcat拼装的配置，启动Tomcat，并访问http://localhost:8080/项目名/index.xhtml即可看到我们刚刚编写的JSF页面。

示例

在JSF页面上输入姓名和生日信息，并点击Say hello按钮，页面上将显示Hello, XXX。
在JSF页面上输入姓名和生日信息，并故意留空其中一或两项信息后，点击Say hello按钮，页面上将显示姓名和生日信息不能为空。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：IDEA 2020.2 部署JSF项目的详细过程 - Python技术站