使用IntelliJ IDEA来搭建一个简单的Web项目

目标:只分享第一次使用IDEA来成功创建web application的经验,已经具备这方面经验的读者可以关闭本网页了~


准备工作:

IDEA【版本是2017.2.5】、Tomcat【版本为7.0.82】 的安装以及相应的配置;

强调版本不是说一定要用这两个版本,而是如果读者用的是其他版本,那么可能会遇见一些本文没有提到的意外,(⊙v⊙)嗯~在这里我默认大家已经做好了准备工作,好的,我们开始啦!

第一步:打开我们的IDEA,然后File->New-Project:

        使用IntelliJ IDEA来搭建一个简单的Web项目_第1张图片                                                                             


第二步:对我们的项目进行一些配置,选择Java Enterprise---->选择Project SDK,即你的SDK的安装路径--------->选择Application Server,即选择你的Tomcat的安装路径---------->在Additional Libraries and Frameworks里边,把Web Application(3.1)的复选框上面打钩;  然后就是Next.

                        使用IntelliJ IDEA来搭建一个简单的Web项目_第2张图片

                          

第三步,为我们的项目起一个自己喜欢的名字以及自定义存放路径,下图中的1处填写项目名称,在2、3、4处选择一个存放路径,它们一般会默认为同一个路径;而5处的名称与项目名称一致;

使用IntelliJ IDEA来搭建一个简单的Web项目_第3张图片

点击Finish之后,就可以看到我们项目的结构了,恩,我临时把项目名称改成了Webapp,理由是:刚刚不小心和其他项目重复了;


使用IntelliJ IDEA来搭建一个简单的Web项目_第4张图片

简单说一下这个项目的目录结构:

1.在根目录下,还有一个.idea文件夹以及以.iml为后缀的一个文件,主要是用来存放和你的项目相关的配置数据,在src那个文件夹里,我们可以存放我们的源代码,而

web文件夹才是重头戏,是你的应用中的web部分,它包含了web的部署文件WEB-INF以及web.xml,还有通常被默认为这个web的起始页面的Index.jsp;

2.在External Libraries里边,主要是用来存放你的JDK以及Jar包,比如用于支持Tomcat行动的jar包;


我们继续,打开index.jsp,简单地修改一句代码,把body之间的内容换成:Hello my dear world!

然后点击运行,有以下两种常见的方法:


使用IntelliJ IDEA来搭建一个简单的Web项目_第5张图片使用IntelliJ IDEA来搭建一个简单的Web项目_第6张图片


运行的结果为:

使用IntelliJ IDEA来搭建一个简单的Web项目_第7张图片


其他注意事项:

1.如果你的Tomcat监听的端口已经被占用了,可能会运行失败;

2.如何使用cmd快速定位占用8080端口的进程并进行删除呢?

分两步走,第一步是:找出8080端口对应进程的PID, 第二步是:将该PID对应的进程进行关闭

          使用IntelliJ IDEA来搭建一个简单的Web项目_第8张图片                                   



使用: netstat -ano | findstr "8080"

我们成功找到此时占用该端口的进程的PID为:6460,下一步使用: taskkill /pid 6460 -t -f的命令进行kii


谢谢各位的阅读~

你可能感兴趣的:(服务器,IDEA,Tomcat)