idea2017建立java项目_IntelliJ IDEA2017创建web工程并实现远程部署tomcat

刚刚接触IntelliJ IDEA这款神器,很多东西都在摸索中,对于像在eclipse及myeclipse中创建动态web工程那样简单的事在idea中也搞了好久,今天我就分享一下本菜鸟痛苦的学习过程,下面是我的总结,希望对大家有一点帮助。

官方指导页面:

https://www.jetbrains.com/hel...

1.IntelliJ IDEA配置Tomcat服务器

步骤1:打开设置settings

在IDEA欢迎界面(打开IDEA进入项目之前或打开了一个工程后通过File -> close project都会进入此界面)点击底部的Configure下拉列表再点击Settings

File -> Settings快捷键:ctrl+alt+s

5b0e3120a55866ae8c74abde19185918.png

步骤2:点击Plugins,在插件搜索框中输入tomcat进行搜索找到Tomcat and TomEE Integration插件,并确定其已经勾选,否则在下一步添加Tomcat Server时会没有这个选项

186721694b078f6b79fb8def3f8a8143.png

步骤3:添加Tomcat服务器

Build,Execution,Deployment --> Application Servers --> 点击+,选择Tomcat Server

e229f283caac166f7f7c100cf446142d.png

7235c5feb3305e55f5feab62e3804653.png

此时会弹出Tomcat Server弹出框,Tomcat Home选择Tomcat安装目录即可,选择好后点击OK即可完成Tomcat配置

b36e5e0c98d526ba0709a25ee4d25383.png

366a0abd6e8c8392eb073e83341ec6b6.png

2.创建动态web工程

步骤1:在IDEA欢迎界面点击Create New Project 创建新工程或File --> New --> Project

,这样创建工程向导页会打开

7d09cd0439c943ff3b64b76cdafbfe77.png

8a9dee6aeff4035c284a361babc75ba0.png

步骤2:选择Java Enterprise --> 指定JDK --> 选择java EE版本 --> 选择配置好的应用服务器Application Server --> 在Additional Libraries and Frameworks下勾选Web Application复选框 --> 点击Next

66b455c00a717d8f52b0d345fa92391d.png

步骤3:指定工程名及路径,More Settings中的选项会根据Project name和location同步(默认即可),点击Finish完成创建

9ddf72749d45865349c9c30001461b34.png

创建完成的Project Structure如下图(和eclipse创建的工程并无太大区别):

f6f501dd02c12f360a3f42a60ffe8db2.png

.idea文件夹和webapp.iml是IDEA自动创建的,包含了工程和模块的配置数据

src文件夹是源码目录

web文件夹相当于eclipse创建的web工程WebContent文件夹,包含了WEB-INF/web.xml及index.jsp

External Libraries包含了JDK及Tomcat带的jsp-api、servlet-api jar文件

再贴上一张eclipse创建的web工程的目录结构图(可以对比一下)

主要的不同点是使用上述方法IDEA创建的web工程WEB-INF下没有lib目录

b9fa40858be07211630f0d83872bee16.png

步骤4:完善工程目录

添加WEB-INF/lib目录

方法一:点击WEB-INF,右击New --> Directory,directory name填写lib,拷贝项目所需的jar包到此目录,右击lib目录 --> Add as Library

注意:这种方法如果你不拷贝jar包到lib下,右击时是没有Add as Library选项的

be91629f5227b1c7d5c980cf2f501ded.png

这时会弹出Craete Library对话框,name填写lib即可,其它默认,点击OK确定

f0f3ecac0d8946660a98dd993d383bfc.png

添加完成可在Project Structure中的Libraries中看到,至于打开Project Structure,这里提供两种方法:File --> Project Structure(快捷键ctrl+alt+shift+s)或点击Navigation Bar中的Project Structure按钮(如下图)

76cb3c6c5592fc8181b58cc999e48a2f.png

如果你没有这个Navigation Bar可在View中勾选Navigation Bar

10098e9cc65886b732e1fbbd7ecd359c.png

56d2c7fee73a50321f03caf0083a7387.png

方法二:打开Project Structure --> 点击+选择java --> 在弹出的Select Library Files中在WEB-INF下创建lib目录选择并点击OK --> 在弹出的Choose Categories of Selected Files中选择Jar Directory点击OK --> 在弹出的Choose Modules中点击OK

4e2898f3e2d637c5864a6a69df837f41.png

b4eff243fe8bc366bf922a159cb051b4.png

4e2898f3e2d637c5864a6a69df837f41.png

添加conf目录用于添加配置文件

方法一:右击项目New --> Directory --> directory name填写conf,点击OK --> 右击conf目录Mark Directory as --> Sources Root

09a4a22afef4ab5e5f41df37702e954b.png

1c87dd57a0be46b52974de6caf82eb71.png

这样创建的conf source folder在Project Structure的Modules中可以看到

24da94c6457080991b8ebd12e0bb79ec.png

方法二:在Project Structure的Modules中右击项目 --> New Folder --> Folder name填conf,点击OK --> 右击新建的conf --> Sources --> 点击底部的OK

0cb7a753fe4576bf2616ff5f71d90484.png

