使用eclipse创建我的第一个JSP项目

一.eclipse集成tomcat服务器

将服务器添加至eclipse中,操作步骤:
1.点击window-preferences-add
使用eclipse创建我的第一个JSP项目
2.选择对应版本的tomcat,点击next
使用eclipse创建我的第一个JSP项目
3.将tomcat解压安装目录填进指示框,点击finish
使用eclipse创建我的第一个JSP项目
4.寻找消失的servers窗口,并配置好:
如果你发现没有servers窗口,那么说明你还没配置过servers,接下来的操作可以让它显示出来。
使用eclipse创建我的第一个JSP项目

  1. 点击window—show view—other
    使用eclipse创建我的第一个JSP项目
  2. 找到server—servers,点击open
    使用eclipse创建我的第一个JSP项目
  3. 现在servers窗口显示出来啦,单击servers下的连接,进行第二步配置
    使用eclipse创建我的第一个JSP项目
  4. 选择好对应的服务器版本,一般默认会选好,点击finish
    使用eclipse创建我的第一个JSP项目
  5. 配置完成啦
    使用eclipse创建我的第一个JSP项目

二.在eclipse中新建dynamic web project

1.file–new–other
使用eclipse创建我的第一个JSP项目
2.找到web,选中dynamic web project,点击next
使用eclipse创建我的第一个JSP项目
3.给项目起名,点击next,再点击next
使用eclipse创建我的第一个JSP项目
4.勾上选项
使用eclipse创建我的第一个JSP项目
5.该信息至少用来切换当前视图,可以同意,后续可以在右上角进行修改。
使用eclipse创建我的第一个JSP项目
点击可以修改
使用eclipse创建我的第一个JSP项目

三.新建jsp文件index.jsp

1.选中WebContent,右键选择New,点击JSP File
使用eclipse创建我的第一个JSP项目

将新建文件放在WebContent里的原因是:如果将文件放在WEB-INF目录下,若执行此操作,该文件将不能被外界客户端直接访问,只能通过Action请求跳转访问此文件。更加详细的解释可点击此处查看
2.输入文件名,点击Finish
使用eclipse创建我的第一个JSP项目

四.配置tomcat运行时的环境,jsp<—>servlet互相转化

1.在项目上右键选择build path
使用eclipse创建我的第一个JSP项目
2.然后按照以下步骤设置,这一步其实是将tomcat中lib里的jar包导入至eclipse中(如果点击libraries发现右边按钮全是灰色:点这里
使用eclipse创建我的第一个JSP项目
使用eclipse创建我的第一个JSP项目

五.统一字符集编码 utf-8,防止中文乱码

1.将jsp文件中的contentType、pageEncoding属性改为utf-8,将浏览器读取jsp文件的编码charset也改为utf-8
使用eclipse创建我的第一个JSP项目
2.将jsp文件也统一编码成utf8格式(每个文件都有自己的编码方式)
使用eclipse创建我的第一个JSP项目

六.启动服务器,访问jsp文件,localhost:8080/项目名称

先将项目部署至服务器,如图所示:
使用eclipse创建我的第一个JSP项目
回到Servers,再次点击tomcat vx.x,右键start(如果不start,服务器无法启动,页面就显示不出)出现下图信息,说明服务器启动成功
使用eclipse创建我的第一个JSP项目

7.访问成功

在浏览器中访问项目。这里需要注意两点:
1.如果你的服务器没有改过,那么端口号就是8080,如果改过那么localhost后的8080就要改成你的端口号
2.后面之所以直接跟项目名称,是因为我们的jsp文件叫做index.jsp,在项目中服务器会自动引导至这个文件,此外还有例如index.html,default.html,default.jsp等文件,所以在访问时直接输项目名称即可,但如果是其他的文件例如login.jsp,就不能被服务器识别,其访问路径需要改为:localhost:8080/项目名称/文件名称。但是也可以通过修改WEB-INF里的web.xml来让服务器识别你定义的可引导访问的文件!
使用eclipse创建我的第一个JSP项目最后,可以点stop关闭服务器
至此,第一个J2EE JSP项目已经完成,以后若继续用eclipse开发jee项目,则基本不需要以上的配置了!!!

转载:https://blog.csdn.net/weixin_43249548/article/details/96703907?utm_source=app