服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|JavaScript|易语言|

服务器之家 - 编程语言 - Java教程 - 基于Eclipse 的JSP/Servlet的开发环境的搭建(图文)

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

2021-06-21 13:46HackerAC Java教程

本文将会详细地展示如何搭建JSP的开发环境。本次教程使用的是最新版的Eclipse 2018-09编辑器和最新版的Apache Tomcat v9.0,步骤详细,内容详尽,适合零基础学者作为学习参考

基于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

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

原文链接:http://www.cnblogs.com/HackerAC-xff/p/9945855.html

延伸 · 阅读

精彩推荐