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

一、创建简单web项目

file --- New  ---  Project

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

2.  点击next

aee03bcb96df6ae137d5be892efd4aa8.png

3.  啥都不用选,next

ae9f186da1dd42a83abb92dc963c9eed.png

4.  webDemo - finish

d313b7eff27007cf36fe5c4a5f591479.png

二、创建一个Module

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

da60f4a27b4f7b236f2bb5090f2c34e3.png

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

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

fa519759f28fa41ecc4c9df9348f31cd.png

3.  命名为firstWeb,finish

0fb4faeb8386625ce205ee4b1767a8a1.png

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

a41021f8f49c40798566da75037fde7e.png

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

a479df3a1c6d2f06217c7ca848b3303d.png

此时的目录结构为

ef34737ac1ec5ef4bd99680db99c054d.png

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

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

2189ea7e3fe44a4e9f40cac74734fc2d.png

7.  配置文件夹路径

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

f9e9fd32bb67134653668e571579f215.png

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

3e89e9b95016884154352e0a623562c3.png

选择刚刚创建的lib文件夹

8e064a11375763208c4570ea19a702f9.png

选择jar Directory -- OK

c0e62f18a3f7607e89d515069c0bb821.png

三、配置tomcat容器

1.run ---Edit Configurations...

37afb69e5997d36b24c852977e2290ee.png

点击+号 Tomcat Server  ---  Local

7ae24022199a12f2f18c018f8d47564a.png

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

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

be4b9941d2a0f10c25ef587447e9016f.png

设置HTTP port和 JMX port

a05fb76bdf3c0d20d89d69924aef722b.png

四、在tomcat上部署并运行

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

ec97dcc87b39b10d48cbadd60db3d1e6.png

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

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

3a2734b1766c49c298c0321904b92f23.png

填写Application context ----apply

e8e234f0e36005b0be10294e9d9ca470.png

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

20ddb48b1770018d0f8105b7787dc997.png

开发web项目并运行tomcat

编辑index.jsp

8864a9859383fa9b62048e4105e4d33d.png

运行结果

e6e5aba2ad4d69cce1f5ca622d9f48af.png

perfect !

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值