IntelliJ IDEA 创建Web项目(全教程)
2016-07-04 本文已影响37856人
匆匆少年
说明:
IntelliJ IDEA 版本为14.
JDK 版本为1.7
tomcat 版本为apache-tomcat-7.0.70注:在创建过程中注意相关软件版本位数的问题。32位,64位的软件混搭会导致访问不成功的问题!!!
首先要理解一个基本问题:对比eclipse ,在IntelliJ IDEA中“new Project”相当于eclipse中的工作空间(Workspace),而“new Module”相当于eclipse中的工程(Project)。以下均采用Intellij的说法,请自行对照转换理解。
1,创建Project:依次点击File–new Project;
![](https://img.haomeiwen.com/i2376195/9704e1ff8f8c3436.png)
2,选择Empty Project项目,点击Next;
![](https://img.haomeiwen.com/i2376195/1fcbf5d918943fd0.png)
3,输入项目名称,选择项目路径;
![](https://img.haomeiwen.com/i2376195/24f172520c7fea64.png)
4,创建Module:点击Finish,弹出下面窗口,Intellij默认选择Modules,点击加号,选择New Module;
![](https://img.haomeiwen.com/i2376195/75e2568475813362.png)
5,选择Java,配置Module SDK,选择Web Application,配置Versions,点击Next;
![](https://img.haomeiwen.com/i2376195/4654c47d5d57cc7d.png)
6,输入Module Name,点击Finish。
![](https://img.haomeiwen.com/i2376195/4d2373e9b387a0cb.png)
7,选择Project,配置SDK;
![](https://img.haomeiwen.com/i2376195/9706e9a56e84ed16.png)
8,选择Modules–(Modules名称)–Sources–web–WEB-INF;
![](https://img.haomeiwen.com/i2376195/e8fff20c7c55ebca.png)
9,右击WEB-INF,依次new folder,创建classes目录和lib目录;
![](https://img.haomeiwen.com/i2376195/5fbdc2006fa85b19.png)
10,选择Paths,选择Use Modules complie Output path,指定路径为上面创建的classes目录;
![](https://img.haomeiwen.com/i2376195/82f95a99503577d5.png)
11,选择Dependencies,点击右边的加号,选择第一个jars and ……,选择上面创建的lib目录,点击OK,弹出框选择jar Directory,点击OK,点击下面OK,完成项目配置;
![](https://img.haomeiwen.com/i2376195/72e2eab8efa9c1ec.png)
12,配置项目:打开index.jsp,输入显示内容,比如“ 测试。。。”
![](https://img.haomeiwen.com/i2376195/1c47e9e2b7492e24.png)
13,配置项目服务器;
![](https://img.haomeiwen.com/i2376195/ae572e5bd18b3df4.png)
14,点击加号,选择tomcat server,选local;
![](https://img.haomeiwen.com/i2376195/56f31f6be63ae78c.png)
15,配置name、server、端口号;
![](https://img.haomeiwen.com/i2376195/db21cb2c4f5b78aa.png)
16,选择Deployment,点击+号,选择上面配置的项目;
![](https://img.haomeiwen.com/i2376195/4fc53a1d40aafc19.png)
17,设置Application context,点击OK,完成tomcat配置;
![](https://img.haomeiwen.com/i2376195/6b62d51c07054c2c.png)
18,启动项目
![](https://img.haomeiwen.com/i2376195/1359b18c12483ad5.png)
![](https://img.haomeiwen.com/i2376195/f2d4e53d2d7f8359.png)