黑马程序员技术交流社区

标题: 【上海校区】IDEA实用教程之--创建WEB工程 [打印本页]

作者: buguniao 时间: 2017-8-2 22:17
标题: 【上海校区】IDEA实用教程之--创建WEB工程
本帖最后由绮丽于 2017-9-7 17:15 编辑

使用IDEA创建WEB工程

一，准备工作

安装Tomcat，注意：tomcat的版本一定不能是apache-tomcat-7.0.0。可以是apache-tomcat-7.0.77或其以上版本的。

二，创建Web项目

创建步骤如下：

第一步：File--New--Project

第二步：选择Java--Web Application --- Next

第三步：输入项目名和项目路径

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

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

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

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

第五步：创建完成

三 ,配置Tomcat
   第一步：将Tomcat加到IDEA中
               1.点击Run下面的下拉框，然后点击Edit Configurations

2.点击Default

3.选择Tomcat Server 单后点击Configure

4.按照下图1,2,3,4将自己的tomcat加进来，然后一路狂点OK

   第二步：将Tomcat加到当前项目中
                  1.还是点击这里

2.请按照下图图标将自己的刚才加在IDEA中的Tomcat选中

四，配置项目结构信息
在Idea中，Web项目运行前需要打成war包交给tomcat运行，所以配置好tomcat之后还不能直接启动tomcat运行。
1.在WEB-INF目录下创建classes目录和lib目录

为保持IDEA创建的项目结构与Eclipse一致我们手动在WEB-INF目录下创建classes目录和lib目录。Classes目录主要存储编译后的文件，lib主要存储jar文件。

2.指定项目的classes路径和lib路径

注：小技巧—显示toolbar

IDEA顶部工具栏，默认是隐藏的，如果需要显示选择：View—Toobar即可

下面才是正文：

我们来指定项目的calasses路径和lib路径

首先，指定classes路径。

1.点击Project Structure设置

2.选择Modules

3.选择右侧Path

4.选择Use module compile output path

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

指定test的classes路径

其次，指定项目的lib目录

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

2.指定lib目录

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

五，运行项目

点击Run下的小三角----Edit Configurations

点击“＋”---Tomcat Server—Local--OK

给这只猫取个名，然后Fix一下

哇塞，war包被Fix到tomcat中了。其实，也可以自己设置（配置已经够烦了，笔记上不再赘述了）。

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

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

停止项目：点击下图标2处红色小方块

图标1---重启项目

图标2—停止项目

图标3—tomca日志

图标4-tomcat运行时日志

作者: 小影姐姐 时间: 2017-8-14 15:47
666666

作者: 绮丽 时间: 2017-8-15 09:44
顶顶腾哥很实用的

作者: 那么那么纯洁 时间: 2017-8-25 11:09
66666666666

作者: 安生的七月 时间: 2017-9-1 11:20
好6啊，滕哥

作者: evan.zhou 时间: 2017-9-3 20:53
这篇文章加入了腾哥帖子的连接
http://blog.csdn.net/hellozpc/article/details/73699544

感谢作者节省了我们找学习资源的时间
期待后续idea集成svn、git，检出，提交，解决冲突，代码合并(merge)的教程哦！

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2