NO4 实验四:生成Web工程

1、说明

使用 mvn archetype:generate 命令生成 Web 工程时,需要使用一个专门的 archetype。这个专门生成 Web 工程骨架的 archetype 可以参照官网看到它的用法:

2、操作

注意:如果在上一个工程的目录下执行 mvn archetype:generate 命令, Maven 会报错:不能在一个非 pom 的工程下再创建其他工程。因此不要在刚才创建的工程里再创建新的工程,要回到工作空间根目录来操作。

然后运行生成工程的命令:

复制代码
mvn archetype:generate -DarchetypeGroupId=org.apache.maven.archetypes -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.4

下面的操作按照提示执行:
提示

定义属性 'groupId' 的值: com.atguigu.maven 定义属性 'artifactId' 的值: pro02-maven-web 定义属性"版本"的值 1.0-快照: :【直接回车,使用默认值】

定义属性 'package' com.atguigu.maven 的值: :【直接回车,使用默认值】 确认属性配置: groupId: com.atguigu.maven artifactId: pro02-maven-web 版本: 1.0-快照 软件包: com.atguigu.maven Y: :【直接回车,表示确认】

#3、生成的绒球.xml

确认打包的方式是war包形式

XML 复制代码
<packaging>war</packaging>

4、生成的Web工程的目录结构

webapp 目录下有 index.jsp

WEB-INF 目录下有 web.xml

#5、创建 Servlet

#(1)在 main 目录下创建 java 目录

(2)在 java 目录下创建 Servlet 类所在的包的目录

(3)在包下创建 Servlet 类

java 复制代码
package com.atguigu.maven;
	
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.ServletException;
import java.io.IOException;
	
public class HelloServlet extends HttpServlet{
	
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		response.getWriter().write("hello maven web");
		
	}
	
}

(4)在 web.xml 中注册 Servlet

XML 复制代码
<servlet>
	<servlet-name>helloServlet</servlet-name>
	<servlet-class>com.atguigu.maven.HelloServlet</servlet-class>
  </servlet>
  <servlet-mapping>
	<servlet-name>helloServlet</servlet-name>
	<url-pattern>/helloServlet</url-pattern>
  </servlet-mapping>

6、在 index.jsp 页面编写超链接

javascript 复制代码
<html>
<body>
<h2>Hello World!</h2>
<a href="helloServlet">Access Servlet</a>
</body>
</html>

7、编译

Web工程依赖 servlet-api.jar 包,要将依赖添加后才能编译成功。

8、配置对 servlet-api.jar 包的依赖

依赖可以到 https://mvnrepository.com/ 网站查询。使用关键词搜索,然后在搜索结果列表中选择适合的使用。

找到的 servlet-api 的依赖信息:

XML 复制代码
<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>3.1.0</version>
    <scope>provided</scope>
</dependency>

把上面的信息加入 pom.xml。重新执行 mvn compile 命令.

9、将 Web 工程打包为 war 包

运行 mvn package 命令,生成 war 包的位置如下图所示:

10、将 war 包部署到 Tomcat 上运行

将 war 包复制到 Tomcat/webapps 目录下

启动 Tomcat:

通过浏览器尝试访问:http://localhost:8080/pro02-maven-web/index.jsp

相关推荐
ObjectX前端实验室6 分钟前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者8 分钟前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
技术钱18 分钟前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json
路很长OoO27 分钟前
Flutter 插件开发实战:桥接原生 SDK
前端·flutter·harmonyos
开水好喝1 小时前
Code Coverage Part I
前端
DoraBigHead1 小时前
🧭 React 理念:让时间屈服于 UI —— 从同步到可中断的演化之路
前端·javascript·面试
敢敢J的憨憨L2 小时前
GPTL(General Purpose Timing Library)使用教程
java·服务器·前端·c++·轻量级计时工具库
喝拿铁写前端2 小时前
Vue 组件通信的两种世界观:`.sync` 与普通 `props` 到底有什么不同?
前端·vue.js·前端框架
美酒没故事°2 小时前
npm源管理器:nrm
前端·npm·npm源
用户22152044278002 小时前
vue3组件间的通讯方式
前端·vue.js