五、IDEA中创建Web项目


在这里插入图片描述

5.1 创建Web项目

5.1.1 创建项目

1、打开IDEA,单击“New Project”或者通过File–>new–>Project,在弹出的对话框中输入项目名称,其它的默认选择,点击finish按钮
在这里插入图片描述
在这里插入图片描述
2、为项目添加Web框架支持,右键单击创建的项目,点击Add Framework Support,在弹出的对话框中勾选Web Application(4.0)及Create web.xml复选框,单击“OK”按钮,完成添加。
在这里插入图片描述
在这里插入图片描述
3、添加依赖包,右键单击WEB-INF文件夹,在弹出的对话框中选择New–>Directory命令,创建lib文件夹,将Tomcat安装目录下lib文件夹中的servlet-api.jar文件添加到lib文件夹中。
在这里插入图片描述
4、在servlet-api.jar文件上右击鼠标,选择Add As Library,将jar包添加到Library中
在这里插入图片描述

5.1.2 编写Servlet类

1、在src上右击鼠标–>new–>package–>输入com.cxyzxc.www.servlet01包名(包名你可以自己取)–>回车

2、在包上右击鼠标–>new–>Java Class–>输入ServletDemo02类名–>回车

3、编写ServletDemo02类,实现Servlet接口,重写接口中的5个方法,在service()方法中输出内容

package com.cxyzxc.www.servlet01;

import javax.servlet.*;
import java.io.IOException;

public class ServletDemo02 implements Servlet {
    @Override
    public void init(ServletConfig servletConfig) throws ServletException {

    }

    @Override
    public ServletConfig getServletConfig() {
        return null;
    }

    @Override
    public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
        System.out.println("IDEA中的第一个Servlet案例");
    }

    @Override
    public String getServletInfo() {
        return null;
    }

    @Override
    public void destroy() {

    }
}

4、编译ServletDemo02.java文件,生成ServletDemo02.class文件。在软件上面点击Build–>Build Project,等待片刻,生成out文件夹,里面包含编译后的class文件
在这里插入图片描述
5、编写web.xml配置文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>MySecondServlet</servlet-name>
        <servlet-class>com.cxyzxc.www.servlet01.ServletDemo02</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>MySecondServlet</servlet-name>
        <url-pattern>/secondServlet</url-pattern>
    </servlet-mapping>
</web-app>

5.2 手动部署项目

1)在Tomcat服务器的webapps文件中,创建一个项目文件夹,例如webProject03

2)将IDEA软件中WEB-INF文件夹整体复制到webProject03文件夹中

3)在WEB-INF文件夹中创建classes文件夹,将编译后生成的ServletDemo02.class文件所在的文件夹一起复制到classes文件夹中

4)启动Tomcat,打开浏览器,在浏览器地址栏输入http://localhost:8080/webProject03/secondServlet,可以在Tomcat窗口中看到输出“IDEA中的第一个Servlet案例,手动部署到Tomcat容器中”内容。

5.3 自动部署项目

上述操作中,虽然是在IDEA软件中完成了Servlet代码的编写以及编译,但是还需要手动将WEB-INF文件夹复制到Tomcat的项目文件夹中去,并需要手动在WEB-INF文件中创建classes文件夹,然后将IDEA中编译后的class文件复制到classes文件夹中,比较麻烦。另外,当你的Java文件改变后,你需要重新编译java文件生成class文件,然后再将class文件复制到classes文件夹中,再重新启动Tomcat服务器才能访问资源,非常的麻烦。所以,我们可以在IDEA中集成Tomact服务器,实现自动部署。

5.3.1 IDEA集成Tomcat

1、 点击File–>Settings…
在这里插入图片描述
2、选择双击Build,Execution,Deployment–>Application Servers,点击+号,选择Tomcat Server
在这里插入图片描述

3、选择Tomcat服务器的安装路径,点击ok,Tomcat服务器就集成到IDEA中了在这里插入图片描述
4、再次点击File–>Settings…–>Build,Execution,Deployment–>Application Servers,点击+号,选择Tomcat Server,可以看到Tomcat服务器在IDEA中

在这里插入图片描述

5.3.2 IDEA部署JavaWeb项目

1、点击Run或者软件右边绿色锤子旁边下拉框,选择Edit Configuration…
在这里插入图片描述
2、点击图示中任意一个选项,进入添加运行配置界面
在这里插入图片描述
3、配置Tomcat Server和运行项目的默认浏览器
在这里插入图片描述
4、添加项目到Tomcat中并设置访问名称
在这里插入图片描述
5、在IDEA中启动启动项目
在这里插入图片描述
6、浏览器中默认输出index.jsp中的内容
在这里插入图片描述

7、在浏览器地址栏中输入Servlet访问路径,Tomcat控制台中输出service()方法中的内容

在这里插入图片描述

5.4 war包部署

项目开发完成后,为了方便部署,我们需要将项目整体打包成war包去部署在Tomcat服务器中。war包可以直接放入Tomcat的webapps文件夹中,启动Tomcat后自动解压,即可在浏览器中输入URL进行访问。

5.4.1 导出war包

1、点击File->Project Structure菜单(或使用Shift+Ctrl+Alt+S快捷键),打开Project Structure窗口
在这里插入图片描述
2、在ProjectStructure中选择左侧的Artifacts页签
在这里插入图片描述
3、点击中间上面的“+”,选择WebApplication:Archive-> Empty
在这里插入图片描述
4、点击上图中的①处的“+”,选择Directory Content菜单
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值