IDEA 构建web项目-详细教程

这篇具有很好参考价值的文章主要介绍了IDEA 构建web项目-详细教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、创建一个新项目

1、点击File,选择New,然后点击Project

idea 搭建 web项目,Java,intellij-idea,java,tomcat

2、选择Empty Project,然后点击Next

idea 搭建 web项目,Java,intellij-idea,java,tomcat

3、新建一个项目

idea 搭建 web项目,Java,intellij-idea,java,tomcat

4、在新建完项目后,点击Finish后会弹出Open Project这个窗口,建议选择New Window

idea 搭建 web项目,Java,intellij-idea,java,tomcat

5、在Project Structure中选择Project Settings --> Modules --> 点击+号 Add New Module ---> 选择java,完成后点击Next

idea 搭建 web项目,Java,intellij-idea,java,tomcat

6、在New Module 中 给Module取一个名字,并且记住Content root 的根目录,完成后点击Finish

idea 搭建 web项目,Java,intellij-idea,java,tomcat

7、点击刚刚创建的Module, 点击Sources,确保其路径与及其文件下含有src,之后点击OK,创建完毕后到会主页面

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcat

8、鼠标定在Web01中,鼠标右键,选择Add Framework Support

idea 搭建 web项目,Java,intellij-idea,java,tomcat

9、在Add Framework Support,Java EE 中勾选Web Application,之后会出现Version的版本号,点击OK

idea 搭建 web项目,Java,intellij-idea,java,tomcat

10、在完成上一步操作之后,在Web01这个项目下,会出现web这个包,并且这里包含WEB-INF和index.jspindex.jsp

idea 搭建 web项目,Java,intellij-idea,java,tomcat

11、在WEB-INF下,新建两个文件夹,分别是classes 和 lib

idea 搭建 web项目,Java,intellij-idea,java,tomcat

12、打开项目结构(点击File ---> 选择Project Structure)

idea 搭建 web项目,Java,intellij-idea,java,tomcat

13、打开Project Structure --> 选择Project Settings --->Project -->在Project SDK中,选择与之对应的SDK版本,(我这里选择的时1.8 version 1.8.0_281)

idea 搭建 web项目,Java,intellij-idea,java,tomcat

14、完成上一步操作后,点击Modules --->选择刚刚创建的Web01项目 ---> 点击path --->选择Use module compile output path -->将1,2的path路径更改为刚刚在WEB-INF中创建的classes ---> 勾选Exclude output paths ---->点击Apply

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcat

15、在Project Structure ---> Project Settings --->Facets中配置Web项目 (注:这里的Web目录不是一个普通的文案夹,而是一个Web项目)

idea 搭建 web项目,Java,intellij-idea,java,tomcat

16、在Project Structure ---> Project Settings ---> Artifacts --->点击+号 ---> 选择Web Application:Exploded ---> From Modules。完成后点击Web01:war exploded --> Apply .在Select Modules 中选择Web01,然后点击OK

idea 搭建 web项目,Java,intellij-idea,java,tomcat

2、配置Tomcat

1、集成配置Tomcat , 点击Add Configuration

idea 搭建 web项目,Java,intellij-idea,java,tomcat

2、点击+号,找到Tomcat Server ---> 点击Local ----> 点击Configuration

idea 搭建 web项目,Java,intellij-idea,java,tomcat

3、点击Configuration后,找到Tomcat的所在位置 ---> Apply

idea 搭建 web项目,Java,intellij-idea,java,tomcat

4、点击Deployment ---> 点击+号,会出现刚刚配置的Web01:war exploded ----> Apply

idea 搭建 web项目,Java,intellij-idea,java,tomcat

5、完成后,点击OK,回到主页面。

6、回到主页面后,再次点击File ---> 选择Project Structure ---> 点击Project Settings --> 选择Modules  ---> 在Web01项目中选择Dependencies ---> 点击+号,选择JARS or Directories

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcatidea 搭建 web项目,Java,intellij-idea,java,tomcat

7、完成后在External Libraries 中可以看到这两个文件夹

idea 搭建 web项目,Java,intellij-idea,java,tomcat

8、添加jar包

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcat

idea 搭建 web项目,Java,intellij-idea,java,tomcat 文章来源地址https://www.toymoban.com/news/detail-777902.html

