目录
前言
本章主要内容为对jsp的简介，包含JSP的概念、jsp的页面、jsp的运行原理、以及HTML与Javascript等小节。
1.1 JSP的概念
★ JSP是Java Server Page的缩写，是由Sun公司倡导，许多公司参与，于1999年推出的一种Web服务设计标准。
★ JSP基于Java Servlet以及整个Java体系的Web开发技术，利用这一技术可以建立安全、跨平台的先进动态网站。
★ JSP以Java语言为基础，具有动态页面与静态页面分离，能够脱离硬件平台的束缚以及编译后运行等优点，已经成为开发动态网站的主流技术之一。
tips：要想真正地掌握JSP技术，必须有较好的Java语言基础，以及基本的HTML语言方面的知识。
1.2 安装和配置JSP运行环境
本节下载的软件版本号为：
tomcat:9.0
java:jdk13
1.2.1 下载tomcat9.0
登录tomcat网址，进入tomcat网站主页面，选择左侧菜单栏中的Download栏中的Tomcat9.0选项。
点击tomcat9.0选项后进入如下页面，选择Binary Distributions列出的下载项中的第一项。
点击后，浏览器开始下载Tomcat。下载完Tomcat后，是一个压缩包，需要将压缩包解压。你想要将tomcat装在磁盘内就解压到哪个磁盘内(个人建议不要解压到C盘也就是系统盘中。此时tomcat安装完毕。
1.2.2 下载安装jdk并配置jdk环境
点击网址jdk13下载页面，进入jdk13的下载页面。如下图所示，选择window的64版本安装文件。
安装文件下载完毕后，双击安装文件安装。将jdk安装至你想装的盘符中去。博主安装的位置是默认路径C:\Program Files\Java\jdk1.8.0_321。建议不要放在c盘中。
安装完jdk后开始配置jdk的环境变量，具体的过程请参照jdk安装哦和环境变量配置教程。
1.2.3 测试tomcat是否安装成功
首先打开tomcat服务器，打开打开tomcat服务器的方法为，在tomcat安装目录中的bin目录下找到startup.bat文件，双击打开。接着打开浏览器，在浏览器的地址栏中输入127.0.0.1:8080并回车。如果出现以下页面则说明安装成功。
如果进入tomcat失败可能是8080端口号被占用，而此时可以通过重新配置端口号解决问题。首先在tomcat安装目录下的conf目录下找到server.xml文件，双击打开。找到以下部分：
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />将其中port="8080"修改为未被占用的端口号，然后重启tomcat服务器即可。
1.3 JSP页面
<%@ page contentType = "text/html" %> <!--jsp标记-->
<%@ page pageEncoding = "utf-8" %> <!--jsp标记-->
<%@ page import = "java.time.LocalTime" %> <!--jsp标记-->
<%! public int continueSum(int start, int end){ //java方法定义
int sum = 0;
for(int i = start;i <= end; i++)
sum = sum + i;
return sum ;
}
%>
<HTML>
<body bgcolor = pink>
<script> <!--jsp标记-->
var userTime = new Date();
var hour = userTime.getHours()
var minute = userTime.getMinutes();
var second = userTime.getSeconds();
var millisecond = userTime.getMilliseconds();
document.write("<h2>浏览器时间：" + hour + ":" +
minute + ":" + second + ":" + millisecond + "<br></h2>");
</script>
<img src = "image/time.jpg" width = 180 height = 120 /> <!--HTML标记-->
<p style = "font-family: 黑体; font-size: 36; color: red"> <!--HTML标记-->
<% //java程序片
LocalTime timeServer = LocalTime.now();
int hour = timeServer.getHour();
int minute = timeServer.getMinute();
int second = timeServer.getSecond();
int nano = timeServer.getNano();
int millisecond = nano/1000000;
out.print("服务器时间:<br>" +
hour + ":" + minute + ":" + second + ":" + millisecond);
int start = 1;
int end = 100;
int sum = continueSum(start,end);
%>
</p>
<p style = "font-style: 宋体; font-size: 33;color: blue">
从
<%= start %> <!--java表达式-->
至
<%= end %> <!--java表达式-->
的<br>连续和是:
<%= sum %> <!--java表达式-->
</p>
</body>
</HTML>上面展示了一个简单的jsp代码文件，从这里的jsp代码可以看出，jsp文件主要包含五种元素。
- jsp标记
- HTML以及JavaScript标记
- Java程序片
- Java表达式
- 声明变量、方法、类
1.3.1 JSP页面简介
（1）JSP页面的编码
JSP页面的编码一般设置为UTF-8,因为这样可以适应多个平台，设置页面编码的是Page指令。如下所示：
<%@ page pageEncoding = "utf-8" %>
（2）jsp页面的保存
- 扩展名是.jsp。
- 保存类型选择为“UTF-8”（因为JSP页面指定的编码是utf-8）。
tips：文件名字必须由字母、下划线、美元符号、数字组成。并且首字母不能为数字。
1.3.2 设置Web服务目录
概念：编写并保存好的JSP文件必须保存在某个web目录中，远程的用户才可以通过浏览器访问该Tomcat服务器上的JSP页面。 人们常说的一个网站，实际上就是一个Web服务目录。
（1）根目录
假如Tomcat的安装目录为D:\apache-tomcat-9.0.71，那么web服务目录的根目录就是：
D:\apache-tomcat-9.0.71\webapps\ROOT
访问Tomcat中的jsp页面使用的网址为
访问JSP页面的URL格式是：
http://Tomcat服务器的IP地址（或域名）:端口/JSP页面的名字)
必须省略Web根目录的名字root，如访问根目录下的JSP文件example1_1.jsp。
http://127.0.0.1:8080/example1_1.jsp
(2) webapps下的Web服务目录
在webapps下新建子目录ch1，那么ch1就成为一个Web服务目录。
http://127.0.0.1:8080/ch1/example1_1.jsp
tips：在webapps下新建Web服务目录，不必重新启动Tomcat服务器。
(3) 新建web服务目录
可以将Tomcat服务器所在计算机的某个目录（非webapps下的子目录）设置成一个Web服务目录，并为该Web服务目录指定虚拟目录，即隐藏Web服务目录的实际位置，用户只能通过虚拟目录访问Web服务目录中的JSP页面。
假设要将 D:\Book\zh 以及 C:\wang 作为Web服务目录，并让用户分别使用apple和cloud虚拟目录访问Web服务目录D:\Book\zh和C:\wang下的JSP页面。
打开conf文件夹中的主配置文件：server.xml，找到出现</Host>的部分（接近server.xml文件尾部处），然后在</Host>的前面加入：
<Context path="/apple" docBase="D:\Book\zh" debug="0" reloadable="true"/>
<Context path="/cloud" docBase="C:\wang" debug="0" reloadable="true"/>
tips：server.xml修改后，必须重新启动Tomcat服务器。xml文件是区分大小写的，不可以将<Context>写成<context>。
(4) 相对目录
Web服务目录的下的目录称为该Web服务目录下的相对Web服务目录。比如，我们可以在Web服务目录D:\Book\zha下再建立一个子目录image，将example1_1.jsp文件保存到image中。那么可以在浏览器的地址栏中输入以下地址来访问example1_1.jsp。
http://127.0.0.1:8080/apple/image/example1_1.jsp
1.4 JSP的运行原理
当服务器上的一个JSP页面被第一次被用户请求执行时会发生以下情况
- Tomcat服务器根据JSP页面产生成一个Java文件，并编译这个Java文件生成字节码文件，然后执行字节码文件响应用户的请求。
- 而当这个JSP页面再次被请求执行时，Tomcat服务器将直接执行字节码文件来响应用户。
1.5 HTML与JavaScript
1.5.1 HTML
概念：
HTML，Hyper Text Markup Language（超文本标记语言）是用来编写html页面（俗称的网页）的语言。HTML不体现数据的组织结构，只是描述数据的显示格式或提交方式。目前的HTML大约有一百多个标记（这些标记由浏览器负责解释执行），每个标记（不区分大小写）都用于体现怎样显示数据或怎样提交数据。
HTML举例：
<html><body bgcolor = yellow>
<center>
<H1> 张小三
<H2> 男 </H2>
</H1>
<H2> 李翠花
<H3> 女 </H3>
</H2>
<center>
</body></html>执行结果：
<%@ page contentType="text/html" %>
<%@ page pageEncoding = "utf-8" %>
<HTML><body bgcolor = cyan>
<script> <!--JavaScript(JS)标记 -->
var sum = 0;
var i = 1;
for(i =1;i<=100;i++) {
sum = sum+i;
}
document.write("<h1>1-100连续和是:"+sum+"<br></h1>");
var userTime = new Date();
var hour = userTime.getHours();
var minute =userTime.getMinutes();
var second = userTime.getSeconds();
var millisecond = userTime.getMilliseconds();
document.write("<h2>浏览器时间:"+
hour+":"+minute+":"+second+":"+millisecond+"<br></h2>");
</script>
</body></HTML>
1.5.2 JavaScript
JavaScript概念：
JavaScript（简称JS）是一种解释型的脚本语言（和Java语言没有关系），由浏览器负责解释执行。JavaScript常被用来美化网页的效果、添加一些动态的显示效果（如滚动的文字）。可以在JSP页面里使用script标记插入JavaScript的代码，这些JavaScript的代码由客户的浏览器负责解释执行。
JS举例：在JSP页面中使用script标记插入JavaScript的代码计算了1-100的连续和，并显示了客户端浏览器的时间（即浏览器所驻留的计算机的时间），注意，这些JavaScript的代码完全由浏览器负责执行。代码如下所示：
<%@ page contentType="text/html" %>
<%@ page pageEncoding = "utf-8" %>
<HTML><body bgcolor = cyan>
<script> <!--JavaScript(JS)标记 -->
var sum = 0;
var i = 1;
for(i =1;i<=100;i++) {
sum = sum+i;
}
document.write("<h1>1-100连续和是:"+sum+"<br></h1>");
var userTime = new Date();
var hour = userTime.getHours();
var minute =userTime.getMinutes();
var second = userTime.getSeconds();
var millisecond = userTime.getMilliseconds();
document.write("<h2>浏览器时间:"+
hour+":"+minute+":"+second+":"+millisecond+"<br></h2>");
</script>
</body></HTML>
执行结果如下所示:
总结
以上就是今天要讲的内容，本文仅仅简单介绍了JSP的概念、JSP运行环境的安装以及JSP的四种web服务目录。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
