IDEA + Maven创建并运行Web项目

1. 使用Maven创建项目

2. 给项目添加web.xml

2.1 Project Structure

  • File --> Project Structure 或使用快捷键Ctrl + Alt + Shift + S

2.2 Facets

  • 然后添加一个Web, 在弹出来的选框里选择要添加的项目名称.
  • 点击OK后会跳转到Modules设置.
    在这里插入图片描述
    在这里插入图片描述

2.3 Modules

  • 设置路径
    1. 上面的是web.xml的存放路径, 我选择放在 src/main/webapp下.所以路径从项目名开始就是Web/src/main/webapp/WEB-INF/web.xml.
    2. 下面的是web资源目录. 我选择webapp这个目录.所以路径从项目名开始就是Web/src/main/webapp. 选择OK后可能会提示是否创建目录,选YES.
      在这里插入图片描述

3. Artifacts

  • 选择模块添加Web应用.
  • 添加完成后点右下角Apply然后点OK.
    在这里插入图片描述
    在这里插入图片描述

4. 添加一个index页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
Hello World!
</body>
</html>

5. 添加web服务器, 我使用的是Tomcat.

5.1 使用自已安装的tomcat.

  • 配置运行方式
    在这里插入图片描述

  • +Tomcat Server Local.
    在这里插入图片描述

  • Tomcat配置

    1. tomcat的安装路径
    2. 访问URL
    3. 端口
      在这里插入图片描述
  • 部署项目

    1. + 选择Artifact.
    2. 选择要部署的项目.
      在这里插入图片描述
  • 部署配置

    1. 部署的项目,可多个.
    2. 项目访问路径.
    3. 点Apply.
      在这里插入图片描述
  • 启动tomcat.

    1. 要加上前面配置的访问路径才行, 不想加可以将访问文件改成/.
      在这里插入图片描述

5.2 maven内嵌方式

  • 在pom文件添加打包方式
<packaging>war</packaging>
  • 在pom文件中添加tomcat插件
<build>
    <plugins>
        <!-- 内置tomcat7 -->
        <plugin>
            <groupId>org.apache.tomcat.maven</groupId>
            <artifactId>tomcat7-maven-plugin</artifactId>
            <version>2.2</version>
            <!-- tomcat配置 -->
            <configuration>
                <port>8080</port>
                <path>/</path>
                <uriEncoding>UTF-8</uriEncoding>
            </configuration>
        </plugin>
    </plugins>
</build>
  • 配置运行方式
    在这里插入图片描述

  • +号,选maven
    ![maven]

  • 在Command line输入tomcat7:run,然后点apply.

    1. 数字7代表tomcat版本.![maven-tomcat-run]
  • 启动Tomcat, 就可以正常访问了.
    在这里插入图片描述

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值