Intellij Idea 创建Web项目入门(非Maven项目)

短命女 2022-06-09 09:17 447阅读 0赞

**前言**

最近公司开发项目中使用到了Intellij Idea（一款非常智能化的IDE），刚开始的时候还不大习惯，感觉操作太麻烦，后来渐渐适应，终于渐渐的开始尝到甜头了。

**相关软件**

> Intellij Idea14：[http://pan.baidu.com/s/1nu16VyD][http_pan.baidu.com_s_1nu16VyD]  
> JDK7：[http://pan.baidu.com/s/1dEstJ5f][http_pan.baidu.com_s_1dEstJ5f]  
> Tomcat（apache-tomcat-6.0.43）：[http://pan.baidu.com/s/1kUwReQF][http_pan.baidu.com_s_1kUwReQF]  
> Intellij Idea的安装非常简单，一步一步安装即可。  
> JDK的安装也挺简单的，重要的是配置环境。在环境变量Path里面添上Java的安装路径即可。  
> Tomcat文件夹不用安装，直接解压放在C盘下即可，或者放在其他文件夹下也可以，但是文件夹的名字最好不要带中文~~~不信？祝你好运

**名词解释**  
Project:在IDE中，project相当于eclipse中的一个Working Sets  
Module:在IDE中，module相当于eclipse中的一个项目;  
如下图所示：  
![这里写图片描述][SouthEast]

--------------------

Idea创建Web项目步骤：

**1、创建一个空的项目Project**  
如下图所示：  
![这里写图片描述][SouthEast 1]

> 创建好Project之后可能需要进行相关设置，这些设置是针对Module的全局设置，毕竟Project是Modulede的容器，具体操作如下图所示：

![这里写图片描述][SouthEast 2]

**2.创建一个项目Module;**
    ![这里写图片描述](https://img-blog.csdn.net/20170901205740972?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemoyMDE0MjIxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

**3、创建好的web项目**  
![这里写图片描述][SouthEast 3]

\*\*4、在web/WEB-INF下创建两个文件夹：classes和lib  
classes用来存放编译后输出的class文件，lib用于存放第三方jar包。\*\*

![这里写图片描述][SouthEast 4]

**5、配置文件夹路径(上面新建了文件夹，但是没有给系统指定，所以在这里需要开发者自己指定)**

File -> Project Structure (快捷键：Ctrl + Shift + Alt + S) -> 选择Module ：  
选择 Paths -> 选择”Use module compile output path” -> 将Output path和Test output path都选择刚刚创建的classes文件夹。  
![这里写图片描述][SouthEast 5]

**6.配置置Dependencies，选择Dependencies -> 将Module SDK选择为1.7 -> 点击右边的“+”号 -> 选择1 “Jars or Directories”**

![这里写图片描述][SouthEast 6]

**7.配置Tomcat容器**

打开菜单Run -> 选择Edit Configuration  
![这里写图片描述][SouthEast 7]  
**点击“+”号** \-> 选择“Tomcat Server” -> 选择“Local”  
![这里写图片描述][SouthEast 8]

在”Name”处输入新的服务名，点击”Application server”后面的”Configure…”，弹出Tomcat Server窗口，选择本地安装的Tomcat目录 -> OK

![这里写图片描述][SouthEast 9]  
在”Run/Debug Configurations”窗口的”Server”选项板中，取消勾选”After launch”，设置”HTTP port”和”JMX port”（默认值即可），点击 Apply -> OK， 至此Tomcat配置完成。

![这里写图片描述][SouthEast 10]

**8、在Tomcat中部署并运行项目**

Run -> Edit Configurations，进入”Run/Debug Configurations”窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact  
![这里写图片描述][SouthEast 11]

\->选择web项目 -> Application context可以填“/hello”(其实也可以不填的~~) -> OK  
![这里写图片描述][SouthEast 12]

**9.编辑index.jsp文件**  
![这里写图片描述][SouthEast 13]

**10、运行Tomcat,在浏览器中查看运行结果**

![这里写图片描述][SouthEast 14]

![这里写图片描述][SouthEast 15]

--------------------

友情链接：[http://www.cnblogs.com/yangyquin/p/5285272.html][http_www.cnblogs.com_yangyquin_p_5285272.html]

[http_pan.baidu.com_s_1nu16VyD]: http://pan.baidu.com/s/1nu16VyD
[http_pan.baidu.com_s_1dEstJ5f]: http://pan.baidu.com/s/1dEstJ5f
[http_pan.baidu.com_s_1kUwReQF]: http://pan.baidu.com/s/1kUwReQF
[SouthEast]: /images/20220609/115bebae2acd4b4ebce452e3e7fe8484.png
[SouthEast 1]: /images/20220609/97025b9ebd2d42198fb8aef65a5298ce.png
[SouthEast 2]: /images/20220609/f481e236546549c8bfd59b574a4c21c2.png
[SouthEast 3]: /images/20220609/a406c0363c8d48589bb0dac22d93831c.png
[SouthEast 4]: /images/20220609/45f534e5ad6f4c25b8be8f4a336a9fd6.png
[SouthEast 5]: /images/20220609/6b812a6afead4e45ab1342b342fea88a.png
[SouthEast 6]: /images/20220609/b2b9331bf9ee4d4c8da65f4cf15b32fc.png
[SouthEast 7]: /images/20220609/a4046eddd8a24acea652b615a1a15471.png
[SouthEast 8]: /images/20220609/939d95a07a6c4ebd89f22f3fbd0e8c5e.png
[SouthEast 9]: /images/20220609/bc3380127b37410b988a4fef006b3741.png
[SouthEast 10]: /images/20220609/c78d23bb1c9b4b54b4c1433ae14ee80a.png
[SouthEast 11]: /images/20220609/591974f9bb364b8fa44014bacb031416.png
[SouthEast 12]: /images/20220609/75b1f4367b744ddebde81e67868f55d8.png
[SouthEast 13]: /images/20220609/7d03e72573d54f099d866131e3db5eb3.png
[SouthEast 14]: /images/20220609/95bca8ebb84c4a7b85d16c68264e95da.png
[SouthEast 15]: /images/20220609/3343ae062a244e5193902a158ca28878.png
[http_www.cnblogs.com_yangyquin_p_5285272.html]: http://www.cnblogs.com/yangyquin/p/5285272.html