【JSP入门】只知道HTML却不知道JSP？

abcccccccccccccccode 2023-04-15 原文

前言

今天我们继续来总结学习JSP相关知识，上一篇我们学习了Servlet的基础入门，如果你还对Servlet那么建议你先去看一下上篇博客再回来。

在之前我们已经学习了HTML，CSS，JS，XML，Servlet了，那么JSP又是什么呢？为什么要学这个JSP呢？

JSP概述

JSP（全称Java Server Pages）是由 Sun Microsystems 公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求，而动态生成 HTML、XML 或其他格式文档的Web网页的技术标准。

JSP特征

（1）JSP文件后缀名为 *.jsp
（2）JSP 技术是以 Java 语言作为脚本语言的，JSP 网页为整个服务器端的 Java 库单元提供了一个接口来服务于HTTP的应用程序。
（3） JSP是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。
（4）JSP是一种Java servlet，主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。
（5）JSP可以通过网页表单获取用户输入数据、访问数据库及其他数据源，然后动态地创建网页。
（6）JSP标签有多种功能，比如访问数据库、记录用户选择信息、访问JavaBeans组件等，还可以在不同的网页中传递控制信息和共享信息。

JSP运行要求：

可以正常运行的Tomcat
所有的JSP页面扩展名必须是.JSP
JSP页面应该放在Web应用程序目录下

JSP的动态生成

其实JSP最重要的一个特点就是可以动态的生成网页，接下来我们使用HTML与JSP生成同样的页面来比较一下吧。

接下来我们完成这样的一个页面：

正常做出来之后应该是这样的：

首先我们使用HTML来完成，很简单我们一行一行打出来即可，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<table>
		<tr>
			<th>year</th>
			<th>salary</th>
		</tr>
		<tr>
			<td>0</td>
			<td>1500</td>
		</tr>
		<tr>
			<td>1</td>
			<td>1650</td>
		</tr>
		<tr>
			<td>2</td>
			<td>1800</td>
		</tr>
		<tr>
			<td>3</td>
			<td>1950</td>
		</tr>
		<tr>
			<td>4</td>
			<td>2100</td>
		</tr>
		<tr>
			<td>5</td>
			<td>2250</td>
		</tr>
		<tr>
			<td>6</td>
			<td>2550</td>
		</tr>
		<tr>
			<td>7</td>
			<td>2850</td>
		</tr>
		<tr>
			<td>8</td>
			<td>3150</td>
		</tr>
		<tr>
			<td>9</td>
			<td>3450</td>
		</tr>
		<tr>
			<td>10</td>
			<td>3750</td>
		</tr>
		<tr>
			<td>11</td>
			<td>4125</td>
		</tr>
	</table>
</body>
</html>

效果如下：

效果是没问题的，只不过代码有些繁琐，而且答案都是我们自己算出来写上面的。而且我们只写出来了11年时候的工资，如果是50那么还得继续算和写下去，十分麻烦。

那么JSP是可以动态的生成的，我们使用JSP怎么完成呢？

其实很简单，我们按照案例中给出来规律来写即可自动生成，如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<table>
		<tr>
			<th>year</th>
			<th>salary</th>
		</tr>
		<%
			for(int i=0;i<=50;i++){
				out.println("<tr>");
				out.println("<td>" + i + "</td>");
				int sal=0;
				if(i<=5){
					sal = 1500 + i*150;
				}else if(i>5&&i<=10){
					sal=1500 + 5*150 + 300*(i-5);
				}else if(i>10){
					sal = 1500+5*150+5*300+375*(i-10);
				}
				out.println("<td>" + sal + "</td>");
				out.println("</tr>");
			}
		
		%>
	</table>
</body>
</html>

我们直接生成了50年的，代码是不是看起来很简便啊，那我们看看输出的页面怎么样：

都是相同的效果。

通过比较大家应该就可以理解它们的差距了吧。

JSP的执行过程

我们刚才写的JSP中既有HTML语言，又有Java语言，最后又是Servlet执行了。那么JSP的执行过程到底是怎么样的一个过程呢？

