我的第一个web页面-CSDN博客

本文链接：https://blog.csdn.net/2403_87142815/article/details/142054375

1、新建一个测试类

1.1、在刚刚新建的demo项止中，新建一个存放class的包，右键Java Resources目录下的src/main/java目录，右击新建，如下：

在接下来弹出的界面中，输入我的包名，如图所示：

1.2、在此包下新建一个类，按通常来讲，搞个HelloWorld吧，右键点击刚才的com.dodow.test包，新建一个类，如下界面：

在弹出的对话框中输入类中，点击新建完成：

在新类中就可以编写我们第一个类了

1.3、完善刚才的类，如下：

/**
 *@Title:HelloWorld.java
 *@Package:com.dodow.test
 *@Desc:TODO() 
 *@Author:hp
 *@Date:2024年9月9日  11:27:56
 *@Version:v1.0
 */
package com.dodow.test;

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

/**@Desc:  */
@ManagedBean(name="helloWorld")
@RequestScoped
public class HelloWorld {
	private String message;
	public String homeWorld(){
		return "HelloWorld started!";
	}
	public String getMessage() {
		return message;
	}
	public void setMessage(String message) {
		this.message=message;
	}
}

2、新建我的第一个页面文件

右键点击webapp，在此目录下新建我们第一个.xhtml文件，如下图所示：

在弹出的对话框中输入我们第一个页面文件test.xthml如下图：

这样我们就有了一个test.xhtml文件，在此文件中调用我们的HelloWorld的 homeWorld()方法，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
	<head>
		<title>
			JSF Tutorial!
		</title>
	</head>
<body>
<h2>JSF Tutorial!</h2>
#{helloWorld.homeWorld()}
</body>
</html>

这里我们要注意一下，上一篇帖子里配置jsf的路径时，我们在web.xml里指定了一个路径，修改一下：如下：

  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>/*</url-pattern>
  </servlet-mapping>

将<url-pattern>指定的路径/faces/*改为如上所示/*即可。然后发布项目，并启动jboss，不会的看上一篇。然后在浏览器中输入http://localhost/demo/test.xhtml（为什么没有带端口，请看第一个帖子，已经将端口改为80），即可以看到如下界面，大功告成。