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

一、创建简单web项目

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

2.  点击next

8768443186d13b077d92b73bcece59cc.png

3.  啥都不用选,next

c159d1366ca3a6cdf1e8112f0f94cf18.png

4.  webDemo - finish

f46d945c017e7497524767e20130c552.png

二、创建一个Module

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

ae0dc4aeac4a94b46589ee9596eefd8c.png

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

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

f59e7aa5674b0eff58886f27f907fee9.png

3.  命名为firstWeb,finish

525fa4107a0038e8cfcd9a20aba91cdf.png

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

b426f5ff2532f6e5c2b93f06900f6558.png

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

0ecc53db5f2b7eab09b211613b12ae58.png

此时的目录结构为

1cc04853b578ae6ae2872b25933fdd6f.png

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

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

8fa1ca51da9ced58dd10756210f15fa0.png

7.  配置文件夹路径

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

f5d231570e23b80f913fc5dace18c5f8.png

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

a04760444b376960b0f7ca92e1f9cda4.png

选择刚刚创建的lib文件夹

c1a00d98ab9523d42ef381e46ea4b83b.png

选择jar Directory -- OK

a219c18e213528e6a841ed02fb2bc677.png

三、配置tomcat容器

1.run ---Edit Configurations...

3df22b80b56e4d681c1e6b169ecf38d0.png

点击+号 Tomcat Server  ---  Local

9951c56ab072afb4b8ba0f5f5c59f87d.png

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

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

e55e314d0e788da6f0f863a257cf5a80.png

设置HTTP port和 JMX port

351f1baf798aa8403d315f8d79c73b8a.png

四、在tomcat上部署并运行

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

1060581192dc74da9a36b2ca2620da94.png

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

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

b6b6b6b260adf88b702c59885ae7e4eb.png

填写Application context ----apply

4832027e19aeb5a456fd203465386aa6.png

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

280ffab36ce6ac771428e9827cc8e9bb.png

开发web项目并运行tomcat

编辑index.jsp

a7928ee3aed211ee43df8607523c5370.png

运行结果

db42373012565374248b050200c158c8.png

perfect !

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值