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

一、创建简单web项目

file --- New  ---  Project

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

2.  点击next

fc9b3acc2a704182283e215bf464ce8d.png

3.  啥都不用选,next

b314f76b150933b032992077c24d6d59.png

4.  webDemo - finish

a3428765af7148ac78eaa2a2444bc5b5.png

二、创建一个Module

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

310bc79755759aa273509302b54e597e.png

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

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

661647c8ecadca06f648d78f7358284a.png

3.  命名为firstWeb,finish

dce650af91bc5de1d829e111f817b0b8.png

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

d3992b8339a86d0c42fed57d2c5f0cfb.png

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

e9b5d9cab75c2a667e0820b5bc961d78.png

此时的目录结构为

6dcfd634db2a7950aab70b12bfbf28d4.png

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

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

f2a01ec964b4918d8f2971fad5cf1bbc.png

7.  配置文件夹路径

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

bd1f4491f565ed189134e0d50a588ebb.png

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

caa6b44e76a8e33a7fe7e02ee887cc71.png

选择刚刚创建的lib文件夹

db03e478d9cd3fa10d2298beb63d253f.png

选择jar Directory -- OK

8a0710bbf1aca1af5c50238f617717f1.png

三、配置tomcat容器

1.run ---Edit Configurations...

9b5c0c3e1461020f834668e97c4e0629.png

点击+号 Tomcat Server  ---  Local

0fd2e8bf46daab208a6f9a32553eddeb.png

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

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

93804e69dcfa9c1b6e2454c8736b3085.png

设置HTTP port和 JMX port

d28f47e38d1d6ae30158fcfa15fb65c3.png

四、在tomcat上部署并运行

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

331c7b0593575d3f61f0c94343647c30.png

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

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

770ba1aa95c1ee9a9477647d11c61369.png

填写Application context ----apply

7ed553569a54bfa65b016d91fb0adc6a.png

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

7df3d59695c2f5ec8367bbcfc9bdbe62.png

开发web项目并运行tomcat

编辑index.jsp

5ca6051b033e6f21893b2a5c7ba661b3.png

运行结果

e840da5ecb99a7d623b9904f10ebf726.png

perfect !

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值