【JavaWeb】手把手教你Eclipse、IDEA集成Tomcat构建Web应用(二)

简介: 【JavaWeb】手把手教你Eclipse、IDEA集成Tomcat构建Web应用(二)

二、IDEA集成 Tomcat


1、在IDEA中关联Tomcat(图片教程)

 


60d8fe785f4fb308e15860ec1466133b_image-20220908115737860.png


61e8a7c1d4ca6a49bc5e0edf01927bc8_image-20220908115806089.png


ddc256c66e18722cd3fc4f9d9d5e1e3f_image-20220908115847973.png


填写自己电脑上Tomcat的路径


b23200979b1ab330c27d21e018399ecd_image-20220908115914980.png


d13d4fafecb3b1cf2547e01ab3d27d7d_image-20220908120037545.png


ae9fb06084df653bcfde1676693d9376_image-20220908120054320.png


9fb82326cb8ce1d60ed1523d96bcaeb3_image-20220908120155318.png

 

2、创建Web工程


1)创建动态Web工程:New Project—>填写相关信息,点击next即可


277d465169b48474602496c85cb2e321_2MR@C~P1EDNZ@P%7BYS@L$~UT.png


2)创建好的工程如下所示:


daa5a57c7ca5acbf4b01c46a6b2ed7a6_image-20220908124623961.png


Web工程目录结构介绍


1684983512518.png


3)创建用来部署Web工程的Tomcat实例,将开发项目部署项目到Tomcat中


053517b8a15df7e2a936a0855322ec02_image-20220908125002618.png


c684407ba3de10a096c480eb5ecd4718_image-20220908125048062.png


908f260c78705677071186a436cc9d40_image-20220908125250134.png


502b3d796af51adfd818f1ec9c99f8c9_image-20220908125647370.png

 

扩展内容: xxx.war和 xxx.war exploded这两种部署项目模式的区别?


war模式是将WEB工程打成war包,把war包发布到Tomcat服务器上

war exploded模式是将WEB工程以当前文件夹的位置关系发布到Tomcat服务器上

war模式部署成功后,Tomcat的webapps目录下会有部署的项目内容

war exploded模式部署成功后,Tomcat的webapps目录下没有,而使用的是项目的target目录下的内容进行部署

建议大家都选war模式进行部署,更符合项目部署的实际情况


910a229dbcc38a0ace2ac3f5ce5fd4e6_image-20220908130129626.png


点击Apply、OK。即部署成功。


3、部署运行测试代码


这里我们直接运行IDEA我们创建出来的测试代码


6c6a7e855c6ed52cd483bdde35876e6d_image-20220908131200448.png


启动刚刚我们创建的Tomcat实例


ad85a0398ebb53a67e8f072273611aa9_image-20220908131254227.png


部署运行成功,如下图,控制台无报错,访问http://localhost:8080/tomcat_demo_war/可以访问到咱们的测试代码中的index.jsp


9454b9cbeb4b59cde58a9be12f23cf6a_image-20220908131327084.png


a6675a84c6e59dae06c81538ae4cd42e_image-20220908131429787.png

相关文章
|
6天前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
16 2
|
11天前
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
29 3
|
28天前
|
存储 安全 关系型数据库
后端技术:构建高效稳定的现代Web应用
【10月更文挑战第5天】后端技术:构建高效稳定的现代Web应用
47 1
|
7天前
|
前端开发 安全 应用服务中间件
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展,前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用,介绍了二进制分帧、多路复用和服务器推送等特性,并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS,以提升Web应用的性能和安全性。
14 3
|
7天前
|
前端开发 JavaScript API
前端框架新探索:Svelte在构建高性能Web应用中的优势
【10月更文挑战第26天】近年来,前端技术飞速发展,Svelte凭借独特的编译时优化和简洁的API设计,成为构建高性能Web应用的优选。本文介绍Svelte的特点和优势,包括编译而非虚拟DOM、组件化开发、状态管理及响应式更新机制,并通过示例代码展示其使用方法。
21 2
|
7天前
|
测试技术 持续交付 PHP
PHP在Web开发中的应用与最佳实践###
【10月更文挑战第25天】 本文将深入探讨PHP在现代Web开发中的应用及其优势,并分享一些最佳实践来帮助开发者更有效地使用PHP。无论是初学者还是有经验的开发者,都能从中受益。 ###
22 1
|
8天前
|
负载均衡 监控 算法
论负载均衡技术在Web系统中的应用
【11月更文挑战第4天】在当今高并发的互联网环境中,负载均衡技术已经成为提升Web系统性能不可或缺的一环。通过有效地将请求分发到多个服务器上,负载均衡不仅能够提高系统的响应速度和处理能力,还能增强系统的可扩展性和稳定性。本文将结合我参与的一个实际软件项目,从项目概述、负载均衡算法原理以及实际应用三个方面,深入探讨负载均衡技术在Web系统中的应用。
36 2
|
11天前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
16 4
|
17天前
|
前端开发 安全 关系型数据库
PHP在Web开发中的应用及其优势###
【10月更文挑战第16天】 — 本文探讨了PHP在现代Web开发中的广泛应用及其显著优势。通过分析PHP的核心特性,如灵活性、易用性和广泛的应用支持,阐述了为何PHP成为众多开发者和公司的首选技术。文章还介绍了PHP与其他编程语言的比较,并展望了其未来的发展趋势。 ###
34 2
|
22天前
|
机器学习/深度学习 人工智能 算法
未来已来:探索量子计算在Web开发中的应用
在这篇文章中,我们将穿越技术的迷雾,一窥未来。量子计算,这一曾经只存在于理论中的技术,正逐渐走近现实,它的革命性潜力正在被探索其在Web开发中的潜在应用。本文将带你了解量子计算的基本概念,以及它可能如何重塑我们构建和交互Web应用的方式。准备好,让我们的想象力随着量子比特一起跳跃。

推荐镜像

更多