当第一次访问jsp页面时，会向一个servlet容器（tomcat等）发出请求，servlet容器先要把jsp页面转化为servlet代码（.java），再编译成.class 文件再进行调用。当再次访问jsp页面时跳过翻译和编译的过程直接调用。

执行过程：

（1）客户端发出请求
（2）web容器将jsp转化为servlet代码（.java）
（3）web容器将转化为servlet代码编译（.class）
（4）web容器加载编译后的代码并执行
（5）将执行结果响应给客户端

图示：

示例：

JSP的基本语法

JSP语法特别简单，按照功能可分为：

（1）JSP代码块
（2）JSP声明构造块
（3）JSP输出指令
（4）JSP处理指令

接下来就分别介绍一下他们是干什么的吧

JSP代码块

JSP代码块用于在JSP中嵌入Java代码，其语法格式为：

<% Java代码 %>

示例：

<% System.out.println("hello,baibai!"); %>

JSP声明构造块

JSP声明构造块用于声明变量或方法，其语法格式为：

<%! 声明语句 %>

示例：

<%!public int add(int a,int b){
	return a+b;
}%>

JSP输出指令

JSP输出指令用于在JSP页面中显示Java代码执行结果，其语法格式为：

<%=Java代码%>

示例：

<%="<b>" + name +"</b>"%>

JSP处理指令

JSP处理指令用于提供JSP执行过程中的辅助信息，其语法格式为：

<%@ JSP指令 %>

示例：

<%@ page import = "java.until.*" %>

JSP常用处理指令

1.定义当前JSP页面全局设置

<%@ page %>

2.将其他JSP页面与当前JSP页面合并

<%@ include %>

3.引入JSP标签库

<%@ taglib %>

JSP中注释的区别

1.JSP注释，被注释语句不做任何处理

<%--注释--%>

2.用于注释<%%>Java代码，被注释代码不执行

//注释
或
/*注释*/

3.HTML注释，被注释的语句不会被浏览器解释

<!--html-->

语法练习

找质数

题目：

代码：

<%@page import="java.util.*,java.text.*" contentType="text/html; charset=UTF-8" %>
<%!
	boolean isPrime(int num){
		boolean flag = true;
		for(int j=2;j<num;j++){
			if(num%j==0){
				flag=false;
				break;
			}
		}
		return flag;
	}

%>

<%
	List<Integer> primes = new ArrayList();
	for(int i=2;i<1000;i++){
		if(isPrime(i)){
			//out.println("<h1> " + i + "</h1>");
			primes.add(i);
		}
	}
%>

<%
	for(int p:primes){
		//out.println("<h1>" + p +"是质数</h1>");
%>
	<h1 style="color:red;"><%=p %>是质数</h1>
<%
	}
%>

输出：

JSP页面复用

在javaweb开发过程中，要写许多个jsp页面，而这些页面又有许多的相似之处，比如页头、页脚和导航栏等等这些相同又重复的部分如果每个jsp页面都写的话会造成代码的冗余且不易管理维护，这时可以通过页面复用的方式来提高效率。

那么我们又该怎么样来实现页面的复用呢？

将每个页面中相同且重复的代码封装在一个JSP页面中，再通过以下方式引用即可：

<%@ include file=xxx.jsp">

示例：

比如一个某新闻页面为：

每一次我们只改变的是新闻的内容，即上图中红框内的东西，那么页头页脚都是复用的，我们就可以把它们分别封装为JSP页面，在使用的时候调用即可。我们实现一下：

对于页头：

<%@page contentType="text/html; charset=utf-8"%>
要闻|推荐|财经|娱乐

对于页脚：

<%@page contentType="text/html; charset=utf-8"%>
<hr/>
Copyright 1999-3274

对于每一个要输出的新闻页面：

<%@page contentType="text/html; charset=utf-8" %>
<%@include file="include/header.jsp" %>
<%
	out.println("<h1>新闻标题</h1>");
	out.println("<h1>正文</h1>");
