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

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

一、Eclipse集成 Tomcat


1、Eclipse手动集成Tomcat


1.1 具体步骤


在Eclipse页面上方导航栏选择Window–>Preferences–>Server–>Runtime Environment–>

ADD–>选择对应安装的Tomcat版本,点击next,然后在弹出的窗口配置Tomcat安装的本地路径,点击finish,过程如下图所示。


31714ffac717e7fd49e066f8f8376abe_image-20220907182218254.png


cea7d42c824864ea259ec239957870ae_image-20220907182247605.png


199b436eef211e6e5b440d8661ccf50a_image-20220907182306256.png


19d781d341d3a3daaf8f319919165ba6_image-20220907182344380.png


1.2 成功提示


项目目录位置出现Servers,里面加载了Tomcat的相关配置文件,控制台位置出现Tomcat服务


49fe38ff267463c4574d34c18a261d90_image-20220907182614576.png


1e33703e48e23ded2f4ff8ccb6cc8ec6_image-20220907182722414.png


PS:eclipse没有server选项解决办法

在eclipse菜单Help中点击Install New Software


1f4bcfde45d19b8caf1ada9ae7bc90f6_image-20220828141916321.png


点击Add,按照图中位置填写:



Name栏填写:“Kepler” repository

Location一栏填写:http://download.eclipse.org/releases/kepler

填完以后点击Add


221dc4c5aa628131bc9b8d13122ae2c2_image-20220828142219966.png


等待加载,找到选项Web,XML, Java EE and OSGi Enterprise Development,进行勾选。然后点击下一步Next按钮。


1eaa802e40e5042d67a2848537903070_image-20220828143903440.png


再点击一下Next按钮,点击接受协议,一直点击Finish按钮完成即可,然后会下载依赖,等下载完成以后,点击Restart Now按钮,重启Eclipse软件。会发现已经有了Sever选项,就可以正常使用了。


2、使用Eclipse IDE for Java EE Developers


2.1 配置 Eclipse IDE Java EE


首先,下载 Eclipse IDE for Java EE Developers,可以到官网进行下载,也可以通过阿里云盘链接,下载完毕后,解压后即可使用。


1)创建目录D:\JavaEE\eclipse,将下载的.zip文件解压到该目录下。


2)双击D:\JavaEE\eclipse\eclipse.exe即可打开Eclipse。如下图:


16921d3f283143d0f805d9e06f44e61b_f230caece3d9b750a1d5f021a7305886.jpeg


点击“Browse…”指定源代码的存放位置(工作空间),然后点击ok,就可以进入Eclipse IDE编程界面。


3)首次打开Eclipse IDE,我们点击下图箭头指向的蓝色连接,关联tomcat服务器,如下图。


212e463601c3ede3c29d0e60bdbead22_image-20220907190024708.png


493e9eee1dbcc172b0b528f85539e405_image-20220907190119700.png


4)选中Apache下面的Tomcat v8.0 Server,然后点击Next按钮,进入下面的界面。并在该界面中选择Tomcat Installation directory和JRE。


6b3a3515a948d77870f24a82f4fc2d8c_image-20220907190227146.png


5)点击Finish按钮,tomcat配置完成。主界面会显示tomcat相关的项,如下图所示:


4f4fe680c4563a752f9b94242b614f35_image-20220907190339438.png


2.2 创建 JavaEE web 应用程序


1)打开Eclipse,通过上部的菜单项File->New->Dynamic Web Project可以创建一个新的web project。在打开的窗口中,仅需要输入Project name即可,然后点击Finish按钮。


8013ca12820c8c844cbb6a5c4c8a0eaa_image-20220907184200503.png


97f84481a90d677ffec11970579df0e6_image-20220907190756164.png


2)新的web project默认的目录结构如下图。


e11f882b89b877be5b4a711bf8efaf50_image-20220907190918770.png


2.3 引入jar包


引入jdbc的jar包。拷贝mysql-connector-java-8.0.22.jar到项目的WebContent\WEB-INF\lib下。然后,在工程名上点击右键并选择Build Path-> Configure Build Path…


f9374b5c3a59f519ff184c163aaa3965_image-20220907191142747.png


221e0c6b9559dc73fc5000a3f5a1f629_image-20220907191219242.png


在新打开的窗口中,鼠标点击 Libraries–>Add External JARs… 然后在弹出窗口找到你项目的lib文件目录下的jar包,将mysql-connector-java-8.0.22.jar引入到项目的Libraries中,在项目目录中也会有所显示。


209c6f51a7e84458945a29ce1fc0f5b1_cbd3b193981a4241fb4dcad20580c5be.png


