我是靠谱客的博主 阔达狗,最近开发中收集的这篇文章主要介绍idea不使用maven的骨架,搭建一个简单的web工程,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

前提:jdk、maven插件已经安装并配置完成。
使用的技术:idea开发工具、maven工程、Servlet、maven自身集成的tomcat7
具体步骤:

  1. create new project.
    在这里插入图片描述

  2. 选择Maven项目,jdk会默认选中,单击Next.
    在这里插入图片描述

  3. 输入项目坐标名称(一般为公司名)和项目名,单击Next.
    在这里插入图片描述

  4. 输入项目名和存储路径(默认会给出,也可以修改),单击Finish
    在这里插入图片描述

  5. 如图所示,创建出了一个普通的项目结构
    在这里插入图片描述

  6. 指定java目录的类型。用于存放核心代码
    右键点击main文件夹下面的 java文件夹–>MARK Directory As —>Sources Root。如果文件夹的图标是蓝色的,即已经指定了目录结构,不用再指定
    在这里插入图片描述

  7. 指定resources的目录的类型。用于存放配置文件
    右键点击main文件夹下面的 resources文件夹–>MARK Directory As —>Resources Root。如果图标右下角有四条杠,即已经指定了目录结构,不用再指定
    在这里插入图片描述

  8. 在test目录下创建一个名为resources的目录的类型。用于存放测试的配置文件
    右键点击该文件–>MARK Directory As —>Test Resources Root。如果图标右下角有四条杠,即已经指定了目录结构,不用再指定
    在这里插入图片描述

设置完后:
在这里插入图片描述

  1. 设置该项目为一个web项目。
    点击file–>Project Structure–>Module–>右键项目名–>选择Add–>选择web。
    在这里插入图片描述
    出现下图界面 :
    如果配置正确则单击OK,否则按图示修改.
    在这里插入图片描述

  2. 配置成功后则项目结构main中会出现一个图标到红点的web目录,并需要把该目录移到main目录下。
    在这里插入图片描述
    修改目录名为webapp。maven工程中只识别webapp,不识别web。
    在这里插入图片描述

  3. 现在,一个基本的maven工程web项目结构配置完成。

  4. 配置maven工程的依赖管理(在pom.xml中配置依赖的jar包),步骤如下:

  5. 配置打包方式。
    共有三种包的类型:jar/war/pom[]。因为是web项目,所以这里用war包。

<packaging>war</packaging>
  1. 引入servlet和jsp相关api。
    Servlet如果想要注解配置,导入3.1.0版本。如果使用web.xml来配置,导入2.5版本即可。这里引入的Servlet是3.1.0。如果本地仓库没有该版本的jar文件,则会报红,则需要联网到私服/中央仓库下载jar包
	<dependencies>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>javax.servlet-api</artifactId>
			<version>3.1.0</version>    
			<scope>provided</scope> <!--由于tomcat中已经继承了该jar包,所以该jar包只需用在运行时即可,否则会出现jar包冲突-->
		</dependency>
		<dependency>
			<groupId>javax.servlet.jsp</groupId>
			<artifactId>jsp-api</artifactId>
			<version>2.0</version>
			<scope>provided</scope>  <!--由于tomcat中已经继承了该jar包,所以该jar包只需用在运行时即可,否则会出现jar包冲突-->
		</dependency>
	</dependencies>
  1. 因为需要将项目部署到tomcat7上运行,所以需要引入 jdk(版本跟本机配置的一致,我的jdk是1.9) 和 tomcat7 插件
	<properties><!--配置编码-->
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.9</maven.compiler.source>
        <maven.compiler.target>1.9</maven.compiler.target>
    </properties>
    <build>
        <plugins>
            <plugin>  <!--配置jdk插件-->
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.7.0</version>
                <configuration>
                    <source>1.9</source>
                    <target>1.9</target>
                </configuration>
            </plugin>
            <plugin>  <!--配置tomcat7-->
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
                <configuration>
                    <port>8080</port>
                </configuration>
            </plugin>
        </plugins>
    </build>
  1. 可以在src/main/java目录下开始写java代码,webapp目录可以放web页面资源,Resources可以放配置文件
    目录结构:
    一个Servlet.java文件,一个hello.jsp页面。测试:Servlet转发到hello.jsp页面
    在这里插入图片描述
    testServlet.java文件:
@WebServlet("/testServlet")
public class testServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.getRequestDispatcher("/hello.jsp").forward(request,response);
    }
    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

hello.jsp页面:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    Hello World!!!
</body>
</html>
  1. 使用前面在pom.xml文件中配置好的tomcat7 部署:
    打开右侧的Maven Project界面,按图示步骤部署项目
    在这里插入图片描述
    当控制台出现下图所示,即部署成功,复制网址加上Servlet的访问路径即可访问。
    在这里插入图片描述
    浏览器显示:
    在这里插入图片描述

  2. 至此,一个简单的maven工程web项目已经搭建完成!!!

最后

以上就是阔达狗为你收集整理的idea不使用maven的骨架,搭建一个简单的web工程的全部内容,希望文章能够帮你解决idea不使用maven的骨架,搭建一个简单的web工程所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部