java 怎么做简单网页 java制作网页步骤

转载

mob6454cc6658d1 2023-09-20 10:40:55

文章标签 java 怎么做简单网页 java tomcat html javaweb 文章分类 Java 后端开发

文章目录

手动创建Web项目

启动Tomcat
在命令行打包Web

使用eclipse创建项目

创建项目
设置运行环境
打包项目

手动创建Web项目

首先我们创建一个webhello文件夹作为根目录，并在下面创建一个hello.html文件(这里只写些基本代码，仅作演示)

java 怎么做简单网页 java制作网页步骤_tomcat

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello </title>
</head>

<body>
    <pre>
        Hello Web!
    </pre>
</body>

</html>

然后我们直接把该文件夹，复制到tomcat\webapps下

java 怎么做简单网页 java制作网页步骤_html_02

启动Tomcat

java 怎么做简单网页 java制作网页步骤_tomcat_03

会发现，这里会显示部署完成

然后直接在浏览器中操作。http://localhost:8080/后面输入路径。

这就完成了最简单的部署

java 怎么做简单网页 java制作网页步骤_javaweb_04

同样，也可以在该路径下放图片等文件进行显示

java 怎么做简单网页 java制作网页步骤_java_05

WEB-INF配置目录

注意这里的WEB-INF必须大写

我们创建一个名为WEB-INF的文件夹（注意这里的WEB-INF必须大写），在下面创建名为web.xml的文件

java 怎么做简单网页 java制作网页步骤_tomcat_06

这里的web.xml直接抄一段代码，并修改

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
  version="4.0"
  metadata-complete="true">

  <display-name>Welcome to Tomcat</display-name>
  <description>
     Welcome to Tomcat
  </description>

    <!-- 设置欢迎页 -->
    <welcome-file-list>
        <welcome-file>hello.html </welcome-file>
        <!-- <welcome-file>index.htm </welcome-file>
        <welcome-file>index.jsp </welcome-file> -->
    </welcome-file-list>

</web-app>

这段代码的功能，我们直接在下图中得到解答

java 怎么做简单网页 java制作网页步骤_javaweb_07

我们发现，这里只写到了8080后面的根目录(http://localhost:8080/webhello/)，并没有些具体的文件名，就显示到了我们的hello.html文件中
这就是我们做的最简单的欢迎页的设置，代码段：<welcome-file>hello.html </welcome-file>