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

相关文章
|
5月前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
9月前
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
8月前
|
开发框架 JSON 中间件
Go语言Web开发框架实践:使用 Gin 快速构建 Web 服务
Gin 是一个高效、轻量级的 Go 语言 Web 框架,支持中间件机制,非常适合开发 RESTful API。本文从安装到进阶技巧全面解析 Gin 的使用:快速入门示例(Hello Gin)、定义 RESTful 用户服务(增删改查接口实现),以及推荐实践如参数校验、中间件和路由分组等。通过对比标准库 `net/http`,Gin 提供更简洁灵活的开发体验。此外,还推荐了 GORM、Viper、Zap 等配合使用的工具库,助力高效开发。
|
8月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
267 1
|
9月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
358 7
|
12月前
|
中间件 关系型数据库 数据库
docker快速部署OS web中间件 数据库 编程应用
通过Docker,可以轻松地部署操作系统、Web中间件、数据库和编程应用。本文详细介绍了使用Docker部署这些组件的基本步骤和命令,展示了如何通过Docker Compose编排多容器应用。希望本文能帮助开发者更高效地使用Docker进行应用部署和管理。
376 19
|
Web App开发 编解码 vr&ar
使用Web浏览器访问UE应用的最佳实践
在3D/XR应用开发中,尤其是基于UE(虚幻引擎)开发的高精度场景,传统终端因硬件局限难以流畅运行高帧率、复杂效果的三维应用。实时云渲染技术,将渲染任务转移至云端服务器,降低终端硬件要求,确保用户获得流畅体验。具备弹性扩展、优化传输协议、跨平台支持和安全性等优势,适用于多种终端和场景,特别集成像素流送技术,帮助UE开发者实现低代码上云操作,简化部署流程,保留UE引擎的强大开发能力,确保画面精美且终端轻量化。
594 17
使用Web浏览器访问UE应用的最佳实践
|
11月前
|
数据可视化 图形学 UED
从模型托管到交互开发:DataV 如何简化三维 Web 应用构建?
从模型托管到交互开发:DataV 如何简化三维 Web 应用构建?
289 2
|
安全 Linux 开发工具
零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
OpenIM 为开发者提供开源即时通讯 SDK,作为 Twilio、Sendbird 等云服务的替代方案。借助 OpenIM,开发者可以构建安全可靠的即时通讯应用,如 WeChat、Zoom、Slack 等。 本仓库基于开源版 OpenIM SDK 开发,提供了一款基于 Electron 的即时通讯应用。您可以使用此应用程序作为 OpenIM SDK 的参考实现。本项目同时引用了 @openim/electron-client-sdk 和 @openim/wasm-client-sdk,分别为 Electron 版本和 Web 版本的 SDK,可以同时构建 PC Web 程序和桌面应用(Wi
1033 2