在虚拟机（win7）上建立JSP网页，通过Tomcat服务器发布后进行访问测试（JDK安装配置；Tomcat9.0.11安装；简单JSP的建立）

水深无声 2022-05-14 02:15 197阅读 0赞

#### 前言： ####

本文在虚拟机上建立[JSP网页][JSP]，并通过[Tomcat][]服务器发布，通过虚拟机的宿主机浏览器访问虚拟机上所发布的JSP网页。（本机和虚拟机建立、发布JSP网页的方式是一样的。）  
  因为tomcat是用java写的，所以运行需要JRE，就是JAVA运行时刻环境，所以必须通过安装JDK来得到这个运行环境。当有请求时，tomcat会自动将jsp里面的java程序部分提取出来，调用jdk将java程序编译成【.class】,然后再执行这个【.class】。在【Tomcat】的【work目录】下可以看到从jsp里面提取出来的java程序【 \*\_jsp.java】，也有编译后的class文件,【\*jsp.class】。  
  所以，如果不装JDK，jsp程序就无法编译。

> 本文从JDK的安装配置开始，到Tomcat的安装测试，再在editplus建立简单的JSP网页后通过Tomcat发布，并通过虚拟机的宿主机浏览器访问虚拟机上所发布的JSP网页。

#### 工具 : ####

*  虚拟机（win7系统）
 *  JDK-10.0.2\_Windows-X64\_bin.exe
 *  Tomcat-9.0.11

**以下操作皆在虚拟机上完成，这一系列操作在任何win7系统计算机上都一致。**

### 一. JDK安装、配置 ###

#### 1. JDK下载 ####

