码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-02-01 20:33:18      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:tom   c盘   pen   右键   cti   文件   路径   resource   图片   

一、创建简单web项目

file --- New  ---  Project

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

2.  点击next

                     技术分享图片

3.  啥都不用选,next

                     技术分享图片

4.  webDemo - finish

                     技术分享图片

 

 

二、创建一个Module

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

                     技术分享图片

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

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

                     技术分享图片

3.  命名为firstWeb,finish

                     技术分享图片

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

                     技术分享图片

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

                     技术分享图片

 

 

此时的目录结构为

                     技术分享图片

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

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

                     技术分享图片

7.  配置文件夹路径

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

                     技术分享图片

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

                     技术分享图片

选择刚刚创建的lib文件夹

                                     技术分享图片

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

选择jar Directory -- OK

                     技术分享图片

 

 三、配置tomcat容器

1.run ---Edit Configurations...

                技术分享图片

 

  点击+号 Tomcat Server  ---  Local

                技术分享图片

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

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

                技术分享图片

  设置HTTP port和 JMX port

                技术分享图片

 

 四、在tomcat上部署并运行

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

                技术分享图片

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

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

                技术分享图片

 

 

填写Application context ----apply

                技术分享图片

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

                技术分享图片

开发web项目并运行tomcat

编辑index.jsp

                技术分享图片

运行结果

                技术分享图片

                    perfect !

                 

 

 

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

 

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

标签:tom   c盘   pen   右键   cti   文件   路径   resource   图片   

原文地址:https://www.cnblogs.com/MC-Curry/p/8400592.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!