相关软件:
Intellij Idea14:
http://pan.baidu.com/s/1nu16VyD
Tomcat(apache-tomcat-6.0.43):
http://pan.baidu.com/s/1kUwReQF
Intellij Idea的安装非常简单,一步一步安装即可。
JDK的安装也挺简单的,重要的是配置环境。在环境变量Path里面添上Java的安装路径即可。
Tomcat文件夹不用安装,直接解压放在C盘下即可,或者放在其他文件夹下也可以,但是文件夹的名字最好不要带中文~~~不信?那你试试~~
Idea创建Web项目步骤:
1、创建一个项目
File -> New Project -> 输入项目名称“Demos” ,选择Project SDK为1.7 -> Next -> Finish
![](https://i-blog.csdnimg.cn/blog_migrate/d71de78666fe4ab1166798470c9ef285.png)
2、创建一个Module
鼠标点中项目名称demos -> 右键选择New,选择Module
![](https://i-blog.csdnimg.cn/blog_migrate/4e70132cad857ffaf0ada3ceab3c2014.png)
输入Module名称“firstweb” -> 点击Next
![](https://i-blog.csdnimg.cn/blog_migrate/98e994e8860564aa4f6ae8b4d21ff2dc.png)
勾选“Web Application” -> 确认已勾选“Create web.xml” -> Finish
![](https://i-blog.csdnimg.cn/blog_migrate/a471aad19386596f325e67122c65cf32.png)
3、创建好的web项目
![](https://i-blog.csdnimg.cn/blog_migrate/994335cdd8aa35c011b1b0740556bb3c.png)
4、在web/WEB-INF下创建两个文件夹:classes和lib
classes用来存放编译后输出的class文件,lib用于存放第三方jar包。
![](https://i-blog.csdnimg.cn/blog_migrate/75fde14fdc94f5856730ec43a9b621e1.png)
5、配置文件夹路径
File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。
![](https://i-blog.csdnimg.cn/blog_migrate/11fa6d4fe8bcf9af850ddddc6b9db23f.png)
接着选择Dependencies -> 将Module SDK选择为1.7 -> 点击右边的“+”号 -> 选择1 “Jars or Directories”
![](https://i-blog.csdnimg.cn/blog_migrate/bc25b47eab6c64053f67a4a93ae1856d.png)
-> 选择刚刚创建的lib文件夹
![](https://i-blog.csdnimg.cn/blog_migrate/e52a8352106cac9710e9bb38cd27c711.png)
-> 选择“jar directory” -> 接着返回一路OK就行了~~
![](https://i-blog.csdnimg.cn/blog_migrate/e56021ded919a2cd0ba03990e7a731ba.png)
6、配置Tomcat容器
打开菜单Run -> 选择Edit Configuration
![](https://i-blog.csdnimg.cn/blog_migrate/0c0116237e853e6cdbc77d8b9f35ea45.png)
点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”
![](https://i-blog.csdnimg.cn/blog_migrate/bc76091621143eddf6eb3f966f19df79.png)
在"Name"处输入新的服务名,点击"Application server"后面的"Configure...",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK
![](https://i-blog.csdnimg.cn/blog_migrate/4d6dbba582119cabfcfea00d61ac62a9.png)
在"Run/Debug Configurations"窗口的"Server"选项板中,取消勾选"After launch",设置"HTTP port"和"JMX port"(默认值即可),点击 Apply -> OK, 至此Tomcat配置完成。
![](https://i-blog.csdnimg.cn/blog_migrate/904562cd7cc5de64341c6cec2334fb4c.png)
部署tomcat服务器的时候要注意:选择一个tomcat版本相互匹配的jdk版本,否则会出现编译错误的情况。
7、在Tomcat中部署并运行项目
Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact
![](https://i-blog.csdnimg.cn/blog_migrate/73d99882924f802fa1d0de4a0cf13051.png)
->选择web项目 -> Application context可以填“/hello”(其实也可以不填的~~) -> OK
![](https://i-blog.csdnimg.cn/blog_migrate/d41f61a580fbb9dd438521d100d1f56a.png)
8、编辑index.jsp文件
![](https://i-blog.csdnimg.cn/blog_migrate/90af470b7d3f2a443a3a42b55aba4569.png)
9、运行Tomcat,在浏览器中查看运行结果
![](https://i-blog.csdnimg.cn/blog_migrate/b68bada0a202a269e61e5223e97144b6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b7af82b7867719b7de7f94a0ff102d72.png)
个人见解:idea的project相当于myeclipse和eclipse的工作空间,idea的module 相当与myeclipse和eclipse的项目,所以用idea创建project的时候可以先创建一个空的项目,然后再空项目的基础上在创建module,防止把project文件和module文件弄混淆。
——ginuyasha
原文地址:http://www.cnblogs.com/yangyquin/p/5285272.html