idea创建web项目

ゝ一纸荒年。 2022-05-22 05:37 225阅读 0赞

## 一、创建简单web项目 ##

1、创建一个web project

File -> new Project ->选择project sdk 为1.6（如果没有sdk的同学请先配置）-> Next

![617148-20170802092907146-91979022.png][]

create project from template 页面，不勾选任何选项 -> Next

![617148-20170802093047755-586224724.png][]

输入项目名：webDemo -> Next -> Finish

![617148-20170802093224552-1216157022.png][]

## 二、创建一个Module ##

鼠标点中项目名称webDemo -> 右键选择New，选择Module -> Module SDK 选择1.6 -> 勾选JavaEE下的Web Application(3.1) ，注意窗口下的version对应为3.1，且Create web.xml已勾选 -> Next

![617148-20170802093727021-213024161.png][]

输入Module name 为firstweb -> Finish

![617148-20170802093921521-1094510523.png][]

3、创建好的web项目

![617148-20170802094038130-493955871.png][]

4、在web/WEB\_INF 目录下创建两个文件夹：classes和lib

classes用来存放编译后输出的class文件，lib用于存放第三方jar包

![617148-20170802094607927-568081061.png][]

5、配置文件夹路径

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具栏的快捷键 -> 选择Modules

\-> 选择Paths -> 选择“Use module compile out path” -> 将Outputpath 和Test output path 都设置为刚刚创建的classes文件夹

![617148-20170802094907005-261494878.png][]

![617148-20170802095225646-1238172626.png][]

选择当前窗口的Dependencies -> 将Module SDK选择为1.6 ->点击右边的 + 号 -> 选择 “1 JARS or directories ...”

![617148-20170802095637318-1978321365.png][]

\-> 选择刚刚创建的lib文件夹 -> OK

![617148-20170802095753380-1154472480.png][]

\-> 选择Jar Directory -> OK

![617148-20170802095902646-2089640270.png][]

\-> Apply -> OK

![617148-20170802100008740-140141911.png][]

## 三、配置好tomcat后直接运行 ##

1.修改index.jsp页面

![70][]

2.配置tomcat

点击右上角的小箭头可进入关于tomcat的配置页面，如图：

![70 1][]

也可点击最上栏的按钮Run-->Edit Configurations进入配置页面

![70 2][]

进入到配置页面后，在左侧default下拉框中找到tomcat:

①配置自己的本地的tomcat及jdk

![70 3][]

选择本地的tomcat地址：

![70 4][]

选择本地的jdk地址：

![70 5][]

②配置部署的项目及路径

![70 6][]

③这些配置完，点击apply回到编辑器主页面，发现右上角不能点击运行，如图：

![70 7][]

此时你需要再次回到配置页面：

![70 8][]

![70 9][]

点击apply,回到编辑器主页面在右上角就可以看到你刚才配置的信息：

![70 10][]

④点击绿色的箭头运行,浏览器中出现一下信息，说明创建web项目成功吗：

![70 11][]

恭喜你完成对web项目的创建，你就可以在项目中添加各种配置了。

[617148-20170802092907146-91979022.png]: /images/20220522/75b8f066cdb3445f8c5e064f9205f4cb.png
[617148-20170802093047755-586224724.png]: /images/20220522/81d5986ee22a45e2821f9ee7780d31c6.png
[617148-20170802093224552-1216157022.png]: /images/20220522/46f3e55dd8c8435d894111e4effde30a.png
[617148-20170802093727021-213024161.png]: /images/20220522/7f38ac4afc764bc6916d775217d5c0a5.png
[617148-20170802093921521-1094510523.png]: /images/20220522/0b3425542fb241b9831c10824a804d40.png
[617148-20170802094038130-493955871.png]: /images/20220522/35bd5ff578834ab3a6d3e6f91a15c48b.png
[617148-20170802094607927-568081061.png]: /images/20220522/6d44fa3fd6cc426fad8507fa6f970214.png
[617148-20170802094907005-261494878.png]: /images/20220522/df097da5310d405697e2ed1a84221aa9.png
[617148-20170802095225646-1238172626.png]: /images/20220522/712537be27974a2687e16e206ee5a8ad.png
[617148-20170802095637318-1978321365.png]: /images/20220522/01f7d22f87f941c3ab38855151511a74.png
[617148-20170802095753380-1154472480.png]: /images/20220522/c9059542631c4f2fbdade09358979ba6.png
[617148-20170802095902646-2089640270.png]: /images/20220522/2bbe7ed5e8ab408e9f41e0eda7238bac.png
[617148-20170802100008740-140141911.png]: /images/20220522/e4c9edd5abd346cc9a95707e1494ab4d.png
[70]: /images/20220522/dd95890cc428417099c581cb2ae40eff.png
[70 1]: /images/20220522/133f2257564c4691b024ae81e9ec342a.png
[70 2]: /images/20220522/88e4225d04c24babb8e934345e28f61c.png
[70 3]: /images/20220522/114be4b47c22499c98b9f3ab5823642f.png
[70 4]: /images/20220522/f6a7adcba2b7415c8de3a8c8f3996ae6.png
[70 5]: /images/20220522/6a67a075e80342b88a9fbaab133e2765.png
[70 6]: /images/20220522/1aa20f0b89d240f8b8f2602bb10ee0ce.png
[70 7]: /images/20220522/02ab04da647d4b88b03821d184c573a1.png
[70 8]: /images/20220522/836a08c5fe7846b0986f3c5133be48f8.png
[70 9]: /images/20220522/3d741f2bb52b4aee8ba7d1dee6522ef8.png
[70 10]: /images/20220522/f083aecfe1ba4358b13b2dfa88659052.png
[70 11]: /images/20220522/227aeddc067941d9ba669f74be623c87.png