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

一、创建简单web项目

file --- New  ---  Project

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

2.  点击next

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第1张图片

3.  啥都不用选,next

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第2张图片

4.  webDemo - finish

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第3张图片

 

 

二、创建一个Module

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第4张图片

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

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第5张图片

3.  命名为firstWeb,finish

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第6张图片

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第7张图片

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第8张图片

 

 

此时的目录结构为

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第9张图片

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

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第10张图片

7.  配置文件夹路径

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第11张图片

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

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第12张图片

选择刚刚创建的lib文件夹

                                       IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第13张图片

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

选择jar Directory -- OK

                     IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第14张图片

 

 三、配置tomcat容器

1.run ---Edit Configurations...

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第15张图片

 

  点击+号 Tomcat Server  ---  Local

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第16张图片

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

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

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第17张图片

  设置HTTP port和 JMX port

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第18张图片

 

 四、在tomcat上部署并运行

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

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第19张图片

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

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

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第20张图片

 

 

填写Application context ----apply

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第21张图片

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

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第22张图片

开发web项目并运行tomcat

编辑index.jsp

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第23张图片

运行结果

                IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战_第24张图片

                    perfect !

                 

 

 

                            (就是有一张图片不太给面子,挪不动,字写小点,应该看不见

 

转载于:https://www.cnblogs.com/MC-Curry/p/8400592.html

你可能感兴趣的:(IDEA2017.3.3创建第一个javaweb项目及tomcat部署实战)