a583dd3f7ceed0d5a6aac3b609d0b092.png

bb6f6ca2d6e355b70e0156669b9346db.png

3.本地Tomcat运行应用

点击Navigation Bar上的运行按钮(快捷键shift+f10),debug快捷键shift+f9

6edb6bcfcc662933c4e84a5af23e9904.png

在左下角找到Application Servers(没有的话View --> Tool Windows --> Application Servers打开即可),点击run按钮

5107dba2e8a75402c42f5cd694f26f6f.png

运行成功后会默认打开Chrome浏览器访问http://localhost:8080/

运行后Run窗口如下图:

786a8725677b518de3b6d9edc2c2915e.png

4.修改服务器配置

点击run configuration selector选择Edit Configurations,这时会打开Run/Debug Configurations窗口

c2b33746ef66fe340e6ebe56aa725700.png

在Application Servers窗口右击选择Edit Configurations,这时会打开Edit Server Run Configurations窗口,这与上一个窗口有略微差别

1929956b90c9bfd496ed00c44d550265.png

说明:在创建Web项目的时候如果手速比较快,没有添加Tomcat,可按如下方法设置

97298dc68b5e67dd17f2549a2f86992a.png

点击+ --> Tomcat Server --> Local

09e3fcd567368fd51b4d17b2e73c8f34.png

点击Deployment选项卡 --> 点击+ --> 选择Artifact

66a5322f196907da6211946b615ecd50.png

771a79630fb8805f3648e40a8e24a69d.png

f824d5ae61d36d7e20034fbb4d663b1a.png

5.将应用打成war包

步骤1:打开Project Structure --> 选择Artifacts --> 点击+ --> Web Application: Archive --> For 'webapp: war exploded'

0523abe69de1653504894994da40cbc0.png

步骤2:生成manifest文件:点击Create Manifest且同意IDEA建议的位置 (web/META-INF/MANIFEST.MF)

dbc00bef822b5353b9d3705a46bd1545.png

c40d9b56cb0ebed8cea366090c852eea.png

步骤3:点击Project Structure对话框的OK按钮

步骤4:Build --> Build Artifacts --> 在弹出的Build Artifact弹出框选择webapp:war下的Bulid,点击

f6110f63920a634166b48f0a3c88f62b.png

至此,项目打包成功,可以在工程的out/artifacts/webapp_war下看到war包,IDEA默认以工程名+_war.war来命名

2a3e51224117c5d9978498aa2ffbd240.png

也可以在磁盘上看到这个war包

f8b9e451f93248721865dbe1647dad0e.png

6.利用IDEA远程部署项目到Tomcat服务器

原来在eclipse下将项目导出为war包后往往需要将war包上传到服务器,进行部署,但IDEA提供了方便易用的远程部署方案,下面一起来看看把。

远程部署服务器ip:192.168.25.129

Tomcat版本:8.5.24

启动Tomcat后查看是否能正常访问

2eb5cac657cf1af1eb95ca70da2675df.png

服务器端的配置

修改$Tomcat_HOME$/bin/catalina.sh,添加如下配置

export CATALINA_OPTS="-Dcom.sun.management.jmxremote

-Dcom.sun.management.jmxremote.port=1099

-Dcom.sun.management.jmxremote.ssl=false

-Dcom.sun.management.jmxremote.authenticate=false

-Djava.rmi.server.hostname=192.168.25.129"

06f37b64cabbe36e62d38c4392790def.png

注意:hostname为你自己远程服务器的ip地址

实际上是打开jmx的1099端口,这可参考IDEA官网:https://www.jetbrains.com/hel...

IDEA配置

步骤1:添加远程Tomcat服务器

Edit Configurations --> 点击+ --> Tomcat Server --> Remote

113bb6a344ea3337cd437331457a0c42.png

步骤2:Remote Server配置

name随意,选择Deployment选项卡 --> 点击+ --> Artifact --> 选择生成的war包,点击OK

8495ec64a8cd84c0bb7b38e2bbc6eba2.png

2e52b3e58781ac1f7fc59cfe185b7a28.png

f8d6fcbeff6f59046074eb16a8ee1620.png

切换到server选项卡,进行远程服务器的关键配置

56ff317ea68fa6982a2c06fd38cb22ff.png

点击Host后的...会打开如下Deployment窗口

06b628f282ae378d29d02078ad40d7ba.png

53c4ed25f34198da8b43052e1cc0a58c.png

测试连接若连接成功会出现以下的弹出框

38f3773f1a8ce87f683fab1d7a593b7c.png

远程server设置完毕,点击Deployment窗口底部的OK即可

5912f9642971aab9a6c4f4b1842a6de1.png

接下里是一些剩余的配置:

ea7e7c12ac8ea13e56a6eff4d976b702.png

到这里就配置成功了。。。

远程部署运行测试

bc610a6cede0bf611e559c15bbaed1cf.png

fe675d0dae865ab8f7272fc55da6c0c7.png

693c85df5808cbc79a804ef1c4fd4aa6.png

到服务器上看一下

2ca5463a3413fdbd764bf5f70425aca3.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值