欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

程序员文章站 2024-03-02 12:04:34
基于eclipse 的jsp的开发环境的搭建 说明:顺利地开发、测试和运行jsp程序少不了规范而安全的开发环境,本文将会详细地展示如何搭建jsp的开发环境。 内容详尽,适...

基于eclipse 的jsp的开发环境的搭建

说明:顺利地开发、测试和运行jsp程序少不了规范而安全的开发环境,本文将会详细地展示如何搭建jsp的开发环境。 内容详尽,适合零基础学者作为学习参考

一、jsp介绍:

1.jsp全称java server pages,是一种动态网页开发技术。它使用jsp标签(通常以<%开头以%>结束)在html网页中插入java代码。

2.jsp是一种java servlet,主要用于实现java web应用程序的用户界面部分。网页开发者们通过结合html代码、xhtml代码、xml元素以及嵌入jsp操作和命令来编写jsp。

3.jsp通过网页表单获取用户输入数据、访问数据库及其他数据源,然后动态地创建网页。

4.jsp可以直接在html网页中动态嵌入元素

5.网页的动态部分用java编写,而不是vb或其他ms专用语言,更加强大与易用。

6.与服务器交互,能提供复杂的服务,比如访问数据库和图像处理等。

二、搭建本地web服务器。

1.下载一个支持jsp开发的web服务器软件,本次教程选用的是: apache tomcat(官方地址: http://tomcat.apache.org/ )

(1)进入apache tomcat官网,本教程选用tomcat 9,如图所示,点击download下的“tomcat 9”。

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(2)找到binary distributions 下的core,选择符合计算机系统字长的版本,我选用的是64bit的:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(3)下载完成后,将其解压到自己想要存放tomcat 的磁盘下自定义的文件夹下( 文件夹名不能有空格,最好没有中文字符 ),我将其直接解压到d盘,存放的路径是:d:\apache-tomcat-9.0.13:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(4)解压完成后,进入该文件夹,可以看见有以下几个文件夹:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

现在对以上几个文件夹做简要的阐述:

  • bin:存放的是二进制执行文件。其中最常用的文件是startup.bat文件。
  • conf:配置目录文件夹。最核心的文件是server.xml文件 ,该文件可进行更改端口号等操作。默认端口号是8080(该端口不能被其他进程占用)。
  • lib:库文件。tomcat运行时需要的jar包所在的目录
  • logs:日志文件夹。
  • temp:缓存文件夹,用来存放临时产生的文件。
  • webapps:web的应用程序。放置到此目录下的web应用,浏览器便可以直接访问。
  • work:用来存放jsp程序编译以后的.class文件。

(5)设置java的环境变量,若已经设置请忽略此步骤,若未设置请参考我的另外一篇博客(java环境变量的设置)(链接地址:+++++++++++++++++++++)、

(6)现在打开存放tomcat的文件夹,找到bin文件夹下的startup.bat文件,双击打开该文件。

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(7)双击后弹出如图窗口,说明本地web服务器已经搭建成功,并且本地web服务器正处于待命状态,若想关闭本地web服务器,直接按“ctrl+c”即可关闭。

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

三、eclipse和tomcat的关联操作

(1)打开eclipse(若未下载安装, 点击此处下载 ),在菜单栏找到并点击window,在下拉菜单中找到preference。弹出preference窗口,在窗口最左列找到server,然后点击server,在下拉菜单中选择runtime environment,再点击右上端的add...按钮。

注意:若你的eclipse里的preferences里没有server,点击这里帮你解决。

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(2)在弹出的new server runtime environment 窗口中,选择我们下载并已经安装了的tomcat对应的版本,我使用的是apache tomcat v9.0,然后点击next>

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(3)然后核对对应的tomcat的版本及安装路径是否正确,若不正确,自行根据自己tomcat的版本和安装路径修改。 重点:安装jre :点击installed jres按钮:如图:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(4)点击进入后来到preferences窗口的installed jres 目录: 注意红色标记框(说明必须引入jre才行),点击add...按钮进行jre的引入。

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(5)如下图,单击标准虚拟机“stardard vm”,然后点击下一步next>

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(6)然后根据已经安装了的jre,如下图所示完成jre的引入:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(7)点击finish按钮后,会回到preferences的installed jres 窗口,发现已经成功地引入了jre,勾选刚引入的jre:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(8)依次点击apply and close按钮(应用该设置并关闭该窗口),保存并关闭我们刚才所有的设置。截止到现在,已经完成eclipse与tomcat的关联。现在进行下一步。

四、建立一个简单的jsp程序,测试整个开发运行环境是否能正常运转 。

(1)打开eclipse,点击file---->new----->dynamic web project,弹出下图窗口,根据自身情况设置好对应的参数(一般eclipse会默认填上),并依次如图操作:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(2)项目建立完成后,展开fristtomcattest项目,选中webcontent目录,右键--->new----->jsp file  :

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

在弹出的如下窗口中,设置文件名(随意自定)为:test.jsp:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(3)点击finish后发现在webcontent目录下有一个test,jsp文件,双击该文件,右侧显示该文件中的一些默认代码:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(4)我们现在修改里面的代码如下(绿色框中标识的代码即为修改或添加的代码):

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

(5)键入“ctrl+s”键保存上面对文件的修改。 现在,在eclipse的菜单栏点击window--->web browser----->default system web brower。

(6) 确保tomcat未在后台运行 ( 若tomcat已经在后台开启,eclipse就无法启动tomcat并使用本地web服务器,也就会出现tomcat的启动错误提示窗口,从而无法完成后续操作,所以要保证后台tomcat未运行,eclipse才可以正常运行jsp程序 ),然后选中firsttomcatproject,右击---->run as----->run on server。将会弹出run on server的信息确认窗口:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

点击finish按钮后,会跳转到系统默认浏览器:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

竟然出现了最常见的404错误,也就是未找到文件,其实仔细查看地址栏就明白为什么了(我们要运行的是jsp文件,但地址栏未精确到相应的jsp文件)别着急,这里有两种解决办法,

  • 手动补齐浏览器地址栏的内容:http://localhost:8080/fristtomcatproject/test.jsp。
  • 手动编辑工程配置文件web.xml:打开fristtomcatproject工程下的webcontent----->web-inf------>web.xml,双击web.xml文件,在右侧对其内容进行编辑(添加一行):

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

“ctrl+s”保存web.xml文件,再次进行fristtomcatproject右键------>run as----->run on server操作。本次浏览器弹出的内容如下:

基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

显示的内容是我们在test,jsp 中编辑的内容,表示本次关于本地web服务器的搭建,jsp的开发环境的设置以及eclipse与tomcatde 关联已经成功。

声明:截止到发布时刻,本次教程使用的是最新版的eclipse 2018-09编辑器和最新版的apache tomcat v9.0

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。