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

提供典型应用案例,剖析JSP/Servret技术与Struts 2技术在Web开发中的不同 提供完整的应用案例,使读者可以深入体会SSH开发模式的精髓 所有开发工具和框架均使用目前的最新版本,紧跟技术发展的趋势 提供230个实例和4个综合案例,可以作为案头必备的查询手册 一线开发人员全力打造,分享技术盛宴! 重点内容及特色 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》介绍了Web开发中客户端技术的基础知识,包括JavaScript、CSS、AJAX等,这些技术都是Web应用中常用的客户端技术。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax+》讲解了JSP/S rvlet技术的基础知识,并提供了一个综合案例展示其具体应用,它们是Java Web服务端技术的基石,也是学习Java Web开发所要必须掌握的技术。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》重点讲解了Struts 2、Speing和HIbernate框架的基础知识和高级技术,如Sruts 2中的*、类型转换、国际化和标签等,HIbe rna{e的会话、0/R映射和事务管理等,Spring中的数据库技术与AOP等。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》特别介绍了Struts 2对AjAX的支持,还重点剖析了SSH框架的整合开发,并给出了两个综合案例来展示整合SSH框架开发Web应用。 和已经出版的同类图书相比,《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》讲解由浅入深,涵盖更多内容,列举了大量典型实例具有超强的实用性,另外,《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》各篇独立,适合读者全面学习或对部分内容重点学习。 读者对象 有Java基础,想进一步学习SSH框架整合开发的人员 了解SSH整合开发,想进一步提高开发技术的人员 正在使用SSH整合技术开发项目,想查阅资料的人员 大中专院校的学生和老师,以及Java培训班的学员和讲师 需要一本案头必备查询手册的程序员 光盘内容 6小时多媒体体视频讲解 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》所涉及的源代码 布衣暖,菜根香,好书滋味长!清华大学出版社长期以来一直秉承为读者多出好书的宗旨,多年来为读者奉献了大量脍炙人口的精品图书。尤其在计算机图书出版领域更是形成了鲜明特色,所出版的各类计算机图书受到了广大读者的好评。本次出版的“原创经典,程序员典藏”系列图书是清华大学出版社的重点精品计算机图书,旨在帮助读者全面学习各类程序设计语言和开发工具,提高开发水平。同时也为广大程序员提供良好的技术参考,以便作为案头必备的查询手册。 内容提要 -------------------------------------------------------------------------------- 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》通过对SSH中的各种技术循序渐进地讲解,使读者尽快掌握开发基于SSH的Web程序的方法。《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》内容包括Web客户端技术、JSP/Servlet技术、Struts 2(*、类型转换、输入校验、上传和下载文件、Struts 2的各种标签、对 AJAX的支持等)、Spring(Ioc容器、装配Java Bean、Jdbc和Hibernate模板、事务管理、Spring AOP等)以及 Hibernate(会话、映射、标准查询API、HQL、事务管理、锁等)。除此之外,《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》还提供了两个完整的实例来讲解开发SSH的详细步骤和方法。通过对这两个实例的学习,读者可以对SSH开发模式有更透彻地理解和认识。SSH是目前最流行的Java Web开发技术。 《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》适合广大从事Java Web开发工作的技术人员、对SSH开发感兴趣的人员以及大专院校学生阅读,尤其是具有一定的Web开发经验的技术人员。 目录 -------------------------------------------------------------------------------- 第1篇 web开发基础篇 第1章 搭建开发环境 1.1 本书使用的软件和框架的版本 1.2 JDK6的下载与安装 1.3 Eclipse3.4 的下载与安装 1.4 MyEclipse6.5 的下载与安装 1.5 Eclipse:IDEforJavaEEDevelopers的下载与安装 1.6 Tomcat6的下载与安装 1.7 在MyEclipse中配置。Tomcat 1.8 在EclipseIDEforJavaEEDevelopers中配置Tomcat 1.9 小结 第2章 JavaWeb应用开发基础 2.1 Web技术的发展 2.2 JavaWeb技术 2.2.1 Java.Welb程序的基本组成 2.2.2 JavaWeb程序的目录结构 2.2.3 JavaWeb程序的配置文件 2.3 MVC模式与MvC框架 2.3.1 JSP模型1和JSP模型2 2.3.2 Web应用程序需要的基础服务 2.3.3 MVC模式概述 2.3.4 常用的MvC框架 2.4 小结 第3章 Web开发中的客户端技术 3.1 常用的JavaScriptIDE简介 3.1.1 在MyEclipse中使用JavaScript 3.1.2 在EclipseIDEforJavaEE中使用JavaScript 3.1.3 在NetBeans中使用JavaScript 3.1.4 其他的JavaScriptIDE 3.2.1 avaScdpt语法基础 3.2.1 实例:编写第一个JavaScript程序:Greet 3.2.2 变量 3.2.3 原始类型 3.2.4 类型转换 3.2.5 函数与函数调用 3.2.6 类和对象 3.3 JavaScript高级技术 3.3.1 DOM技术概述 3.3.2 获得HTML元素的3种方法 3.3.3 实例:图像自动切换 3.3.4 正则表达式 3.3.5 实例:表格排序 3.4 CSS基础 3.4.1 CSS的基本语法 3.4.2 在Style属性中定义样式 3.4.3 在HTML中定义样式 3.4.4 在外部文件中定义样式 3.4.5 样式的继承 3.5 AJAX.基础 3.5.1 AJAX概述 3.5.2 实例:使用XMLHttpRequest获得Web资源 3.5.3 实例:使用XMLHttpRequest跨域访问Web资源 3.5.4 实例:AJAX的3种交换数据方法 3.6 小结 第4章 Servlet技术 4.1 Servlet的Helloworld程序 4.1.1 实例:在My Eclipse中编写Helloworld程序 4.1.2 实例:手工编写:Helloworld程序 4.2 Servlet基础 4.2.1 配置数据库连接池 4.2.2 数据库连接池的应用 4.2 -3实例:用doGet方法处理客户端请求 4.2.4 实例:用doPost方法处理客户端请求 4.2.5 实例:用service方法处理客户端请求 4.2.6 实例:初始化(init)和销毁(destroy)Servlet 4.2.7 实例:使用PrintWriter输出响应消息 4.2.8 实例:用ServletOutputStream显示图像 4.2.9 实例:使用RequestDispatcher包含Web资源 4.2.10 实例:使用RequestDispatcher转发Web资源 4.3 HttpServletResponse类的其他功能 4.3.1 产生状态响应码 4.3.2 设置响应消息头 4.3.3 实例:验证响应头设置情况 4.4 使用:HttpServletRequest获得请求消息 4.4.1 获取请求行消息 4.4.2 获取网络连接消息 4.4.3 获取请求头消息 4.5 处理Cookie 4.5.1 什么是Cookie 4.5.2 Cookie类中的方法 4.5.3 实例:用Cookie读写客户端信息 4.5.4 实例:用Cookie读写复杂数据 4.6 处理Session 4.6.1 什么是Session 4.6.2 HttpSession接口中的方法 4.6.3 HttpServletRequest接口中的Session方法 4.6.4 实例:通过Cookie跟踪Session 4.6.5 实例:通过重写uRL跟踪Session 4.7 Web开发的中文问题 4.7.1 Java的编码原理 4.7.2 实例:解决输出中文乱码问题 4.7.3 实例:解决服务端程序读取中文请求消息的乱码问题 4.7.4 实例:用AJAX技术发送和接收中文信息 4.7.5 实例:在请求消息头和响应消息头中转输中文 4.8 小结 第5章 JSP技术 5.1 用MyEclipse编写第一个JSP程序 5.1.1 实例:编写显示服务器当前时间的JSP程序 5.1.2 调试JSP程序 5.1.3 改变JSP的访问路径和扩展名 5.1.4 手动发布JSP程序 5.2 JSP的运行原理 5.2.1 Tomcat如何处理JSP页 5.2.2 分析由JSP生成的Servlet代码 5.3 JSP基本语法 5.3.1 JSP表达式 5.3.2 在JSP中嵌入Java代码 5.3.3.JSP声明 5.3.4.JSP表达式语言(EL) 5.3.5 实例:用EL函数替换HTML中的特殊字符 5.3.6 JSP页面中的注释 5.4 JSP指令 5.4.1 JSP指令简介 5.4.2 page页面指令 5.4.3 include加入指令 5.5.JSP的9个内置对象 5.5.1 out输出对象 5.5.2 pageContext封装对象 5.5.3 其他的JSP内置对象 5.6 JSP标签 5.6.1 插入标签 5.6.2 转发标签 5.6.3 传参标签 5.6.4 创建:Bean标签 5.6.5 设置属性值标签 5.6.6 获取属性值标签 5.7 JSP的标准标签库(JSTL) 5.7.1 如何使用JSTL 5.7.2 条件标签 5.7.3 循环标签 5.8 小结 第6章 用Servlet和JSP实现注册登录系统 第2篇 Struts 2篇 第7章 编写Struts 2的第一个程序 第8章 Struts 2进阶 第9章 Struts 2的* 第10章 Struts 2的类型转换 第11章 Struts 2的输入校验 第12章 文件的上传和下载 第13章 国际化 第14章 Struts 2的标签库 第15章 Struts 2对AJAX的支持 第16章 用Struts 2实现注册登录系统 第3篇 Hibernate篇 第17章 Hibernate的Helloworld程序 第18章 配置Hibernate 第19章 Hibernate的会话与O/R映射 第20章 Hibernate的查询与更新技术 第21章 Hibernate的高级技术 第4篇 Spring篇 第22章 Spring的Helloworld程序 第23章 反向控制(Ioc)与装配JavaBean 第24章 Spring中的数据库技术 第25章 Spring的其他高级技术 第5篇 综合实例篇 第26章 Struts 2与Hibernate、Spring的整合 第27章 网络硬盘 第28章 论坛系统
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

吴鹏_JDZU

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

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

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

打赏作者

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

抵扣说明:

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

余额充值