目录
前言
本章主要内容为对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服务目录。