看啥推荐读物
专栏名称: Carson_Ho
1. 简书认证作者、CSDN签约作者、稀土掘金专栏作者 2. 专注分享 Android开发干货 3. 博客地址 Github: https://github.com/Carson-Ho CSDN: http://blog.csdn.net/carson_ho 稀土掘金: https://juejin.im/user/58d4d9781b69e6006ba65edc
今天看啥  ›  专栏  ›  Carson_Ho

手把手教你搭建 JSP开发环境(Windows系统)

Carson_Ho  · 简书  · android  · 2017-12-11 17:30

前言

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

目录

示意图

1. JSP介绍

  • 简介
简介
  • 优点


    优点

2. 开发环境搭建

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

  • 开发 & 测试环境搭建总共分为4步:
示意图
  • 下面,将手把手教你搭建JSP的 开发 & 测试环境

步骤1:安装 & 配置 Java开发工具(JDK)

  1. 下载 SDK点击下载
  2. 下载完成,按照指示安装 & 配置 SDK

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

  1. 配置 Java 环境变量

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

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


    示意图

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


步骤2:安装 & 配置 Web服务器(Tomcat)

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

Apache Tomcat 可作为独立的服务器来运行JSPServlets,也可以集成在 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的开发工具主要有:eclipsemyeclipse
  1. myeclipse:集成大量插件、系统配置要求高,适合企业级开发使用;(在大陆无法访问)
  2. eclipse:体积小,免安装,可扩展性强,适合个人开发使用;

注:

  1. Eclipse官网加载速度很慢,自备梯子 可提高加载速度
  2. 安装时,请选择 适合JSP开发的EE版本,如下图
示意图

至此,JSP开发工具(Eclipse)的安装 & 测试完成


步骤4:绑定 Web服务器(Tomcat) 与 JSP开发工具(Eclipse)

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

示意图

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

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

示意图

至此,Tomcateclipse绑定成功,如下图:

示意图

至此,JSPWindow环境下的测试 & 开发环境已经搭建完毕。


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




原文地址:访问原文地址
快照地址: 访问文章快照