idea不使用maven的骨架,搭建一个简单的web工程

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

  1. create new project.
    idea不使用maven的骨架,搭建一个简单的web工程_第1张图片

  2. 选择Maven项目,jdk会默认选中,单击Next.
    idea不使用maven的骨架,搭建一个简单的web工程_第2张图片

  3. 输入项目坐标名称(一般为公司名)和项目名,单击Next.
    idea不使用maven的骨架,搭建一个简单的web工程_第3张图片

  4. 输入项目名和存储路径(默认会给出,也可以修改),单击Finish
    idea不使用maven的骨架,搭建一个简单的web工程_第4张图片

  5. 如图所示,创建出了一个普通的项目结构
    idea不使用maven的骨架,搭建一个简单的web工程_第5张图片

  6. 指定java目录的类型。用于存放核心代码
    右键点击main文件夹下面的 java文件夹–>MARK Directory As —>Sources Root。如果文件夹的图标是蓝色的,即已经指定了目录结构,不用再指定
    idea不使用maven的骨架,搭建一个简单的web工程_第6张图片

  7. 指定resources的目录的类型。用于存放配置文件
    右键点击main文件夹下面的 resources文件夹–>MARK Directory As —>Resources Root。如果图标右下角有四条杠,即已经指定了目录结构,不用再指定
    idea不使用maven的骨架,搭建一个简单的web工程_第7张图片

  8. 在test目录下创建一个名为resources的目录的类型。用于存放测试的配置文件
    右键点击该文件–>MARK Directory As —>Test Resources Root。如果图标右下角有四条杠,即已经指定了目录结构,不用再指定
    idea不使用maven的骨架,搭建一个简单的web工程_第8张图片

设置完后:
idea不使用maven的骨架,搭建一个简单的web工程_第9张图片

  1. 设置该项目为一个web项目。
    点击file–>Project Structure–>Module–>右键项目名–>选择Add–>选择web。
    idea不使用maven的骨架,搭建一个简单的web工程_第10张图片
    出现下图界面 :
    如果配置正确则单击OK,否则按图示修改.
    idea不使用maven的骨架,搭建一个简单的web工程_第11张图片

  2. 配置成功后则项目结构main中会出现一个图标到红点的web目录,并需要把该目录移到main目录下。
    idea不使用maven的骨架,搭建一个简单的web工程_第12张图片
    修改目录名为webapp。maven工程中只识别webapp,不识别web。
    idea不使用maven的骨架,搭建一个简单的web工程_第13张图片

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

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

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

war
  1. 引入servlet和jsp相关api。
    Servlet如果想要注解配置,导入3.1.0版本。如果使用web.xml来配置,导入2.5版本即可。这里引入的Servlet是3.1.0。如果本地仓库没有该版本的jar文件,则会报红,则需要联网到私服/中央仓库下载jar包
	
		
			javax.servlet
			javax.servlet-api
			3.1.0    
			provided 
		
		
			javax.servlet.jsp
			jsp-api
			2.0
			provided  
		
	
  1. 因为需要将项目部署到tomcat7上运行,所以需要引入 jdk(版本跟本机配置的一致,我的jdk是1.9) 和 tomcat7 插件
	
        UTF-8
        1.9
        1.9
    
    
        
              
                maven-compiler-plugin
                3.7.0
                
                    1.9
                    1.9
                
            
              
                org.apache.tomcat.maven
                tomcat7-maven-plugin
                2.2
                
                    8080
                
            
        
    
  1. 可以在src/main/java目录下开始写java代码,webapp目录可以放web页面资源,Resources可以放配置文件
    目录结构:
    一个Servlet.java文件,一个hello.jsp页面。测试:Servlet转发到hello.jsp页面
    idea不使用maven的骨架,搭建一个简单的web工程_第14张图片
    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" %>


    Title


    Hello World!!!


  1. 使用前面在pom.xml文件中配置好的tomcat7 部署:
    打开右侧的Maven Project界面,按图示步骤部署项目
    idea不使用maven的骨架,搭建一个简单的web工程_第15张图片
    当控制台出现下图所示,即部署成功,复制网址加上Servlet的访问路径即可访问。
    idea不使用maven的骨架,搭建一个简单的web工程_第16张图片
    浏览器显示:
    idea不使用maven的骨架,搭建一个简单的web工程_第17张图片

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

你可能感兴趣的:(Maven)