一、创建简单web项目

1、创建一个web project

File -> new Project ->选择project sdk 为1.6(如果没有sdk的同学请先配置)-> Next

idea创建web项目

create project from template 页面,不勾选任何选项 -> Next

idea创建web项目

输入项目名:webDemo -> Next -> Finish

idea创建web项目

 

二、创建一个Module

鼠标点中项目名称webDemo -> 右键选择New,选择Module -> Module SDK 选择1.6 -> 勾选JavaEE下的Web Application(3.1) ,注意窗口下的version对应为3.1,且Create web.xml已勾选 -> Next

idea创建web项目

输入Module name 为firstweb -> Finish

idea创建web项目

 3、创建好的web项目

idea创建web项目

 4、在web/WEB_INF 目录下创建两个文件夹:classes和lib

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

idea创建web项目

 5、配置文件夹路径

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具栏的快捷键 -> 选择Modules

-> 选择Paths -> 选择“Use module compile out path” -> 将Outputpath 和Test output path 都设置为刚刚创建的classes文件夹

idea创建web项目

idea创建web项目

选择当前窗口的Dependencies -> 将Module SDK选择为1.6 ->点击右边的 + 号 -> 选择 “1 JARS or directories ...”

idea创建web项目

-> 选择刚刚创建的lib文件夹 -> OK

idea创建web项目

-> 选择Jar Directory -> OK

idea创建web项目

-> Apply -> OK

idea创建web项目

 

三、配置好tomcat后直接运行

1.修改index.jsp页面

idea创建web项目

2.配置tomcat

点击右上角的小箭头可进入关于tomcat的配置页面,如图:

idea创建web项目

也可点击最上栏的按钮Run-->Edit Configurations进入配置页面

idea创建web项目

进入到配置页面后,在左侧default下拉框中找到tomcat:

①配置自己的本地的tomcat及jdk

idea创建web项目

选择本地的tomcat地址:

idea创建web项目

选择本地的jdk地址:

idea创建web项目

配置部署的项目及路径

idea创建web项目

③这些配置完,点击apply回到编辑器主页面,发现右上角不能点击运行,如图:

idea创建web项目

此时你需要再次回到配置页面:

idea创建web项目

idea创建web项目

点击apply,回到编辑器主页面在右上角就可以看到你刚才配置的信息:

idea创建web项目

④点击绿色的箭头运行,浏览器中出现一下信息,说明创建web项目成功吗:

idea创建web项目

恭喜你完成对web项目的创建,你就可以在项目中添加各种配置了。

相关文章: