一、创建简单web项目

file --- New  ---  Project

1.  选择jdk(这里有点小问题不是很理解,通过java -verbose查找出来的jdk路径在C盘,这里并不能识别,而我jdk安装的时候有自己的路径在D盘,导入后就是图中的jdk1.9)

2.  点击next

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

3.  啥都不用选,next

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

4.  webDemo - finish

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

 

二、创建一个Module

1.  选中新建的项目webDemo,右键选择new - module

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

2.   Module SDK和之前一样,选择Web Application,next

    (此处缺少web.xml,后面再创建)

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

3.  命名为firstWeb,finish

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

4.  file -- project structure -- facets -- 选中次级目录

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

5.  点击deployment descriptors右侧的加号 -- OK

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

 

此时的目录结构为

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

6.  在WEB-INF下创建classes和lib文件夹

   classes用来存放编译后的class文件,lib存放第三方jar包

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

7.  配置文件夹路径

   file -- Project Structure -- Modules -- Paths -- 将 Output path和 Test output path都改为classes文件夹的路径

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

8.  选择Dependencies -- 点击右侧+号 -- JARs or directories

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

选择刚刚创建的lib文件夹

                                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

选择jar Directory -- OK

                     IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

 三、配置tomcat容器

1.run ---Edit Configurations...

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

  点击+号 Tomcat Server  ---  Local

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

  在Application server 中填写服务器名称 ---- 点击名称后面的configure...

  在弹出的窗口中点击Tomcat Home 后面的...选择tomcat的安装目录

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

  设置HTTP port和 JMX port

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

 四、在tomcat上部署并运行

创建好tomcat后可以通过工具栏快速打开tomcat配置页面

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

进入刚创建好的tomcat的配置页面

选择deployment,点击右边的+号,选择Artifact

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

 

 

填写Application context ----apply

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

返回server面板,将On ‘Update‘ action和 On frame deactivation换成Update classes and resource ---- apply

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

开发web项目并运行tomcat

编辑index.jsp

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

运行结果

                IDEA2017.3.4创建第一个javaweb项目及tomcat部署实战

                   

相关文章: