【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应用开发环境已经配置成功!

相关文章
|
1月前
|
前端开发 JavaScript UED
探索Python Django中的WebSocket集成:为前后端分离应用添加实时通信功能
通过在Django项目中集成Channels和WebSocket,我们能够为前后端分离的应用添加实时通信功能,实现诸如在线聊天、实时数据更新等交互式场景。这不仅增强了应用的功能性,也提升了用户体验。随着实时Web应用的日益普及,掌握Django Channels和WebSocket的集成将为开发者开启新的可能性,推动Web应用的发展迈向更高层次的实时性和交互性。
75 1
|
1月前
|
Java Maven Docker
gitlab-ci 集成 k3s 部署spring boot 应用
gitlab-ci 集成 k3s 部署spring boot 应用
|
1月前
|
应用服务中间件 数据库
Tomcat 的数据库连接池设置与应用
Tomcat 的数据库连接池设置与应用
38 3
|
1月前
|
Java 应用服务中间件 Apache
浅谈Tomcat和其他WEB容器的区别
Tomcat是一款轻量级的免费开源Web应用服务器,常用于中小型系统及并发访问量适中的场景,尤其适合开发和调试JSP程序。它不仅能处理HTML页面,还充当Servlet和JSP容器。相比之下,物理服务器是指具备处理器、硬盘等硬件设施的服务器,如云服务器,其设计目标是在处理能力、稳定性和安全性等方面提供高标准服务。简言之,Tomcat专注于运行Java应用,而物理服务器则提供基础计算资源。
|
1月前
|
存储 缓存 安全
如何使用 PHP 将天气跟踪集成到 Web 应用程序中
如何使用 PHP 将天气跟踪集成到 Web 应用程序中
32 0
|
2月前
|
机器学习/深度学习 人工智能 搜索推荐
如何让你的Uno Platform应用秒变AI大神?从零开始,轻松集成机器学习功能,让应用智能起来,用户惊呼太神奇!
【9月更文挑战第8天】随着技术的发展,人工智能与机器学习已融入日常生活,特别是在移动应用开发中。Uno Platform 是一个强大的框架,支持使用 C# 和 XAML 开发跨平台应用(涵盖 Windows、macOS、iOS、Android 和 Web)。本文探讨如何在 Uno Platform 中集成机器学习功能,通过示例代码展示从模型选择、训练到应用集成的全过程,并介绍如何利用 Onnx Runtime 等库实现在 Uno 平台上的模型运行,最终提升应用智能化水平和用户体验。
55 1
|
3月前
|
机器学习/深度学习 存储 前端开发
实战揭秘:如何借助TensorFlow.js的强大力量,轻松将高效能的机器学习模型无缝集成到Web浏览器中,从而打造智能化的前端应用并优化用户体验
【8月更文挑战第31天】将机器学习模型集成到Web应用中,可让用户在浏览器内体验智能化功能。TensorFlow.js作为在客户端浏览器中运行的库,提供了强大支持。本文通过问答形式详细介绍如何使用TensorFlow.js将机器学习模型带入Web浏览器,并通过具体示例代码展示最佳实践。首先,需在HTML文件中引入TensorFlow.js库;接着,可通过加载预训练模型如MobileNet实现图像分类;然后,编写代码处理图像识别并显示结果;此外,还介绍了如何训练自定义模型及优化模型性能的方法,包括模型量化、剪枝和压缩等。
51 1
|
3月前
|
存储 消息中间件 前端开发
Web2py框架下的神秘力量:如何轻松集成第三方API,让你的应用不再孤单!
【8月更文挑战第31天】在开发现代Web应用时,常需集成第三方服务如支付网关、数据存储等。本文将指导你使用Web2py框架无缝接入第三方API。通过实例演示从注册获取API密钥、创建控制器、发送HTTP请求到处理响应的全过程。利用`requests`库与Web2py的内置功能,轻松实现API交互。文章详细介绍了如何编写RESTful控制器,处理API请求及响应,确保数据安全传输。通过本教程,你将学会如何高效整合第三方服务,拓展应用功能。欢迎留言交流心得与建议。
48 1
|
2月前
|
图形学 iOS开发 Android开发
从Unity开发到移动平台制胜攻略:全面解析iOS与Android应用发布流程,助你轻松掌握跨平台发布技巧,打造爆款手游不是梦——性能优化、广告集成与内购设置全包含
【8月更文挑战第31天】本书详细介绍了如何在Unity中设置项目以适应移动设备,涵盖性能优化、集成广告及内购功能等关键步骤。通过具体示例和代码片段,指导读者完成iOS和Android应用的打包与发布,确保应用顺利上线并获得成功。无论是性能调整还是平台特定的操作,本书均提供了全面的解决方案。
150 0
|
3月前
|
存储 C# 关系型数据库
“云端融合:WPF应用无缝对接Azure与AWS——从Blob存储到RDS数据库,全面解析跨平台云服务集成的最佳实践”
【8月更文挑战第31天】本文探讨了如何将Windows Presentation Foundation(WPF)应用与Microsoft Azure和Amazon Web Services(AWS)两大主流云平台无缝集成。通过具体示例代码展示了如何利用Azure Blob Storage存储非结构化数据、Azure Cosmos DB进行分布式数据库操作;同时介绍了如何借助Amazon S3实现大规模数据存储及通过Amazon RDS简化数据库管理。这不仅提升了WPF应用的可扩展性和可用性,还降低了基础设施成本。
82 0