使用Intellij IDEA创建第一个web项目

最近利用空余时间写了一个简单web入门例子，记录下过程和遇到的问题:

1.启动IDEA后，在开始界面处点击Create New Project，如下图：

2.新建项目完成后在出现的工具栏界面点击File---New---Project,如下图所示:

3.新建一个web项目，在出现的窗口中选择Java--JavaEE--WebApplication,然后点击Next,如下图所示:

4.点击Next后，建项目名称和工作空间目录，名称和工作空间选择后点击Finish,这样项目就建好了,如下图所示：

5.建好工程后在WEB-INF中创建名为classes和lib的两个文件夹，如下图所示:

6.然后点击File—>Project Structure—>Modules—>Paths，修改Output path和Test output path的路径，如下图所示：

7.在IDE的工具栏处的如下图的地方点击Edit Configurations,如下图所示:

8.上述操作完成后点击左上角的“+”号，往下拉，找到Tomcat Server，选择Tomcat Server—>Local ，如下图所示:

9.自定义设置Name，然后点击Deployment+—>Artifact，设置Application context，建议和你建的project名字一样，如下图所示:

10.在上述页面中点击Server到Server页面下，按照下图进行配置，你的Tomcat版本可以和我不一样，如下图所示:

11.导入所需的jar,选择File—>Project Structure—>Modules—>Dependencies—>+—>JARs or directiries,选择tomcat--lib目录下的jsp-api.jar和servlet-api.jar,点击OK，这样就可以导入jsp和servlet的jar包了 ,如下图所示:

12.新建一个Servlet,在src路径新建名为“cn.servlet.test”package,并在package下新建名为HelloServlet.java的文件 ,如下图所示:

HelloServlet的源代码如下:

/**
 * 作者： njb
 * 时间： 2018/9/29 0029-下午 3:43
 * 描述： Servlet测试类
 * 来源：
 */
public class HelloServlet extends GenericServlet {

    @Override
    public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException,   IOException {
        OutputStream out = servletResponse.getOutputStream();
        out.write("Hello Servlet!! \n--by Intellij IDEA".getBytes());
    }
}

13.在WEB-INF下更改web.xml文件，如下图所示：

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>HelloServlet</servlet-name>
        <servlet-class>cn.servlet.test.HelloServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>HelloServlet</servlet-name>
        <url-pattern>/aa</url-pattern>
    </servlet-mapping>
</web-app>

14.然后点击右上角绿色按钮或者使用快捷键Alt+shift+X运行项目，开启服务器,如下图所示：

15.服务开启成功日志如下图所示:

16.浏览器弹出结果,如下图所示::

17.然后输入之前web.xml配置的servlet的路径http://localhost:8080/webtestone/aa即可访问 servlet

18,.可以看到浏览器完整输出servlet中的日志信息，以上就是第一个web项目的详细步骤，其中遇到端口被占用在上一篇提到解决办法，这里为了不和其他程序冲突，端口改为HTTP：8081 jvm：1098,如下图所示:

对后台开发感兴趣的小伙伴可以动手试试，多学习一门技术总是没有坏处的~~新手上路，如有问题，还请见谅!

使用Intellij IDEA创建第一个web项目

猜你喜欢