【JSP入门】只知道HTML却不知道JSP？_前端页面如何找到对应jsp-程序员宅基地

技术标签： Java Web java javaweb jsp servlet 前端

前言

今天我们继续来总结学习JSP相关知识，上一篇我们学习了Servlet的基础入门，如果你还对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一起联用的，我们下篇博客就一起来看看它们到底是怎么要一起联合使用的吧！

持续更新中…

本文链接：https://blog.csdn.net/apple_51673523/article/details/122889395

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

C#连接OPC C#上位机链接PLC程序源码 1.该程序是通讯方式是CSharp通过OPC方式连接PLC_c#opc通信-程序员宅基地

文章浏览阅读565次。本文主要介绍如何使用C#通过OPC方式连接PLC，并提供了相应的程序和学习资料，以便读者学习和使用。OPC服务器是一种软件，可以将PLC的数据转换为标准的OPC格式，允许其他软件通过标准接口读取或控制PLC的数据。此外，本文还提供了一些学习资料，包括OPC和PLC的基础知识，C#编程语言的教程和实例代码。这些资料可以帮助读者更好地理解和应用本文介绍的程序。1.该程序是通讯方式是CSharp通过OPC方式连接PLC，用这种方式连PLC不用考虑什么种类PLC，只要OPC服务器里有的PLC都可以连。_c#opc通信

Hyper-V内的虚拟机复制粘贴_win10 hyper-v ubuntu18.04 文件拷贝-程序员宅基地

文章浏览阅读1.6w次，点赞3次，收藏10次。实践环境物理机：Windows10教育版，操作系统版本 17763.914虚拟机：Ubuntu18.04.3桌面版在Hyper-V中的刚安装好Ubuntu虚拟机之后，会发现鼠标滑动很不顺畅，也不能向虚拟机中拖拽文件或者复制内容。在VMware中，可以通过安装VMware tools来使物理机和虚拟机之间达到更好的交互。在Hyper-V中，也有这样的工具。这款工具可以完成更好的鼠标交互，我的..._win10 hyper-v ubuntu18.04 文件拷贝

java静态变量初始化多线程，持续更新中_类初始化一个静态属性为线程池-程序员宅基地

文章浏览阅读156次。前言互联网时代，瞬息万变。一个小小的走错，就有可能落后于别人。我们没办法去预测任何行业、任何职业未来十年会怎么样，因为未来谁都不能确定。只能说只要有互联网存在，程序员依然是个高薪热门行业。只要跟随着时代的脚步，学习新的知识。程序员是不可能会消失的，或者说不可能会没钱赚的。我们经常可以听到很多人说，程序员是一个吃青春饭的行当。因为大多数人认为这是一个需要高强度脑力劳动的工种，而30岁、40岁，甚至50岁的程序员身体机能逐渐弱化，家庭琐事缠身，已经不能再进行这样高强度的工作了。那么，这样的说法是对的么？_类初始化一个静态属性为线程池

idea 配置maven，其实不用单独下载Maven的。以及设置新项目配置，省略每次创建新项目都要配置一次Maven_安装idea后是不是不需要安装maven了?-程序员宅基地

文章浏览阅读1w次，点赞13次，收藏43次。说来也是惭愧，一直以来，在装环境的时候都会从官网下载Maven。然后再在idea里配置Maven。以为从官网下载的Maven是必须的步骤，直到今天才得知，idea有捆绑的 Maven 我们只需要搞一个配置文件就行了无需再官网下载Maven包以后再在新电脑装环境的时候，只需要下载idea ，网上找一个Maven的配置文件放到默认的包下面就可以了！也省得每次创建项目都要重新配一次Maven了。如果不想每次新建项目都要重新配置Maven，一种方法就是使用默认的配置，另一种方法就是配置 .._安装idea后是不是不需要安装maven了?

奶爸奶妈必看给宝宝摄影大全-程序员宅基地

文章浏览阅读45次。家是我们一生中最重要的地方,小时候,我们在这里哭、在这里笑、在这里学习走路,在这里有我们最真实的时光,用相机把它记下吧。　　很多家庭在拍摄孩子时有一个看法,认为儿童摄影团购必须是在风景秀丽的户外,即便是室内那也是像大酒店一样...

构建Docker镜像指南，含实战案例_rocker/r-base镜像-程序员宅基地

