Intellij Idea 入门（一）--------创建Web项目

╰半夏微凉° 2022-07-13 14:13 229阅读 0赞

一、简述：

IDEA 全称 IntelliJ IDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn、github等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是[JetBrains][]公司的产品，这家公司总部位于[捷克共和国][Link 1]的首都[布拉格][Link 2]，开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。免费版只支持Java等少数语言。

二、相关软件：

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文件夹不用安装，直接解压即可，或者放在其他文件夹下也可以，但是文件夹的名字最好不要带中文  
  
三、Idea创建Web项目步骤：

**1、创建一个项目**

File -> New Project -> 输入项目名称“Demos” ，选择Project SDK为1.7 -> Next -> Finish,如图；  
![Center][]

**2、创建一个Module**

(1) 鼠标点中项目名称demos -> 右键选择New，选择Module，如图：  
![Center 1][]  
  
  
(2)输入Module名称“firstweb” -> 点击Next  
  
![Center 2][]  
  
(3)勾选“Web Application” -> 确认已勾选“Create web.xml” -> Finish  
  
![Center 3][]  
  
**3、创建好的web项目，如图：  
![Center 4][]**

**4、在web/WEB-INF下创建两个文件夹：classes和lib**

classes用来存放编译后输出的class文件，lib用于存放第三方jar包。  
  
![Center 5][]

**5、配置文件夹路径**

（1） File -> Project Structure (快捷键：Ctrl + Shift + Alt + S) -> 选择Module ：

选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。

![Center 6][]  
  
  
（2）接着选择Dependencies ->  将Module SDK选择为1.7 -> 点击右边的“+”号  -> 选择1 “Jars or Directories”  
  
![Center 7][]

(3) 选择刚刚创建的lib文件夹  
  
![Center 8][]  
  
(4)选择“jar directory” ->  点击ok 就行了  
  
![Center 9][]  
  
**6、配置Tomcat容器**  
  
(1) 打开菜单Run -> 选择Edit Configuration  
  
![Center 10][]  
  
(2) 点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”  
  
![Center 11][]  
  
(3) 在"Name"处输入新的服务名，点击"Application server"后面的"Configure..."，弹出Tomcat Server窗口，选择本地安装的Tomcat目录 -> OK  
   
![Center 12][]  
  
(4) 在"Run/Debug Configurations"窗口的"Server"选项板中，取消勾选"After launch"，设置"HTTP port"和"JMX port"（默认值即可），点击 Apply -> OK， 至此Tomcat配置完成。  
  
![Center 13][]  
  
**7、在Tomcat中部署并运行项目**  
  
(1) Run -> Edit Configurations，进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact  
![Center 14][]  
  
(2) ->选择web项目 -> Application context可以填“/hello”(其实也可以不填的~~) -> OK  
   
![Center 15][]  
  
**8、编辑index.jsp文件**  
  
![Center 16][]  
  
  
**9、运行Tomcat,在浏览器中查看运行结果**  
  
![Center 17][]  
  
![Center 18][]  
  
  
  
参考地址：http://www.cnblogs.com/yangyquin/p/5285272.html

[JetBrains]: http://baike.baidu.com/view/1980886.htm
[Link 1]: http://baike.baidu.com/view/21751.htm
[Link 2]: http://baike.baidu.com/view/4177.htm
[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
[Center]: /images/20220713/c8b95c67c85d4f81920d4b9eb5f81378.png
[Center 1]: /images/20220713/94c3fa6374314ce989318209b84878ed.png
[Center 2]: /images/20220713/28561de84d2a4c079289682f624f80df.png
[Center 3]: /images/20220713/9009844d3a0d4669a0ca472117a59921.png
[Center 4]: /images/20220713/e19b7c8427984e25970a8cf0dbc7ec6e.png
[Center 5]: /images/20220713/85e1fbb16bf94399b17b879a382db0c3.png
[Center 6]: /images/20220713/a1496a392d9b434283b9c011fbc8d62a.png
[Center 7]: /images/20220713/082a3e82d5b54f629418c13a0865cf61.png
[Center 8]: /images/20220713/47097a0e9d404c56840aa2cd17824ec3.png
[Center 9]: /images/20220713/8430aaaaaa3649959a3ae1565b06a7f8.png
[Center 10]: /images/20220713/a117e3335d0d40ac897a41dea53634df.png
[Center 11]: /images/20220713/354fe45402bc431eb036052ce3e72691.png
[Center 12]: /images/20220713/57d0f26cde7045dd8b9fa277316bf3a2.png
[Center 13]: /images/20220713/ee86b70badb64dd9b6f03e036394ff7d.png
[Center 14]: /images/20220713/5cdbda42ca964c61b711df3390d37963.png
[Center 15]: /images/20220713/1eae4f777c024c09b7717ca8b2279140.png
[Center 16]: /images/20220713/bdc101fe65574186bb21034f7fa682fc.png
[Center 17]: /images/20220713/4b7ae5faebe74ed49dcbdaff30865796.png
[Center 18]: /images/20220713/57f3b425f87b41e69462608c1176e201.png