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

相关文章
|
9天前
|
监控 前端开发 Java
SpringBoot集成Tomcat、DispatcherServlet
通过这些配置,您可以充分利用 Spring Boot 内置的功能,快速构建和优化您的 Web 应用。
44 21
|
6月前
|
Java Maven
2022最新版超详细的Maven下载配置教程、IDEA中集成maven(包含图解过程)、以及导入项目时jar包下载不成功的问题解决
这篇文章是一份关于Maven的安装和配置指南,包括下载、环境变量设置、配置文件修改、IDEA集成Maven以及解决jar包下载问题的方法。
2022最新版超详细的Maven下载配置教程、IDEA中集成maven(包含图解过程)、以及导入项目时jar包下载不成功的问题解决
|
4月前
|
Java Shell 开发工具
git集成IDEA,托管项目实现版本管理
git集成IDEA,托管项目实现版本管理
49 0
|
6月前
|
前端开发 Java Maven
【前端学java】全网最详细的maven安装与IDEA集成教程!
【8月更文挑战第12天】全网最详细的maven安装与IDEA集成教程!
135 2
【前端学java】全网最详细的maven安装与IDEA集成教程!
|
5月前
|
Shell 网络安全 开发工具
Git,GitHub,Gitee&IDEA集成Git
Git提交项目到GitHub简洁版、版本控制、安装、常用命令、分支、团队协作机制、Github、Gitee远程仓库、IDEA集成Git、IDEA集成Github、IDEA集成Gitee
|
6月前
|
Java Shell Docker
Intellij IDEA 集成 Docker 发布
Intellij IDEA 集成 Docker 发布
64 0
|
Java 开发工具 IDE
idea&eclipse中debugger调试常用技巧
为了提高调试代码的效率,特写此文。
1417 0
|
8月前
|
Java 编译器 Maven
使用intellij idea搭建SSM架构的maven项目 详细
使用intellij idea搭建SSM架构的maven项目 详细
122 4
|
7月前
|
IDE Oracle Java
day4:JDK、IntelliJ IDEA的安装和环境变量配置
【7月更文挑战第4天】🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!
264 0
|
7月前
|
网络协议 安全 Linux
在IntelliJ IDEA中使用固定公网地址远程SSH连接服务器环境进行开发
在IntelliJ IDEA中使用固定公网地址远程SSH连接服务器环境进行开发
156 2

热门文章

最新文章

推荐镜像

更多