手把手教你搭建 JSP开发环境（Windows系统）

2017-12-11 本文已影响2008人 Carson带你学安卓

前言

JSP由于其 易于开发动态界面、易用 & 分离性好的特点，在前端开发中得到了广泛的应用
今天，我将手把手教你搭建 JSP在Windows环境下的开发环境

1. JSP介绍

简介

简介

优点

优点

2. 开发环境搭建

下面将开始讲解 JSP在Windows环境下的开发 & 测试环境搭建

开发 & 测试环境搭建总共分为4步：

示意图

下面，将手把手教你搭建JSP的开发 & 测试环境

步骤1：安装 & 配置 Java开发工具（JDK）

下载 SDK：点击下载
下载完成，按照指示安装 & 配置 SDK

a. 安装过程中会出现2次安装提示：1= 安装 JDK ，2 = 安装 JRE （请记录下二者安装路径）
b. 建议两个都安装在同1个java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，二者同时安装在同一文件夹会出错）

配置 Java 环境变量

具体请文章：Java环境变量的配置教程

测试是否安装成功。若出现以下提示，则为安装成功

示意图

至此，Java开发工具 JDK安装完毕

步骤2：安装 & 配置 Web服务器（Tomcat）

市面上有很多支持JSP 和 Servlets开发的Web服务器
此处选择开源、免费的 Tomcat

Apache Tomcat 可作为独立的服务器来运行JSP 和 Servlets，也可以集成在 Apache Web Server中

配置步骤如下：
1. 下载最新版本的Tomcat：点击下载
2. 下载完成后，进行解压即可
  
  示意图

目录介绍如下：

bin：二进制执行文件。里面最常用的文件是startup.bat。若是Linux 或 Mac 系统启动文件为 startup.sh

conf：配置目录，里面最核心的文件是server.xml。可以在里面改端口号等。默认端口号是8080，也就是说，此端口号不能被其他应用程序占用。

lib：库文件，tomcat运行时需要的jar包所在的目录

logs：日志

temp：临时产生的文件，即缓存

webapps：web的应用程序，web应用放置到此目录下浏览器可以直接访问

work：编译以后的class文件

测试是否安装成功
1. 启动Tomcat：点击 bin文件夹中的 startup.bat
  
  示意图
2. 在浏览器中输入 http://localhost:8080/
若弹出如下界面，则表示tomcat安装成功 & 启动起来
示意图
加载现有的.JSP源文件演示
1. 新建 1 个 jsp文件：输入以下内容 & 保存为.jsp后缀名文件

<HTML> 
  <HEAD> 
   <TITLE>HelloWorld test</TITLE> 
  </HEAD> 
  <BODY>
<% out.print("CarsonBlog!<br><a href='http://www.jianshu.com/u/383970bef0a0'>click go</a>"); %> 
  </BODY> 
</HTML>

2. 将上述.jsp源文件放在 D:\apache-tomcat-7.0.14\webapps\ROOT目录中

即放在解压文件夹中的 webapps\ROOT 里

3. 启动Tomcat：点击 bin文件夹中的 startup.bat
4. 在浏览器中输入：http://localhost:8080/helloworld.jsp，显示以下界面即加载成功

示意图

至此，Web服务器 Tomcat的安装 & 测试完成

步骤3：安装 & 配置 JSP开发工具（Eclipse）

JSP的开发工具主要有：eclipse 和 myeclipse

myeclipse：集成大量插件、系统配置要求高，适合企业级开发使用；（在大陆无法访问）

eclipse：体积小，免安装，可扩展性强，适合个人开发使用；

此处推荐使用开发工具eclipse，点击按照提示下载 & 安装即可

注：

Eclipse官网加载速度很慢，自备梯子 可提高加载速度

安装时，请选择适合JSP开发的EE版本，如下图

示意图

至此，JSP开发工具（Eclipse）的安装 & 测试完成

步骤4：绑定 Web服务器（Tomcat）与 JSP开发工具（Eclipse）

1. 打开已安装的Eclipse，按照以下路径进入：上方工具栏的window -> preferences -> server -> Runtime Enviroments -> Add

示意图

2. 选择相应版本的Tomcat & 对应的安装路径，点击Finish 即可

3. 选择下方Servers窗口 -> 点击蓝色字 ->点击 finish

示意图

至此，Tomcat 与 eclipse绑定成功，如下图：

示意图

至此，JSP在Window环境下的测试 & 开发环境已经搭建完毕。

3. JSP 开发案例讲解

下面，将讲解 1个简单的JSP开发案例

步骤1：创建动态网页项目

打开 Eclipse -> 点击File -> New -> Dynamic Web Project，输入项目名称 -> 点击 finish

示意图

步骤2：创建 JSP文件

展开左侧建立的项目 - > 右键 WebContent -> New -> JSP File，输入项目名字 -> 点击finish

示意图

Eclipse默认根据母版自动生成了一些内容

若要正常显示中文，则需将内容中ISO-8859-1编码都改为UTF-8`

在body便签间插入如下代码：

 <% out.print("CarsonBlog!<br><a href='http://www.jianshu.com/u/383970bef0a0'>click go</a>"); %>

示意图

步骤3：执行 JSP 文件

点击左上方按钮即可运行 JSP 文件

执行代码
成功运行效果

成功运行效果

至此，1个简单的JSP 开发案例讲解完毕。

5. 总结

本文介绍了 JSP 及其开发环境的搭建
下面我将继续对 JSP 中的知识进行深入讲解，有兴趣可以继续关注Carson_Ho的前端开发笔记

欢迎关注Carson_Ho的简书！

不定期分享关于安卓开发的干货，追求短、平、快，但却不缺深度。

示意图

参考文章：
http://www.runoob.com/jsp/eclipse-jsp.html
http://www.runoob.com/java/java-environment-setup.html
http://www.runoob.com/jsp/jsp-setup.html
http://blog.csdn.net/qfs_v/article/details/2799117
http://blog.csdn.net/gavin_john/article/details/51406155
http://www.jianshu.com/p/5b022371de26