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

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

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

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

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

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

  • 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文件,双击打开该文件。

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

三、Eclipse和Tomcat的关联操作

(1)打开Eclipse(若未下载安装, 点击此处下载 ),在菜单栏找到并点击Window,在下拉菜单中找到Preference。弹出Preference窗口,在窗口最左列找到Server,然后点击Server,在下拉菜单中选择Runtime Environment,再点击右上端的add...按钮。

注意:若你的Eclipse里的Preferences里没有Server,点击这里帮你解决。

(2)在弹出的New Server Runtime Environment 窗口中,选择我们下载并已经安装了的Tomcat对应的版本,我使用的是Apache Tomcat v9.0,然后点击Next>

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

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

(5)如下图,单击标准虚拟机“Stardard VM”,然后点击下一步Next>

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

(7)点击Finish按钮后,会回到Preferences的Installed JREs 窗口,发现已经成功地引入了JRE,勾选刚引入的JRE:

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

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

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

(2)项目建立完成后,展开FristTomcatTest项目,选中WebContent目录,右键--->New----->Jsp File  :

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

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

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

(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的信息确认窗口:

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

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

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

“Ctrl+s”保存web.xml文件,再次进行FristTomcatProject右键------>Run As----->Run on Server操作。本次浏览器弹出的内容如下:

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

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

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

(0)

相关推荐

  • js中let能否完全替代IIFE

    复制代码 代码如下: ^[\s\S   ]*\n ^[\s\S ]*\n [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 前言 最近,我写了一篇关于syntax of Java's IIFE pattern的文章,来解释为什么我们用现在的方式来写立即执行函数表达式.少数的读者批评文章过时了,都在争论在ECMA 2015中介绍的块级作用域变量使IIFE变得过时了. 恰恰相反,立即执行函数表达式一点也没有过时!因为这个理由,我决定写这篇后续文章来介绍一些立即执行函数表达式的常见用法.注意

  • servlet+jsp实现过滤器 防止用户未登录访问

    我们可能经常会用到这一功能,比如有时,我们不希望用户没有进行登录访问后台的操作页面,而且这样的非法访问会让系统极为的不安全,所以我们常常需要进行登录才授权访问其它页面,否则只会出现登录页面,当然我的思路: 一种是在jsp页面进行session的判断,如果不存在该用户的session,就跳转到登录页面,否则执行jsp页面代码,但是你会发现这样做逻辑也简单,但是非常麻烦,如果有很多个jsp,那么就要写多个判断. 另一种则是利用过滤器,访问页面时都进行过滤验证,如果存在该用户session,则访问该页

  • javascript中let和var以及const关键字的区别

    1.声明后未赋值,表现相同 //一个例子 'use strict'; (function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined }()); 2.使用未声明的变量,表现不同 //一个例子 (function() { console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行) console.

  • 详解js中let与var声明变量的区别

    ES6 新增了let命令,用来声明局部变量,所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束. 1.ES6可以用let定义块级作用域变量 代码如下: function f1(){ { var a = 10; let b = 20; } console.log(a); // 10 console.log(b); // Uncaught ReferenceError: b is not defined } f1(); 说明:在ES6之前只有全局作用域和函数作用域,在ES6中新增

  • JavaScript中var、let、const区别浅析

    下面通过代码给大家介绍JavaScript中var.let.const区别,具体代码如下所述: //1.var定义的变量可以修改,如果不初始化会输出undefined,不会报错. var a; console.log(a); //undefined //2.let是块级作用域,函数内部使用let定义后,对函数外部无影响. let c = 3; console.log(c) function change(){ let c = 6; console.log(c) } change(); (1)只要

  • 了解JavaScript中let语句

    使用let语句,允许你在JavaScript中创建块范围局部变量.let语句是在JavaScript的ECMAScript 6标准中引入的. 在你往下了解let语句之前,我建议你先查看基于Infragistics jQuery库的Ignite UI,它可以帮助你更快地编写和运行Web应用程序.你可以使用JavaScript库的Ignite UI来快速解决HTML5,jQuery,Angular,React或ASP.NET MVC中复杂的LOB需求.(你可以在这里下载Ignite UI的免费试用版

  • 5分钟快速掌握JS中var、let和const的异同

    前言 首先,一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系? ECMAScript是一个国际通过的标准化脚本语言.JavaScript由ECMAScript和DOM.BOM三者组成.可以简单理解为:ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展. 2011 年,ECMAScript 5.1 版发布.之前我们大部分人用的也就是ES5 2015 年 6 月,ECMAScript 6 正式通过,成为国际标准

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

    基于Eclipse 的JSP的开发环境的搭建 说明:顺利地开发.测试和运行JSP程序少不了规范而安全的开发环境,本文将会详细地展示如何搭建JSP的开发环境. 内容详尽,适合零基础学者作为学习参考 . 一.JSP介绍: 1.JSP全称Java Server Pages,是一种动态网页开发技术.它使用JSP标签(通常以<%开头以%>结束)在HTML网页中插入Java代码. 2.JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分.网页开发者们通过结合HTML代码

  • 图解Eclipse j2ee开发环境的搭建过程

    Eclipse是一个开源的功能强大的ide开发环境,再加上他的扩展插件功能,使得他被广泛使用. J2ee有几种开发环境,eclipse+lomboz或者eclipse+myeclipse. Myeclipse是一个商用产品,较lomboz功能更加强,特别是在struts这样的mvc开发中. 为了能够测试,需要安装一个web server,我用的是tomcat   下面分别介绍安装和配置(win32平台).  1.jdk的安装,注意环境变量的设置,JAVA_HOME,CLASSPATH,PATH

  • Ubuntu 搭建基于Docker的LNMP+Redis的开发环境(图文)

    Ubuntu 搭建基于Docker的LNMP+Redis的开发环境 服务器环境:Ubuntu 14.04 1.安装Docker 1.1 执行update命令,和服务器同步软件包,执行apt-get install * 时可以下载最新的软件. 1.2 安装Docker和创建软链接   1.3 启用Docker服务 2. 获取搭建环境所需镜像 2.1 MySQL镜像 2.2 Redis镜像   2.3 nginx-php-fpm镜像 2.4 查看已下载的镜像 对于Docker初学者来说,可以使用现有

  • PHP运行环境配置与开发环境的配置(图文教程)

    前提示时间一个博友,建议我提供PHP开发环境的搭建文章.当然我们一般在windows平台下开发的居多,那么,今天我就在Windows平台下搭建PHP的调试和开发环境.如果有写的不好的请谅解. 一.总的大概步骤如下   1.下载资料      1).下载wamp      2).下载开发工具ZendStudio   2.安装程序      1).安装wamp      2).安装开发工具ZendStudio   3.配置环境   4.PHP调试   5.PHP开发环境二.步骤详细介绍1.下载资料1

  • Visual Studio 2017开发环境的安装图文教程

    Visual Studio 2017是微软为了配合.NET战略推出的IDE开发环境,同时也是目前开发C#程序最新的工具,本节以Visual Studio 2017社区版的安装为例讲解具体的安装步骤. 说明:Visual Studio 2017 社区版是完全免费的,其下载地址为:https://www.visualstudio.com/zh-hans/downloads/ . 安装Visual Studio 2017社区版的步骤如下: (1)Visual Studio 2017社区版的安装文件是e

  • Visual Studio 2019配置qt开发环境的搭建过程

    宇宙第一IDE Visual Studio 配置 Qt 开发环境

  • 使用VS Code的开发环境配置教程图文详解

    1. 下载Build Tools 打开这个页面 微软的C++生成工具下载 点下载生成工具 滚动到页面下方,找到Visual Studio 2019工具 下载Visual Studio 2019生成工具,这个工具看似和VisualStudio的安装包一样,但是不强制安装VisualStudio的编辑器 2. 安装Build Tools 还要在单个组件标签里勾选一个.NET Framework 4.8 SDK BuildTools安装完毕 3. 下载并安装VSCode VS Code的官网下载 4.

  • laravel开发环境homestead搭建过程详解

    常见的几种开发环境 Laravel的开发环境其实很多,因为它本身就是PHP,所以只要满足版本的情况下,任何pHP环境他都能跑起来,比如说常见的wamp/mamp/phpstudy等集成化环境都是可以的,但是,为了更好的减少错误,更多的兼容,以后的上线环境,官方推荐了两种开发环境,一种是homestead,另一种是Valet.第1种呢,Windows系统和mac系统,都可以支持,第2种的专门就是为mac系统的用户所提供的,总体感觉两种环境都非常非常好用,今天我们就着重说一下第1种环境的搭建. ho

  • Windows下Eclipse+PyDev配置Python+PyQt4开发环境

    本文为大家分享了Windows下配置Python PyQt4开发环境的详细步骤,供大家参考,具体内容如下 1. 下载相关软件 Eclipse下载地址:http://www.eclipse.org/downloads/ JRE下载地址:http://www.java.com/zh_CN/download/manual.jsp PyDev下载地址: http://sourceforge.net/projects/pydev/ Python下载地址:http://www.python.org/geti

  • Ubuntu搭建Eclipse+JDK+SDK的Android开发环境

    今晚重装Ubuntu系统,重新安装了一套eclipse+jdk+SDK的Android开发平台 一 安装配置Eclipse环境 1 下载安装包 Eclipse:eclipse官方下载网站, 或直接下载http://www.jb51.net/zt/eclipse.html JDK: jdk官方下载网站,或直接下载http://www.jb51.net/softs/75615.html SDK: sdk官方下载网站,或直接下载http://www.jb51.net/softs/312325.html

随机推荐