文章浏览阅读429次。Dockerfile介绍Dockerfile是构建镜像的指令文件，由一组指令组成，文件中每条指令对应linux中一条命令，在执行构建Docker镜像时，将读取Dockerfile中的指令，根据指令来操作生成指定Docker镜像。Dockerfile结构：主要由基础镜像信息、维护者信息、镜像操作指令、容器启动时执行指令。每行支持一条指令，每条指令可以携带多个参数。注释可以使用#开头。指令说明FROM 镜像：指定新的镜像所基于的镜像MAINTAINER 名字：说明新镜像的维护（制作）人，留下_rocker/r-base镜像

随便推点

毕设基于微信小程序的小区管理系统的设计ssm毕业设计_ssm基于微信小程序的公寓生活管理系统-程序员宅基地

文章浏览阅读223次。该系统将提供便捷的信息发布、物业报修、社区互动等功能，为小区居民提供更加便利、高效的服务。引言：随着城市化进程的加速，小区管理成为一个日益重要的任务。因此，设计一个基于微信小程序的小区管理系统成为了一项具有挑战性和重要性的毕设课题。本文将介绍该小区管理系统的设计思路和功能，以期为小区提供更便捷、高效的管理手段。四、总结与展望：通过本次毕设项目，我们实现了一个基于微信小程序的小区管理系统，为小区居民提供了更加便捷、高效的服务。通过该系统的设计与实现，能够提高小区管理水平，提供更好的居住环境和服务。_ssm基于微信小程序的公寓生活管理系统

如何正确的使用Ubuntu以及安装常用的渗透工具集.-程序员宅基地

文章浏览阅读635次。文章来源i春秋入坑Ubuntu半年多了记得一开始学的时候基本一星期重装三四次=-= 尴尬了觉得自己差不多可以的时候就吧Windows10干掉了 c盘装Ubuntu 专心学习. 这里主要来说一下使用Ubuntu的正确姿势Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的开源GNU/Linux操作系统，Ubuntu 是基于DebianGNU/Linux，支..._ubuntu安装攻击工具包

JNI参数传递引用_jni引用byte[]-程序员宅基地

文章浏览阅读335次。需求：C++中将BYTE型数组传递给Java中，考虑到内存释放问题，未采用通过返回值进行数据传递。public class demoClass{public native boolean getData(byte[] tempData);}JNIEXPORT jboolean JNICALL Java_com_core_getData(JNIEnv *env, jobject thisObj, jbyteArray tempData){ //resultsize为s..._jni引用byte[]

三维重建工具——pclpy教程之点云分割_pclpy.pcl.pointcloud.pointxyzi转为numpy-程序员宅基地

文章浏览阅读2.1k次，点赞5次，收藏30次。本教程代码开源：GitHub 欢迎star文章目录一、平面模型分割1. 代码2. 说明3. 运行二、圆柱模型分割1. 代码2. 说明3. 运行三、欧几里得聚类提取1. 代码2. 说明3. 运行四、区域生长分割1. 代码2. 说明3. 运行五、基于最小切割的分割1. 代码2. 说明3. 运行六、使用 ProgressiveMorphologicalFilter 分割地面1. 代码2. 说明3. 运行一、平面模型分割在本教程中，我们将学习如何对一组点进行简单的平面分割，即找到支持平面模型的点云中的所有._pclpy.pcl.pointcloud.pointxyzi转为numpy

以NFS启动方式构建arm-linux仿真运行环境-程序员宅基地

文章浏览阅读141次。一其实在 skyeye 上移植 arm-linux 并非难事,网上也有不少资料, 只是大都遗漏细节, 以致细微之处卡壳，所以本文力求详实清析, 希望能对大家有点用处。本文旨在将 arm-linux 在 skyeye 上搭建起来，并在 arm-linux 上能成功 mount NFS 为目标, 最终我们能在 arm-linux 里运行我们自己的应用程序. 二安装 Sky..._nfs启动 arm

攻防世界 Pwn 进阶第二页_pwn snprintf-程序员宅基地

文章浏览阅读598次，点赞2次，收藏5次。00为了形成一个体系，想将前面学过的一些东西都拉来放在一起总结总结，方便学习，方便记忆。攻防世界 Pwn 新手攻防世界 Pwn 进阶第一页01 4-ReeHY-main-100超详细的wp1超详细的wp203 format2栈迁移的两种作用之一：栈溢出太小，进行栈迁移从而能够写入更多shellcode，进行更多操作。栈迁移一篇搞定有个陌生的函数。C 库函数 void *memcpy(void *str1, const void *str2, size_t n) 从存储区 str2 _pwn snprintf