前言

1.1 JSP的概念？

1.2 安装和配置JSP运行环境

1.2.1 下载tomcat9.0

1.2.2 下载安装jdk并配置jdk环境

1.2.3 测试tomcat是否安装成功

1.3 JSP页面

1.3.1 JSP页面简介

1.4 JSP的运行原理

1.5 HTML与JavaScript

1.5.1 HTML

1.5.2 JavaScript

总结

前言

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

java web 开发——第一章jsp简介相关推荐

java web 开发技术大全代码_Java Web开发技术大全
资深程序员全力打造,深入剖析SSH框架整合开发的精髓全方位解读Java Web开发的基础知识.高级技术及应用案例内容全面,讲解详细,全面覆盖JSP.Se rvlet.AJAX及SSH框架整合开发 ...
Java - Java Web开发的Model 1和Model 2分别指的是什么？
分享一个大牛的人工智能教程.零基础!通俗易懂!风趣幽默!希望你也加入到人工智能的队伍中来!请点击http://www.captainbed.net Model 1是以页面为中心的Java Web开发, ...
名师讲坛——Java Web开发实战经典基础篇（JSP、Servlet、Struts、Ajax）
[书名]<名师讲坛--Java Web开发实战经典基础篇(JSP.Servlet.Struts.Ajax)> [作者]李兴华.王月清 [ISBN]9787302231585 }:YKf: ...
名师讲坛—Java Web开发实战经典基础篇(JSP、Servlet、Struts、Ajax)
名师讲坛-Java Web开发实战经典基础篇(JSP.Servlet.Struts.Ajax) 基本信息作者: 李兴华王月清出版社:清华大学出版社 ISBN:9787302231585 ...
hls fifo_【正点原子FPGA连载】第一章HLS简介--领航者ZYNQ之HLS 开发指南
1)摘自[正点原子]领航者ZYNQ之HLS 开发指南 2)平台购买地址:https://item.taobao.com/item.htm?&id=606160108761 3)全套实验源码+手 ...
jsp快到截止日期字体颜色变色_jsp页面中字体变色问题 - Java / Web 开发
jsp页面中字体变色问题 - Java / Web 开发 [@title] function diyCheck(){ var fm = document.frmMain; s1=fm.YEAR.val ...
【正点原子FPGA连载】第一章 ZYNQ简介 -摘自【正点原子】领航者ZYNQ之FPGA开发指南_V2.0
1)实验平台:正点原子领航者ZYNQ开发板 2)平台购买地址:https://item.taobao.com/item.htm?&id=606160108761 3)全套实验源码+手册+视频下 ...
【正点原子FPGA连载】第一章 MPSoC简介摘自【正点原子】DFZU2EG/4EV MPSoC 之FPGA开发指南V1.0
1)实验平台:正点原子MPSoC开发板 2)平台购买地址:https://detail.tmall.com/item.htm?id=692450874670 3)全套实验源码+手册+视频下载地址: h ...
JAVA WEB开发实战-张晨光-专题视频课程
JAVA WEB开发实战-379人已学习课程介绍走进JSP.掌握JSP语法.JSP内置对象.Servlet技术.综合实验(一)--JSP使用Model2实现登录模块.EL表达式语言 ...

java web 开发——第一章jsp简介

前言

1.1 JSP的概念

1.2 安装和配置JSP运行环境

1.2.1 下载tomcat9.0

1.2.2 下载安装jdk并配置jdk环境

1.2.3 测试tomcat是否安装成功

1.3 JSP页面

1.3.1 JSP页面简介

1.4 JSP的运行原理

1.5 HTML与JavaScript

1.5.1 HTML

1.5.2 JavaScript

总结

java web 开发——第一章jsp简介相关推荐

最新文章

热门文章