官网下载idea,安装配置好后,双击进来,第一次创建项目时新建是这样的

idea创建web项目教程 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

第一步:

 idea创建web项目教程 随笔 第2张

第二步:创建项目名和项目存放的路径

idea创建web项目教程 随笔 第3张

 

点finish进入这里

 idea创建web项目教程 随笔 第4张

第三步:

第二步点OK进入这个页面,点上面那个加号,就是这样的

 idea创建web项目教程 随笔 第5张

然后点加号点第一个进入这个页面

(Web Application(4.0)这个没关系的,有些是3.1,不用管,打上勾就行了)

 idea创建web项目教程 随笔 第6张

第三步:创建Module name(意思是前面Procjct name那个创建名字是项目名,这个是在项目名下创建web项目)

 idea创建web项目教程 随笔 第7张

 

一般取名字最好不用test(我这是失误,不过不影响后面,但是不建议这样命名)

 idea创建web项目教程 随笔 第8张

点finish后出现这个页面

 idea创建web项目教程 随笔 第9张

选择Modules–(Modules名称)–Sources–web–WEB-INF-依次new folder,创建classes目录和lib目录

 idea创建web项目教程 随笔 第10张

选择Paths,---选择Use module compile output path—指定的路径为上一步创建的classes目录

idea创建web项目教程 随笔 第11张

选择Dependencies,点击加号,选择第一个JARS or...........,选择上一步创建的lib目录

 idea创建web项目教程 随笔 第12张

idea创建web项目教程 随笔 第13张

点OK会出现这个页面,选择Jar Director

idea创建web项目教程 随笔 第14张

点击OK,会出现这个页面(这样就是正常的,但是有些人可能是一个开始创建的项目路径,那也是对的)

 idea创建web项目教程 随笔 第15张

然后选择Project, 选择jdk

idea创建web项目教程 随笔 第16张

这样的:

idea创建web项目教程 随笔 第17张

点击ok,自此项目就创建好了,出现这个页面

idea创建web项目教程 随笔 第18张

 

现在开始在项目上配置Tomcat啦~ 点击文本框----Edit Configurations……

idea创建web项目教程 随笔 第19张

 

然后进入这个页面(点击上面的加号出现这个下拉列表页面)然后找到Tomcat Server---Local

idea创建web项目教程 随笔 第20张

 

然后出现这个页面,修改名字为Tomcat7(当然这个名字是为了方便找到和认识),然后Application server(这个是去电脑找你安装好的tomcat)

idea创建web项目教程 随笔 第21张

 

然后选择Deployment,点击加号,选择Artifact….

idea创建web项目教程 随笔 第22张

 

就出现这个

idea创建web项目教程 随笔 第23张

 

然后再在Application context 里写上你要运行的web项目名

idea创建web项目教程 随笔 第24张

 

然后一直点击ok,就出现这个页面,右上角那个文本框了也有了你刚刚配置好的tomcat

idea创建web项目教程 随笔 第25张

 

现在打开index,写测试页面

idea创建web项目教程 随笔 第26张

 

然后点击右上方就是tomcat旁边的那个启动按钮

idea创建web项目教程 随笔 第27张

 

然后就成功啦

 idea创建web项目教程 随笔 第28张

 

以上就是创建idea简单web项目的教程

(有时间更新tomcat的安装教程,这些都是自己测试很多遍,特意赶出来的文档,今天先下班啦~~~)

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