黑马程序员技术交流社区
标题: 【上海校区】【IDEA实用教程】02-创建Web项目 [打印本页]
作者: shjava 时间: 2017-9-20 20:22
标题: 【上海校区】【IDEA实用教程】02-创建Web项目
本帖最后由 shjava 于 2017-9-20 20:40 编辑
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项目
-
28-2.png
(29.09 KB, 下载次数: 7)
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