[http://www.oracle.com/technetwork/java/javase/downloads/jdk10-downloads-4416644.html][http_www.oracle.com_technetwork_java_javase_downloads_jdk10-downloads-4416644.html]  
首先【Accept License Agreement】接受许可，并根据所需版本下载。  
![这里写图片描述][70]

#### 2. JDK的安装 ####

安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 jdk ，第二次是安装 jre 。建议两个都安装在同一个java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，jdk和jre安装在同一文件夹会出错）  
注：若无安装目录要求，可全默认设置。无需做任何修改，两次均直接点下一步。  
![这里写图片描述][70 1]

#### 3. JDK的环境配置 ####

① 安装完JDK后配置环境变量 ，【计算机】→【属性】→【高级系统设置】→【高级】→【环境变量】  
![这里写图片描述][70 2]  
②【系统变量】→【新建】变量名为【 JAVA\_HOME】，变量值填写jdk的安装目录，此处为【C:\\Program Files\\Java\\jdk-10.0.2】  
![这里写图片描述][70 3]  
③【系统变量】→寻找【 Path 变量】→【编辑】  
在变量值最后输入 【%JAVA\_HOME%\\bin;%JAVA\_HOME%\\jre\\bin】  
（注意原来Path的变量值末尾有没有;号，如果没有，先输入；号再输入上面的代码）  
![这里写图片描述][70 4]  
④【系统变量】—>【新建 】—>变量名为【CLASSPATH】，变量值为【 .;%JAVA\_HOME%\\lib;%JAVA\_HOME%\\lib\\tools.jar】  
（注意最前面有一点）  
![这里写图片描述][70 5]  
**系统变量配置完毕。检验是否配置成功 ：**  
运行cmd（Windows键+R） 输入【 java -version】（java 和 -version 之间有空格）；  
若如图所示 显示版本信息 则说明安装和配置成功。  
![这里写图片描述][70 6]

### 二. Tomcat的安装 ###

#### 1. Tomcat下载 ####

[https://tomcat.apache.org/download-90.cgi][https_tomcat.apache.org_download-90.cgi]  
此处下载的是最新版【Tomcat 9.0.11 Released】，官网中分为【解压版】和【下载版】，可以选择解压版也可以选择安装版（下面两种的安装都会说明，其他版本的安装相似）。  
注：也可根据需要下载相应版本。（其他版本下载：[http://tomcat.apache.org/][http_tomcat.apache.org]）  
![这里写图片描述][70 7]  
下载文件：  
![这里写图片描述][70 8]

#### 2. Tomcat的安装 ####

*  **解压版**

直接右键解压到要安装的位置就OK了。具体操作参见：[https://jingyan.baidu.com/article/4853e1e57e61711909f726ec.html][https_jingyan.baidu.com_article_4853e1e57e61711909f726ec.html]

*  **安装版**

打开下载的安装文件：  
![这里写图片描述][70 9]  
在弹出的**打开文件-安全警告**的窗口中点击【运行（R）】按钮，使安装程序运行起来。  
![这里写图片描述][70 10]  
进入tomcat的**欢迎安装**的界面，点击【Next】按钮，以便继续安装。  
![这里写图片描述][70 11]  
进入到**License Agreement**界面，点击【I Agree】按钮，以同意安装协议。  
![这里写图片描述][70 12]  
进入到**Choose Components**界面，选择tomcat的组件，一般默认即可，然后点击【Next】按钮。  
![这里写图片描述][70 13]  
进入到**Configuration配置**界面，一般默认即可，当然在这里你也可以改端口号为80，一般网站最后都将端口号设置为80，然后点击【Next】按钮。  
![这里写图片描述][70 14]  
进入到**Java Virtual Machine**界面，默认已经找到JRE的路径，如果没找到或路径错误可以手动配置JRE的路径，然后点击【Next】按钮。  
注意：这里是jre路径  
![这里写图片描述][70 15]  
进入到**Choose Install Location**选择安装路径，默认是安装在C盘的，可以自行改之，然后点击【Install】按钮。  
![这里写图片描述][70 16]  
最终进入**安装完成**界面，点击【Finish】按钮即可完后安装，默认开始运行程序。

#### 3.Tomcat的启动测试 ####

安装完成后默认开始运行程序。

*  **检查是否启动**：

**① 右键点击任务栏Tomcat图标，【Start service】灰色字体，否则点击【Start service】启动。**  
![这里写图片描述][70 17]  
**② 打开【服务】，找到【Apache Tomcat…】，若没有启动服务，则手动启动**。  
![这里写图片描述][70 18]

*  **测试**：

**启动后打开任意浏览器，在浏览器的地址栏中输入【[http://localhost:8080/][http_localhost_8080]】 或是【[http://127.0.0.1:8080][http_127.0.0.1_8080]】，如果出现以下界面，说明安装配置成功。**  
![这里写图片描述][70 19]

--------------------

**小记：查看与了解Tomcat主要目录结构**  
![这里写图片描述][70 20]

**bin 目录：主要存放Tomcat的命令文件**  
**config 目录：包含Tomcat的配置文件，如server.xml**  
**logs目录：存放日志文件**  
**webapps目录：存放应用程序实例，部署的应用程序保存在此目录。**  
**work目录，存放JSP编译后产生的class文件**

--------------------

### 三. JSP网页的建立与访问 ###

#### 1. 用editplus编写代码： ####

（记事本等其他编辑工具也行，最后要保存为后缀为.jsp的文件。此处文件名为：hello.jsp）  
![这里写图片描述][70 21]  
**代码：**

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
    <%@ page contentType="text/html;charset=utf-8"%> 
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    
    <title>jsp(runoob.com)</title>
    </head>
    
    <body>
    关于JSP---小白初探<br/>
    <%
    out.println("Your IP is " + request.getRemoteAddr());
    %>
    <p>
    Today's date : <%=(new java.util.Date()).toLocaleString()%>
    </p>
    </body>
    </html>

#### 2. 将生成的jsp文件粘贴到Tomcat目录文件的【webapps】—>\[ROOT\]中。 ####

![这里写图片描述][70 22]

#### 3. 访问建立的jsp网页 ####

jsp文件在Tomcat的目录文件【webapps】—>【ROOT】中建立后，打开任意浏览器，在地址栏输入地址【localhost:8080/hello.jsp】回车，显示建好的JSP网页。  
![这里写图片描述][70 23]  
注：一定要设置编码格式为【UTF-8】，否则会出现中文乱码  
以下为editplus的【UTF-8】编码方式设置。  
【文档】—>【文本编码】—>【转化文本编码】—>【UTF-8】  
![这里写图片描述][70 24]  
![这里写图片描述][70 25]

[JSP]: https://blog.csdn.net/yangdan1025/article/details/82153426
[Tomcat]: https://blog.csdn.net/yilaguandemei/article/details/78994650
[http_www.oracle.com_technetwork_java_javase_downloads_jdk10-downloads-4416644.html]: http://www.oracle.com/technetwork/java/javase/downloads/jdk10-downloads-4416644.html
[70]: /images/20220514/fe86b9e9ff2f4e5ca32caa07d35ecf2b.png
[70 1]: /images/20220514/a75e4fb146c847d08878b30bca7db6da.png
[70 2]: /images/20220514/a9465d401e0e4321a4770cc74014193b.png
[70 3]: /images/20220514/25f2ecb972234ef68f91631a29f9658d.png
[70 4]: /images/20220514/e1b7df5ea41040528272be15e2f07c84.png
[70 5]: /images/20220514/eff9c39a140a4cddbff183fc130421d6.png
[70 6]: /images/20220514/e0f8aecf26ec4eb1a76dbb320a2d0a2b.png
[https_tomcat.apache.org_download-90.cgi]: https://tomcat.apache.org/download-90.cgi
[http_tomcat.apache.org]: http://tomcat.apache.org/
[70 7]: /images/20220514/02d0b33fe2a74f7a88b1cc0b43397c6d.png
[70 8]: /images/20220514/f7f94b74b2294e14bb5f8646b14d15d5.png
[https_jingyan.baidu.com_article_4853e1e57e61711909f726ec.html]: https://jingyan.baidu.com/article/4853e1e57e61711909f726ec.html
[70 9]: /images/20220514/3605eff435f14fdbb22cfcaf3c6d793c.png
[70 10]: /images/20220514/52fda8e91fc94cea9bbae74c8f2cf335.png
[70 11]: /images/20220514/e61330aa18dd4a02b67d17e26a66969a.png
[70 12]: /images/20220514/b6657b2049b9431e9435c96d841b4db7.png
[70 13]: /images/20220514/f22e8633349c4041bde2c4e3a3731b9a.png
[70 14]: /images/20220514/149e31eb8ef54467a23300cc782a77b9.png
[70 15]: /images/20220514/18efe8a604384cf583248ae929d0d764.png
[70 16]: /images/20220514/e9424d46f49f45ebbab23bbd90933906.png
[70 17]: /images/20220514/d7012be0c2e0488c8727c8821c7e81b0.png
[70 18]: /images/20220514/ddfb363a154c4e53adbffabc48e694fc.png
[http_localhost_8080]: http://localhost:8080/
[http_127.0.0.1_8080]: http://127.0.0.1:8080
[70 19]: /images/20220514/c32fbd4507424a989c1b00b28bb4178b.png
[70 20]: /images/20220514/88cd55f054934cad8cdfbaa5321ee60d.png
[70 21]: /images/20220514/91e1ebc219984a56973f65e86975abc1.png
[70 22]: /images/20220514/5da79d404d4e45dba57ded01427ac372.png
[70 23]: /images/20220514/7bb9c61f4f76427c90c53e76e6cf83fd.png
[70 24]: /images/20220514/13e425af0e3a4ffebbe6d342710cc354.png
[70 25]: /images/20220514/8463a4ff9b3c476bb1dbaa64541f7626.png