注意: 此IDEA版本是2020.2.1,配置Tomcat时可能会与其他版本不一样。

打开IDEA,点击New Project

首先,打开idea创建个项目,点击New Project

idea写网页要和Java做交互 怎么用idea写网页_idea写网页要和Java做交互


然后点击Java,之后在点击两下Next

idea写网页要和Java做交互 怎么用idea写网页_windows_02


到了这个页面后,先输入自己的项目名,输入好后点击Finish

idea写网页要和Java做交互 怎么用idea写网页_windows_03


进入IDEA后,点击左上角的File,然后点击Project Structure;

idea写网页要和Java做交互 怎么用idea写网页_tomcat_04


然后选择Modules,然后在选择创建好的项目名demo;

idea写网页要和Java做交互 怎么用idea写网页_windows_05


然后点击+号,选择Web;

idea写网页要和Java做交互 怎么用idea写网页_Server_06


点击后会出现下面页面,然后在次点击Artifacts;

idea写网页要和Java做交互 怎么用idea写网页_Server_07


然后先点击 + 号,这里注意一下,要选择 Web Application: Exploded的

From Modules;

idea写网页要和Java做交互 怎么用idea写网页_Server_08


选择后会弹出下面页面,然后点击OK;

idea写网页要和Java做交互 怎么用idea写网页_windows_09


然后会出现 demo:war exploded;然后点击右下角的Apply

idea写网页要和Java做交互 怎么用idea写网页_idea写网页要和Java做交互_10


然后到了此页面,此时的目录如下所示;,然后点击Add Configuration

idea写网页要和Java做交互 怎么用idea写网页_windows_11


然后点击 + 号,找到Tomcat Server,选择Local

注意: 这里一定要看清楚, ==是 Tomcat Server ==,不是Tomee Server,这里特别容易看错,请大家认真仔细看

idea写网页要和Java做交互 怎么用idea写网页_idea写网页要和Java做交互_12


点击后就会默认到这个页面,然后点击Deployment

idea写网页要和Java做交互 怎么用idea写网页_Server_13


然后点击Artifact

idea写网页要和Java做交互 怎么用idea写网页_idea写网页要和Java做交互_14


这个Application context可以自己取名,取完后,看第二个图片,这里的项目名会 自动配置到第二个图片的URL处。一切做完后,点击Apply,然后点击OK。

idea写网页要和Java做交互 怎么用idea写网页_intellij-idea_15


idea写网页要和Java做交互 怎么用idea写网页_Server_16


然后鼠标单击右键,然后点击New,点击JSP/JSPX,创建index.jsp文件

idea写网页要和Java做交互 怎么用idea写网页_Server_17


创建好后在body标签内写< h1 >hello!< /h1 >

idea写网页要和Java做交互 怎么用idea写网页_Server_18


然后点击这个绿色的三角形

idea写网页要和Java做交互 怎么用idea写网页_idea写网页要和Java做交互_19


然后会自动弹出这个页面,代表我们部署的第一个页面成功了;

idea写网页要和Java做交互 怎么用idea写网页_Server_20

注意

如果这里选了这个对号,他会自动弹出页面;
否则,你要自己打开浏览器输入网址

http://localhost:8080/配置的tomcat服务器下的项目名/

idea写网页要和Java做交互 怎么用idea写网页_Server_21