idea 创建web项目_创建一个web站点需要进行的步骤

idea (4) 2024-07-03 08:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
idea 创建web项目_创建一个web站点需要进行的步骤,希望能够帮助你!!!。

idea创建web项目步骤

好多朋友在使用IDEA创建项目时,总会碰到一些小问题。

现在我们就演示一下使用IDEA创建web项目的完整步骤吧。

一. File --> new -->project
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第1张

二、构建maven项目。

idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第2张

三、创建项目名,报名,项目路径。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第3张

四、选择好maven仓库,完成创建。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第4张

创建之后的项目如下图所示:
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第5张

聪明的你会发现项目中没有 java 和 rescoures 文件夹。

接下来我们把这两个创建出来。

点击File -->Project Structure–> Modules
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第6张

新建这两个文件夹。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第7张
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第8张

resources也是这样。

然后选中java文件夹,点击一下Sources,java文件夹图标变成蓝色的即可, 选中resources,点击一下Rseources。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第9张

项目就构建好了。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第10张

接下来配置Tomcat,发布项目。

一、点击 Add Configuration

idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第11张

点击加号。 选择tomcat server local

idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第12张

idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第13张

点击Deployment,发布项目发到Tomcat中。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第14张

点击加号。
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第15张

选择第一个。Artifact
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第16张

然后选择:war expolded 。点击OK
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第17张

自定义你的访问路径。 完成之后点击Apply.
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第18张

运行Tomcat,访问项目。

点击箭头开启Tomcat.
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第19张

在浏览器访问:
idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第20张

idea 创建web项目_创建一个web站点需要进行的步骤_https://bianchenghao6.com/blog_idea_第21张

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复