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

相关推荐
程序员爱技术1 小时前
Vue 2 + JavaScript + vue-count-to 集成案例
前端·javascript·vue.js
并不会2 小时前
常见 CSS 选择器用法
前端·css·学习·html·前端开发·css选择器
衣乌安、2 小时前
【CSS】居中样式
前端·css·css3
兔老大的胡萝卜2 小时前
ppk谈JavaScript,悟透JavaScript,精通CSS高级Web,JavaScript DOM编程艺术,高性能JavaScript pdf
前端·javascript
低代码布道师2 小时前
CSS的三个重点
前端·css
耶啵奶膘4 小时前
uniapp-是否删除
linux·前端·uni-app
王哈哈^_^5 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie6 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic6 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿7 小时前
webWorker基本用法
前端·javascript·vue.js