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

总结


前言

         本章主要内容为对jsp的简介,包含JSP的概念、jsp的页面、jsp的运行原理、以及HTML与Javascript等小节。

1.1 JSP的概念

JSPJava Server Page的缩写,是由Sun公司倡导,许多公司参与,于1999年推出的一种Web服务设计标准

JSP基于Java Servlet以及整个Java体系的Web开发技术,利用这一技术可以建立安全、跨平台的先进动态网站

JSPJava语言为基础,具有动态页面与静态页面分离,能够脱离硬件平台的束缚以及编译后运行等优点,已经成为开发动态网站的主流技术之一。 

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文件主要包含五种元素。

  1. jsp标记
  2. HTML以及JavaScript标记
  3. Java程序片
  4. Java表达式
  5. 声明变量、方法、类

1.3.1 JSP页面简介

(1)JSP页面的编码

           JSP页面的编码一般设置为UTF-8,因为这样可以适应多个平台,设置页面编码的是Page指令。如下所示:

 <%@ page pageEncoding = "utf-8" %>

(2)jsp页面的保存

  1. 扩展名是.jsp
  2. 保存类型选择为“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

tipswebapps下新建Web服务目录,不必重新启动Tomcat服务器。

 (3) 新建web服务目录

        可以将Tomcat服务器所在计算机的某个目录(非webapps下的子目录)设置成一个Web服务目录,并为该Web服务目录指定虚拟目录,即隐藏Web服务目录的实际位置,用户只能通过虚拟目录访问Web服务目录中的JSP页面。

        假设要将   D:\Book\zh  以及   C:\wang 作为Web服务目录,并让用户分别使用applecloud虚拟目录访问Web服务目录D:\Book\zhC:\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页面被第一次被用户请求执行时会发生以下情况

  1. Tomcat服务器根据JSP页面产生成一个Java文件,并编译这个Java文件生成字节码文件,然后执行字节码文件响应用户的请求。
  2. 而当这个JSP页面再次被请求执行时,Tomcat服务器将直接执行字节码文件来响应用户。

 1.5 HTML与JavaScript

 1.5.1 HTML

概念:

HTMLHyper 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服务目录。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吴鹏_JDZU

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值