IDEA实用教程—创建Web项目

1. 前言

    使用IDEA创建Web项目时比Eclipse复杂，项目创建好了之后不仅需要配置项目的结结构还需要配置tomcat。在使用tomcat运行Web项目之前还需要将Web项目的war包发布到tomcat中。这些操作对于初学者有一定的难度。

2.  创建Web项目

2.1创建web项目的步骤

       第一步：FileàNewàProject

                              

图2-1 创建web项目

       第二步：选择Java—Web Application—Create web.xml

图2-2 创建Web项目

       第三步：填写项目名和指定项目的存储目录

图2-3 创建Web项目

       第四步：选择刚创建的项目在哪个窗口打开

       （由于IDEA没有工作空间的概念，一个窗口下只能打开一个项目project，所以会出现这个提示）

       1-ThisWindow：表示新建的项目在当前窗口打开，之前打开的窗口被关闭

      2-NewWindos：表示重新开启一个窗口来显示刚创建的项目

图2-4 创建Web项目

      第五步：创建完成，web项目的目录结构如图2-5所示

图2-5 创建Web项目

  2.2将tomcat安装到IDEA中

  第一步：Run—Edit Configuration…

图2-6 配置tomcat

  第二步：请按照图2-7所示加载tomcat

              将自己的tomcat安装目录（bin目录的上级目录配置进来）

图2-7 配置tomcat

       注意：tomcat版本最好是7.0.77及以上版本，其他版本可能不适用。

  第三步：配置完成

图2-7 配置完成

2.3设置项目结构

  1 创建classes目录和lib目录

    Classes目录是Web项目中java源文件编译后的存储目录，lib目录是存放jar文件的目录，为保持idea的项目结构与Eclipse创建的项目结构一致。我们需要才WEB-INF目录下手动创建classes目录和lib目录。然后，将这两个目录指定成classes目录和jar文件存储目录，如图2-8所示：

图2-8 创建web项目

  2 指定classes目录和lib目录

    上一步在WEB-INF中创建了两个文件夹：classes和lib。但是IDEA并不知道这两个文件夹是什么。所以，我们还需要手动将这两个文件夹指定成IDEA中的classes目录和lib目录。

首先，指定classes路径。

  1.点击Project Structure设置

  2.选择Modules

  3.选择右侧Path

  4.选择Use module compile output path

  5.将自己WEB-INF中的classes路径添加进来

如图2-9,2-10所示：

图2-9 指定classes目录

指定test的classes路径

图2-10指定test的classes目录

  其次，指定项目的lib目录

    1.Structure---Libraries---＋---Java

图2-11 指定lib目录

2.指定lib目录

图2-12 指定lib目录

3.选择jar文件类型：Jar Directory和要添加的项目

图2-13 指定lib目录

3. 运行Web项目

1.将2.2章节配置的Tomcat加到当前项目中

       点击Run下的小三角----Edit Configurations。如图3-1所示

图3-1 运行Web项目

第二步：点击“＋”---Tomcat Server—Local--OK

图3-2运行Web项目

   

第三步：给这只猫取个名，然后Fix一下

图3-3 运行Web项目

war包被Fix（发布）到tomcat中了。其实，也可以自己设置。

图3-4 运行Web项目

配置终于完成了，看到这只猫基本上就大功告成了。如图3-5中所示图标，2-正常启动；3-Debug模式启动            

图3-5 运行Web项目

看日志---项目启动后一定要看一下启动日志，启动成功会自动弹出首页-Index.jsp页面

图3-6 运行Web项目

图3-7 运行Web项目

停止项目：

如图3-8所示点击下图标2处 红色小方块

              图标1---重启项目

              图标2—停止项目

              图标3—tomca日志

              图标4-tomcat运行时日志

图3-8 停止Web项目

IDEA实用教程—创建Web项目

1. 前言

    使用IDEA创建Web项目时比Eclipse复杂，项目创建好了之后不仅需要配置项目的结结构还需要配置tomcat。在使用tomcat运行Web项目之前还需要将Web项目的war包发布到tomcat中。这些操作对于初学者有一定的难度。

2.  创建Web项目

2.1创建web项目的步骤

       第一步：FileàNewàProject

                              

图2-1 创建web项目

       第二步：选择Java—Web Application—Create web.xml

图2-2 创建Web项目

       第三步：填写项目名和指定项目的存储目录

图2-3 创建Web项目

       第四步：选择刚创建的项目在哪个窗口打开

       （由于IDEA没有工作空间的概念，一个窗口下只能打开一个项目project，所以会出现这个提示）

       1-ThisWindow：表示新建的项目在当前窗口打开，之前打开的窗口被关闭

      2-NewWindos：表示重新开启一个窗口来显示刚创建的项目

图2-4 创建Web项目

      第五步：创建完成，web项目的目录结构如图2-5所示

图2-5 创建Web项目

  2.2将tomcat安装到IDEA中

  第一步：Run—Edit Configuration…

图2-6 配置tomcat

  第二步：请按照图2-7所示加载tomcat

              将自己的tomcat安装目录（bin目录的上级目录配置进来）

图2-7 配置tomcat

       注意：tomcat版本最好是7.0.77及以上版本，其他版本可能不适用。

  第三步：配置完成

图2-7 配置完成

2.3设置项目结构

  1 创建classes目录和lib目录

    Classes目录是Web项目中java源文件编译后的存储目录，lib目录是存放jar文件的目录，为保持idea的项目结构与Eclipse创建的项目结构一致。我们需要才WEB-INF目录下手动创建classes目录和lib目录。然后，将这两个目录指定成classes目录和jar文件存储目录，如图2-8所示：

图2-8 创建web项目

  2 指定classes目录和lib目录

    上一步在WEB-INF中创建了两个文件夹：classes和lib。但是IDEA并不知道这两个文件夹是什么。所以，我们还需要手动将这两个文件夹指定成IDEA中的classes目录和lib目录。

首先，指定classes路径。

  1.点击Project Structure设置

  2.选择Modules

  3.选择右侧Path

  4.选择Use module compile output path

  5.将自己WEB-INF中的classes路径添加进来

如图2-9,2-10所示：

图2-9 指定classes目录

指定test的classes路径

图2-10指定test的classes目录

  其次，指定项目的lib目录

    1.Structure---Libraries---＋---Java

图2-11 指定lib目录

2.指定lib目录

图2-12 指定lib目录

3.选择jar文件类型：Jar Directory和要添加的项目

图2-13 指定lib目录

3. 运行Web项目

1.将2.2章节配置的Tomcat加到当前项目中

       点击Run下的小三角----Edit Configurations。如图3-1所示

图3-1 运行Web项目

第二步：点击“＋”---Tomcat Server—Local--OK

图3-2运行Web项目

   

第三步：给这只猫取个名，然后Fix一下

图3-3 运行Web项目

war包被Fix（发布）到tomcat中了。其实，也可以自己设置。

图3-4 运行Web项目

配置终于完成了，看到这只猫基本上就大功告成了。如图3-5中所示图标，2-正常启动；3-Debug模式启动            

图3-5 运行Web项目

看日志---项目启动后一定要看一下启动日志，启动成功会自动弹出首页-Index.jsp页面

图3-6 运行Web项目

图3-7 运行Web项目

停止项目：

如图3-8所示点击下图标2处 红色小方块

              图标1---重启项目

              图标2—停止项目

              图标3—tomca日志

              图标4-tomcat运行时日志

图3-8 停止Web项目