到了这里,关于IDEA 构建web项目-详细教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【IntelliJ IDEA】使用Maven方式构建Spring Boot Web 项目(超详细)

    文章内容框架: 一、开发工具  二、初始化配置 2.1、Maven初始化设置 2.2、JDK初始化设置 三、创建Maven项目 四、创建Spring Boot Web项目  五、实现一个Web项目         IntelliJ IDEA      版本号: ULtimate 2022.3         打开IntelliJ IDEA工具,进入欢迎页面。         本文在此处,

    2024年02月09日
    浏览(76)
  • Java项目使用intellij-IDEA查看依赖包版本是否有冲突(方法及工具)附截图

    编译器及版本 idea-ultimate 依赖管理工具 maven Step1:点击右侧的maven Step2:右键依赖项,点击分析依赖关系 Step3:可以在模块名位置进行切换,左侧三角的标志则表示该包引入了多个版本,有冲突 Step4:可以看到当前这个包被引入了两个版本的 Step5:右键冲突的包名,可以看到

    2024年02月15日
    浏览(96)
  • 在idea中搭建微服务项目(22版),详细教程

            1.创建新的项目          2.创建的项目类型为SpringBoot              选择创建后再选择新建项目                   3. 将新建的项目中不需要的东西都给删了,只留下pom文件即可          修改pom文件的版本          导入所需要的jar包,将原来dependencies中的依

    2024年02月09日
    浏览(36)
  • 【Java单体应用】使用IntelliJ IDEA 创建Java Web项目(超详细图文教学)

    一: 打开 IEDA ,选择 Create New Project 二: 选择 Java - Create New Project - Web Application ,然后点 Next 三: 下图一是 默认项目名 ,下图二是 自定义项目名 。只需要改 Project name(项目名) 和 Project location(项目路径) ,下面的 More Settings 中的内容会随着你的项目名变动,不需要你

    2024年02月05日
    浏览(116)
  • 2023 最新版IntelliJ IDEA 2023.1创建Java Web 项目详细步骤(图文详解)

    如果需要学习使用spring-boot3搭建Java Web项目,请移步:2023 最新版IntelliJ IDEA 2023.1创建Java Web前(vue3)后端(spring-boot3)分离 项目详细步骤(图文详解) 安装什么的这里就不说了,都是傻瓜式的安装,但是你需要知道安装的位置,切记!切记! 使用版本:java 20.0.1 2023-04-18 官

    2024年02月05日
    浏览(120)
  • IDEA2023.1.3创建Java Web项目并配置Tomcat(傻瓜式教程)

    本篇教程只针对IDEA2023.1.3版的Java Web项目创建以及配置Tomcat,不包含Tomcat下载教程 1.选择New Project,设置好项目名和JDK,点击Create  2.打开Project Structure 3.在Modules里点击加号选择Web,这样IDEA会帮我们创建好webapp文件夹和web.xml配置文件 4. 为项目创建一个web应用artifacts,IDEA在这里

    2024年02月11日
    浏览(62)
  • IDEA搭建Java Web项目及添加Web框架支持和配置Tomcat服务器(2023最新版)

     File — New — Project Java — Project SDK中选择自己的版本(这里采用1.8) —点击Next 此项不选 直接点击Next 设置项目名称之后 点击 Finish 鼠标右键项目名 — Add Frameworks Support   勾选第一项 Web Application — 点击 OK 出现web目录后即为Web框架支持添加成功   点击Add Configruation 点击添加

    2024年02月13日
    浏览(78)
  • IDEA 搭建 SpringCloud 项目【超详细步骤】

    所谓微服务,就是要把整个业务模块拆分成多个各司其职的小模块,做到单一职责原则,不会重复开发相同的业务代码,实现真正意义上的高内聚、低耦合。同时,微服务可以对外暴露接口,供其它微服务使用。 如果我们在 A 服务中发起一个 http 请求到 B 服务,那么就可以实

    2024年02月05日
    浏览(33)
  • Intellij IDEA 导入 eclipse web 项目详细操作

    Eclipse当中的web项目都会有这两个文件。但是idea当中应该是没有的,所以导入会出现兼容问题。但是本篇文章会教大家如何导入,并且导入过后还能使用tomcat运行。文章尽可能以图片的形式进行演示。我的idea使用的版本是2022.3.3版本。当然按正常来说版本之间配置是没有差异

    2024年02月13日
    浏览(52)
  • 2023 最新版IntelliJ IDEA 2023.1创建Java Web前(vue3)后端(spring-boot3)分离 项目详细步骤(图文详解)

    2023 最新版IntelliJ IDEA 2023.1创建Java Web 项目详细步骤(图文详解) 本篇使用当前Java Web开发主流的spring-boot3框架来创建一个Java前后端分离的项目,前端使用的也是目前前端主流的vue3进行一个简单的项目搭建,让你距离Java全栈开发更近一步 🏴‍☠️。 使用版本: “17.0.1”

    2024年02月12日
    浏览(85)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包