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

相关文章
|
27天前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
36 2
|
2月前
|
Java 应用服务中间件 Maven
idea+maven+tomcat+spring 创建一个jsp项目
这篇文章介绍了如何在IntelliJ IDEA中使用Maven和Tomcat创建一个JSP项目,包括配置Maven依赖、设置Tomcat服务器、编写JSP页面、创建控制器和配置文件,以及项目的运行结果。
239 0
idea+maven+tomcat+spring 创建一个jsp项目
|
4月前
|
前端开发 JavaScript Java
idea中如何不重启tomcat 即可看到修改内容变化
这篇文章介绍了在IntelliJ IDEA中实现对Java Web应用的热部署(Hot Swap)的多种方法,包括启用自动构建、使用Exploded Artifact、安装JRebel插件、更改静态资源、使用Spring Boot的devtools以及IDEA的HotSwap功能,以便在不重启Tomcat服务器的情况下看到修改内容的变化。
idea中如何不重启tomcat 即可看到修改内容变化
|
3月前
|
Java 应用服务中间件 Maven
JavaWeb基础5——HTTP,Tomcat&Servlet
JavaWeb技术栈、HTTP、get和post区别、响应状态码、请求响应格数据式、IDEA使用Tomcat、报错解决、Servlet的体系结构、IDEA使用模板创建Servlet
JavaWeb基础5——HTTP,Tomcat&Servlet
|
4月前
|
存储 消息中间件 前端开发
Web2py框架下的神秘力量:如何轻松集成第三方API,让你的应用不再孤单!
【8月更文挑战第31天】在开发现代Web应用时,常需集成第三方服务如支付网关、数据存储等。本文将指导你使用Web2py框架无缝接入第三方API。通过实例演示从注册获取API密钥、创建控制器、发送HTTP请求到处理响应的全过程。利用`requests`库与Web2py的内置功能,轻松实现API交互。文章详细介绍了如何编写RESTful控制器,处理API请求及响应,确保数据安全传输。通过本教程,你将学会如何高效整合第三方服务,拓展应用功能。欢迎留言交流心得与建议。
56 1
|
4月前
|
Java 应用服务中间件 Apache
使用IDEA修改Web项目访问路径,以及解决Apache Tomcat控制台中文乱码问题
本文介绍了在IntelliJ IDEA中修改Web项目访问路径的步骤,包括修改项目、模块、Artifacts的配置,编辑Tomcat服务器设置,以及解决Apache Tomcat控制台中文乱码问题的方法。
264 0
使用IDEA修改Web项目访问路径,以及解决Apache Tomcat控制台中文乱码问题
|
4月前
|
API C# 开发框架
WPF与Web服务集成大揭秘:手把手教你调用RESTful API,客户端与服务器端优劣对比全解析!
【8月更文挑战第31天】在现代软件开发中,WPF 和 Web 服务各具特色。WPF 以其出色的界面展示能力受到欢迎,而 Web 服务则凭借跨平台和易维护性在互联网应用中占有一席之地。本文探讨了 WPF 如何通过 HttpClient 类调用 RESTful API,并展示了基于 ASP.NET Core 的 Web 服务如何实现同样的功能。通过对比分析,揭示了两者各自的优缺点:WPF 客户端直接处理数据,减轻服务器负担,但需处理网络异常;Web 服务则能利用服务器端功能如缓存和权限验证,但可能增加服务器负载。希望本文能帮助开发者根据具体需求选择合适的技术方案。
205 0
|
4月前
|
Java 数据库连接 数据库
强强联手!JSF 与 Hibernate 打造高效数据访问层,让你的应用如虎添翼,性能飙升!
【8月更文挑战第31天】本文通过具体示例详细介绍了如何在 JavaServer Faces (JSF) 应用程序中集成 Hibernate,实现数据访问层的最佳实践。首先,创建一个 JSF 项目并在 Eclipse 中配置支持 JSF 的服务器版本。接着,添加 JSF 和 Hibernate 依赖,并配置数据库连接池和 Hibernate 配置文件。然后,定义实体类 `User` 和 DAO 类 `UserDAO` 处理数据库操作。
66 0
|
4月前
|
开发者 前端开发 开发框架
JSF与移动应用,开启全新交互体验!让你的Web应用轻松征服移动设备,让用户爱不释手!
【8月更文挑战第31天】在现代Web应用开发中,移动设备的普及使得构建移动友好的应用变得至关重要。尽管JSF(JavaServer Faces)主要用于Web应用开发,但结合Bootstrap等前端框架,也能实现优秀的移动交互体验。本文探讨如何在JSF应用中实现移动友好性,并通过示例代码展示具体实现方法。使用Bootstrap的响应式布局和组件可以确保JSF页面在移动设备上自适应,并提供友好的表单输入和提交体验。尽管JSF存在组件库较小和学习成本较高等局限性,但合理利用其特性仍能显著提升用户体验。通过不断学习和实践,开发者可以更好地掌握JSF应用的移动友好性,为Web应用开发贡献力量。
55 0
|
4月前
|
JavaScript 开发者
从零基础到实战应用:Angular入门指南带你一步步构建你的第一个Web应用——全面介绍环境搭建、项目创建、组件开发与应用集成
【8月更文挑战第31天】本文档是针对初学者的Angular入门指南。通过详细步骤与示例代码,教你如何使用Angular CLI搭建开发环境、创建新项目、添加及配置组件,并运行首个应用。Angular是由Google开发的强大Web框架,专为高效构建复杂单页应用设计。按照本指南操作,你将能够快速上手Angular,开启Web应用开发之旅。
120 0
下一篇
DataWorks