%>
<%@include file="include/footer.jsp" %>

输出为：

成功了，页面复用我们在很多场景都能遇到，还是比较重要的，也比较简单。

结语

本篇JSP入门的内容到此为止了，但是JSP的内容不止于此，JSP是与Servlet一起联用的，我们下篇博客就一起来看看它们到底是怎么要一起联合使用的吧！

持续更新中…

JSP 入门 span class token 前端 java servlet javaweb

有关【JSP入门】只知道HTML却不知道JSP？的更多相关文章

ruby - 使用 ruby 将 HTML 转换为纯文本并维护结构/格式 - 2
我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。最佳答案首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
ruby-on-rails - Rails HTML 请求渲染 JSON - 2
在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？最佳答案您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这
ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2
所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择
ruby-on-rails - Ruby url 到 html 链接转换 - 2
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
ruby-on-rails - capybara ::ElementNotFound:无法找到 xpath "/html" - 2
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
LC滤波器设计学习笔记（一）滤波电路入门 - 2
目录前言滤波电路科普主要分类实际情况单位的概念常用评价参数函数型滤波器简单分析滤波电路构成低通滤波器RC低通滤波器RL低通滤波器高通滤波器RC高通滤波器RL高通滤波器部分摘自《LC滤波器设计与制作》，侵权删。前言最近需要学习放大电路和滤波电路，但是由于只在之前做音乐频谱分析仪的时候简单了解过一点点运放，所以也是相当从零开始学习了。滤波电路科普主要分类滤波器：主要是从不同频率的成分中提取出特定频率的信号。有源滤波器：由RC元件与运算放大器组成的滤波器。可滤除某一次或多次谐波，最普通易于采用的无源滤波器结构是将电感与电容串联，可对主要次谐波（3、5、7）构成低阻抗旁路。无源滤波器：无源滤波器，又称
微信小程序开发入门与实战（Behaviors使用） - 2
@作者:SYFStrive @博客首页:HomePage📜：微信小程序📌：个人社区（欢迎大佬们加入）👉：社区链接🔗📌：觉得文章不错可以点点关注👉：专栏连接🔗💃：感谢支持,学累了可以先看小段由小胖给大家带来的街舞👉微信小程序（🔥）目录自定义组件-behaviors 1、什么是behaviors 2、behaviors的工作方式 3、创建behavior 4、导入并使用behavior 5、behavior中所有可用的节点 6、同名字段的覆盖和组合规则总结最后自定义组件-behaviors 1、什么是behaviorsbehaviors是小程序中，用于实现
ruby - 如何使用 Ruby 将 CSV 文件读入 HTML 表格？ - 2
我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示，但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题，而不会读取和呈现CSV正文。最佳答案这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda
【Java入门】使用Java实现文件夹的遍历 - 2
遍历文件夹我们通常是使用递归进行操作，这种方式比较简单，也比较容易理解。本文为大家介绍另一种不使用递归的方式，由于没有使用递归，只用到了循环和集合，所以效率更高一些！一、使用递归遍历文件夹整体思路1、使用File封装初始目录，2、打印这个目录3、获取这个目录下所有的子文件和子目录的数组。4、遍历这个数组，取出每个File对象4-1、如果File是否是一个文件，打印4-2、否则就是一个目录，递归调用代码实现publicclassSearchFile{publicstaticvoidmain(String[]args){//初始目录Filedir=newFile("d:/Dev");Datebeg
ES基础入门 - 2
ES一、简介1、ElasticStackES技术栈：ElasticSearch：存数据+搜索；QL；Kibana：Web可视化平台，分析。LogStash：日志收集，Log4j:产生日志；log.info(xxx)。。。。使用场景：metrics：指标监控…2、基本概念Index（索引）动词：保存（插入）名词：类似MySQL数据库，给数据Type（类型）已废弃，以前类似MySQL的表现在用索引对数据分类Document（文档）真正要保存的一个JSON数据{name:"tcx"}二、入门实战{"name":"DESKTOP-1TSVGKG","cluster_name":"elasticsear