(Java Web) 创建Web项目基本流程

手动创建Web项目

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

在这里插入图片描述

<!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

在这里插入图片描述

启动Tomcat

在这里插入图片描述

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

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

这就完成了最简单的部署

在这里插入图片描述

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

在这里插入图片描述

WEB-INF配置目录

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

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

在这里插入图片描述

这里的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>

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

在这里插入图片描述

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

在命令行打包Web

首先我们在需要打包的项目下进入cmd,并输入,生成.war的压缩包

如果出现'jar' 不是内部或外部命令,也不是可运行的程序 或批处理文件。这要进行环境配置

(Java Web)Tomcat安装和启动

jar cvf tmp.war .

cvf 是命令参数,表示生成一个文档、显示生成过程、指定生成的文件名。

最后一个点号表示要将当前目录中所有内容进行打包。(不能忘)

在这里插入图片描述

然后把该tmp.war文件复制到tomcat\webapps下,并重新启动Tomcat

会自动解压(同时生成一个META-INF文件夹)

在这里插入图片描述

访问操作与前面相同

在这里插入图片描述




使用eclipse创建项目

版本

在这里插入图片描述

创建项目

在这里插入图片描述

这里的Dynamic web module version选择2.5

一路next点下去,注意最后的建立 web.xml要勾上

在这里插入图片描述

生成项目

在这里插入图片描述

这里在webapp下建立一个html文件(html 5即可)

在这里插入图片描述

设置运行环境

Java -> Install JRES -> Add

这里可以把eclipse的jre路径修改成我们电脑内自带的路径

(由于个人的jdk是高版本,没有jre所以没有重设)

在这里插入图片描述

Server -> Runtime Environments > Add

在这里插入图片描述

根据自己的Tomcat版本路径设置

在这里插入图片描述

Servers中获取一下服务

在这里插入图片描述

工作区会生成改文件,这是eclipse对原来服务器的拷贝

当然使用时,eclipse和自己计算机上的tomcat只能打开一个

在这里插入图片描述

启动和关闭服务

在这里插入图片描述

运行程序

在这里插入图片描述

成功运行

在这里插入图片描述

根据习惯或需求修改默认浏览器

Window -> Web Browser

在这里插入图片描述

打包项目

File -> Export -> Web -> WAR file

在这里插入图片描述

路径我们直接放到 Tomcat的webapps

**注意:**选择路径的时候,我们需要手动添加.war这个后缀

在这里插入图片描述

大功告成!

在这里插入图片描述




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值