a761b577c7f24f000fb5f8f277261fcb_image-20220907191952979.png


b4804bd0de3f2fdcda54f674cf178837_image-20220907192013791.png


3、在Eclipse中运行web工程


1)在javaweb_demo工程中的Java Resources\src以及WebContent两个文件夹下增加相应的源代码文件(见文末)。


2)在项目工程名上点击右键选择Run As ->Run on Server:


bd211b59decc6534d0673a961eab8ebe_image-20220907210437984.png


在弹出的窗口中确定服务器为tomcat9, 然后点击Finish:


4cb4dae993e6c41e13a3f6f957486aa8_image-20220907210512765.png


tomcat8在Eclipse IDE中会自动启动,工程的首页(登陆窗口)可在中间的内置浏览器中显示:


7515228d99b9acc11303b1096283ccd9_image-20220907210608647.png


在登陆窗口输入用户名:sunming 密码:123456 然后点击提交按钮,会出现登陆成功后的界面;随便输入其它用户名和密码进行测试,会出现错误提醒界面。


至此,Eclipse中的JavaEE web应用开发环境已经配置成功!

相关文章
|
Java 应用服务中间件 API
Servlet开发流程 (里面有Idea项目添加Tomcat依赖详细教程)
本文详细介绍了Servlet的开发流程,包括在IntelliJ IDEA中添加Tomcat依赖的详细教程。通过上述步骤,开发者可以快速搭建并运行一个基本的Servlet应用,理解并掌握Servlet的开发流程对于Java Web开发至关重要。希望本文能够帮助开发者顺利进行Servlet开发,提高工作效率。
1839 78
|
Java Maven
idea构建grpc项目
idea构建grpc项目
706 1
|
Java 应用服务中间件 Maven
在IntelliJ IDEA中如何配置使用Maven以创建Tomcat环境
所以,别担心这些工具看起来有些吓人,实际上这些都是为了帮助你更好的完成工作的工具,就像超市里的各种烹饪工具一样,尽管它们看起来可能很复杂,但只要你学会用,它们会为你烹饪出一道道美妙的食物。这就是学习新技能的乐趣,让我们一起享受这个过程,攀登知识的高峰!
902 27
|
Java 应用服务中间件 Apache
在IntelliJ IDEA中使用Maven配置Tomcat环境
此配置方法具有较高的实用性,简单易懂。遵循以上步骤,您将能顺利在IntelliJ IDEA中使用Maven配置Tomcat环境,从而进行Web项目的开发和调试。
1961 18
|
人工智能 自然语言处理 Java
IDEA + 通义灵码 AI 程序员:快速构建 DDD 后端工程模板
本文介绍了如何利用 IntelliJ IDEA 编辑器和阿里云的通义灵码 AI 程序员,快速搭建一个基于 DDD 领域驱动架构的后端工程模板。
|
Java Android开发
Eclipse Java 构建路径
Eclipse Java 构建路径
330 3
|
缓存 Java 应用服务中间件
支付宝 网站支付Demo 案例【沙箱环境】IDEA如何配置启动Eclipse项目
该博客文章讲述了如何在IntelliJ IDEA中配置和启动一个使用Eclipse开发的支付宝网站支付Demo案例。文章详细记录了从导入项目到配置Tomcat,再到解决启动过程中遇到的问题的步骤。作者还分享了在IDEA中遇到的一些常见问题,如项目配置、依赖库添加、编码问题等,并提供了相应的解决方案。此外,文章还提供了支付效果的展示以及一些支付宝案例文档中需要修改的参数信息。
支付宝 网站支付Demo 案例【沙箱环境】IDEA如何配置启动Eclipse项目
|
前端开发 JavaScript Java
idea中如何不重启tomcat 即可看到修改内容变化
这篇文章介绍了在IntelliJ IDEA中实现对Java Web应用的热部署(Hot Swap)的多种方法,包括启用自动构建、使用Exploded Artifact、安装JRebel插件、更改静态资源、使用Spring Boot的devtools以及IDEA的HotSwap功能,以便在不重启Tomcat服务器的情况下看到修改内容的变化。
idea中如何不重启tomcat 即可看到修改内容变化
|
Linux Android开发 Windows
IDEA如何设置成Eclipse的快捷键
【10月更文挑战第9天】这段内容介绍了如何在 IntelliJ IDEA 中设置类似 Eclipse 的快捷键。主要包括:1) 打开设置;2) 进入快捷键设置页面;3) 选择 Eclipse 快捷键方案;4) 可选的自定义调整。通过这些步骤,可以让熟悉 Eclipse 的用户更快适应 IDEA。
4628 5

推荐镜像

更多