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

前言:

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

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

img

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

img

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

img

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

img

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

img

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

img

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

img

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

img

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

img

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

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

img

img

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

img

13.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());
    }
}

14.在WEB-INF下更改web.xml文件,如下图所示:

img

15.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>

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

img

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

img

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

img

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

img

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

img

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值