【从零开始的Java开发】2-10-3 JSP入门：JSP介绍、语法和页面重用

最新推荐文章于 2022-09-13 20:30:48 发布
最新推荐文章于 2022-09-13 20:30:48 发布
阅读量312 收藏
点赞数
分类专栏： 从零开始的Java开发 文章标签： java servlet tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/karshey/article/details/126786693
版权

文章目录

JSP入门

为什么会有JSP

因为Servlet的一些缺点：

  • 静态HTML与动态Java代码混合在一起，难以维护
  • Servlet用out.println()语句输出，开发效率低下
  • Eclipse很难在开发中发现错误，调试困难

JSP介绍

  • JSP，即Java Server Pages，Java服务器页面
  • JSP是J2EE的功能模块，由Web服务器执行
  • JSP的作用就是降低动态网页开发难度

JSP特点

  • JSP使用简单，短时间学习便可上手使用
  • JSP可将Java代码与HTML分离，降低开发难度
  • JSP的本质就是Servlet

JSP运行要求

  • 可正常运行的Tomcat
  • 拓展名必须是 .jsp
  • JSP页面应放在Web应用程序目录下

第一个JSP

案例描述：

一个公司的薪资制度如下：

  • 新员工：基本工资1500
  • 工作5年内：每年工资上浮基本工资的10%
  • 工作5-10年内：20%
  • 工作10年以上：25%

要求列出工资试算表。

它的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>

在这里插入图片描述
对于这种既定规则的重复劳动，我们是否可以用更加智能的方式去完成呢？当然可以。

接下来我们将salary.html变成salary.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>
		<%
		//写的是标准的Java代码
		//假设最多可以在一个公司打工50年
		for (int i = 0; i <= 50; i++) {
			out.println("<tr>");
			out.println("<td>" + i + "</td>");
			int salary = 0;
			if (i <= 5) {
				salary = 1500 + 150 * i;
			} else if (i > 5 && i <= 10) {
				salary = 1500 + 300 * (i - 5) + 150 * 5;
			} else {
				salary = 1500 + 150 * 5 + 300 * 5 + 375 * (i - 10);
			}
			out.println("<td>" + salary + "</td>");
			out.println("</tr>");
		}
		%>
	</table>
</body>
</html>

效果：
在这里插入图片描述

JSP执行过程

在这里插入图片描述
JSP转译过程
在这里插入图片描述
我们刚刚写的salary.jsp的Java文件什么样的呢？

文件路径：D:\apache-tomcat-8.5.82\work\Catalina\localhost\MyJsp\org\apache\jsp

里面会有salary_jsp.java，我们把它打开看一下：

在这里插入图片描述

找到_jspService:（大概看一下就好了）

public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {

    final java.lang.String _jspx_method = request.getMethod();
    if (!"GET".equals(_jspx_method) && !"POST".equals(_jspx_method) && !"HEAD".equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {
      response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, "JSP 只允许 GET、POST 或 HEAD。Jasper 还允许 OPTIONS");
      return;
    }

    final javax.servlet.jsp.PageContext pageContext;
    javax.servlet.http.HttpSession session = null;
    final javax.servlet.ServletContext application;
    final javax.servlet.ServletConfig config;
    javax.servlet.jsp.JspWriter out = null;
    final java.lang.Object page = this;
    javax.servlet.jsp.JspWriter _jspx_out = null;
    javax.servlet.jsp.PageContext _jspx_page_context = null;


    try {
      response.setContentType("text/html");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write("<!DOCTYPE html>\r\n");
      out.write("<html>\r\n");
      out.write("<head>\r\n");
      out.write("<meta charset=\"UTF-8\">\r\n");
      out.write("<title>Insert title here</title>\r\n");
      out.write("</head>\r\n");
      out.write("<body>\r\n");
      out.write("	<table>\r\n");
      out.write("		<tr>\r\n");
      out.write("			<th>year</th>\r\n");
      out.write("			<th>salary</th>\r\n");
      out.write("		</tr>\r\n");
      out.write("		");

		//这里的注释乱码了，所以我把它删掉了
		//这里就是把jsp中的java代码原封不动的搬过来
		for (int i = 0; i <= 50; i++) {
			out.println("<tr>");
			out.println("<td>" + i + "</td>");
			int salary = 0;
			if (i <= 5) {
				salary = 1500 + 150 * i;
			} else if (i > 5 && i <= 10) {
				salary = 1500 + 300 * (i - 5) + 150 * 5;
			} else {
				salary = 1500 + 150 * 5 + 300 * 5 + 375 * (i - 10);
			}
			out.println("<td>" + salary + "</td>");
			out.println("</tr>");
		}
		
      out.write("\r\n");
      out.write("	</table>\r\n");
      out.write("</body>\r\n");
      out.write("</html>");
    } catch (java.lang.Throwable t) {
      if (!(t instanceof javax.servlet.jsp.SkipPageException)){
        out = _jspx_out;
        if (out != null && out.getBufferSize() != 0)
          try {
            if (response.isCommitted()) {
              out.flush();
            } else {
              out.clearBuffer();
            }
          } catch (java.io.IOException e) {}
        if (_jspx_page_context != null) _jspx_page_context.handlePageException(t);
        else throw new ServletException(t);
      }
    } finally {
      _jspxFactory.releasePageContext(_jspx_page_context);
    }
  }
}

要记住，JSP本质就是Servlet。

JSP基本语法

按功能分可分为以下四种：

  • JSP代码块
  • JSP声明构造块
  • JSP输出指令
  • JSP处理指令

JSP代码块

  • JSP代码块用于在JSP中嵌入Java代码
  • 语法：<% Java代码块 %>

注意：
这是往控制台输出：

System.out.println("Hello world!");

这是往页面输出：

out.println("Hello world!");

要区分一下。

JSP声明构造块

  • JSP声明构造块用于声明变量或方法
  • 语法：<%! 声明语句 %>

如：

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

JSP输出指令

  • JSP输出指令用于在JSP页面中显示java代码执行结果
  • JSP输出指令语法：<%= Java代码%>

如：

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

这个就是out.println()

JSP处理指令

  • 用于提供JSP执行过程中的辅助信息
  • 语法：<%@ jsp指令 %>

JSP常用处理指令

  • <%@ page %> ：定义当前JSP页面全局设置
  • <%@ include %>：将其他JSP页面与当前JSP页面合并
  • <%@ taglib %>：引入JSP标签库

JSP注释

<%--注释--%>

综合训练

要求：列出1000以内的质数

  • 使用List保存所有有效的质数
  • 将结果打印到页面，格式为"<h1>X是质数</h1>"
<%--导入一个包 --%>
<%@ page import="java.util.*" contentType="text/html; charset=utf-8"%>

<%!
//声明一个方法
	boolean isPrime(int num){
		boolean flag=true;
		for(int i=2;i<num;i++){
			if(num%i==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>");
	}
%>

在这里插入图片描述

JSP页面重用

<%@page contentType="text/html; charset=utf-8" %>
要闻|推荐|财经|娱乐
<%
	out.println("<h1>新闻标题</h1>");
	out.println("<p>新闻正文</p>");
%>
<hr/>
Copyright 2019-2022

原始页面如下：
在这里插入图片描述
我们在webapp下创建一个文件夹Include，里面有两个jsp：header和footer。

header.jsp:

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

footer.jsp:

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

则刚刚的原始页面代码可以改成：

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

页面效果不变。

这样的话，很多元素就可以不用重新开发，直接引用就好。

karshey
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
从0到1，JavaWeb网站架构搭建的技术演进
02-20
最开始，就是各种框架一搭，然后扔到Tomcat容器中跑，这时候我们的文件、数据库、应用都在一个服务器上。随着系统的上线，用户量也会逐步上升，很快一台服务器已经满足不了系统的负载，这时我们就要在服务器还没有超载时，提前做好准备。由于我们是我们是单体架构，优化架构在短时间内是不现实的，增加机器是一个不错的选择。这时，我们可能要把应用和数据库服务单独部署，如果有条件也可以把文件服务器单独部署。为了提升服务处理能力，我们在Tomcat容器前加一个代理服务器，一般使用Nginx，当然你如果更熟悉Apache也未尝不可。用户的请求发送给反向代理，然后反向代理把请求转发到后端的服务器。从严格意义上说，Ngi
html工资计算页面模板,工资计算.html
weixin_39968592的博客
06-09 742
Vue计算器p{font-size: 30px;color: red;line-height: 50px;width: 300px;}input{display: block;width: 300px;height: 50px;font-size: 20px;padding-left: 10px;}div{position: absolute;left: 50%;top: 50%;transfor...
JSP基础开发，可以用一些小型的项目中（简单学习，已过时，但是在一些项目中可以用到）
hariya的博客
05-18 1324
JSP开发1（了解，已过时）学习目标学习内容学习产出1 JSP概述2 JSP快速入门2.1 搭建环境2.2 编写代码1.3 测试2 JSP原理3 JSP脚本3.1 JSP 脚本分类 学习目标 理解 JSP 及 JSP 原理 能在 JSP中使用 EL表达式 和 JSTL标签 理解 MVC模式 和 三层架构 能完成品牌数据的增删改查功能 学习内容 学习产出 1 JSP概述 测试资源 提取码：1111 JSP（全称：Java Server Pages）：Java 服务端页面。 是一种动态的网页技术，其
JavaScript(基于Java开发的学习)
qq_53957101的博客
09-13 6601
JavaScript(基于Java开发的学习)
JavaScript基础笔记
qq_38313060的博客
08-13 422
今日内容 1. JavaScript基础 JavaScript： * 概念： 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了 * 功能： * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 * ...
java-web-tags.zip_4 3 2 1_JAVA 语法 大全_JSTL_jsp 表单_web-tags
09-20
java web 标签大全，包括1、struts 1 各类型标签；2、struts 2 标签；3、jstl 各类型标签；4、spring 标签；5、jsf标签；6、jsp标签、语法；7、freemarker语法；8、velocity语法；9、ajax常用函数；10、常用js表单...
Java项目中如何访问WEB-INF下jsp页面
10-14
主要介绍了Java项目中如何访问WEB-INF下jsp页面，文章通过示例代码和图文解析介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
JAVA-WEB开发教程-第七章-JSP数据库开发基础知识.ppt
11-16
JAVA-WEB开发教程-第七章-JSP数据库开发基础知识.ppt
第7章-JSP开发的Java语言基础.ppt
01-01
第7章-JSP开发的Java语言基础.ppt
Java开发指南--Servlets和JSP篇(PDG).rar
07-09
软件介绍 Java开发指南--Servlets和JSP篇(PDG)
Java-Jsp基础教程
热门推荐
weixin_45203607的博客
04-11 2万+
介绍 学习JSP 基础教程前 必须会 java Servlet 或者SSM 什么是Java Server Pages? JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。 JSP是一种Java servlet，主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。 JSP通过网页表单获取用户输入数据、
html和js制作个人所得税表格,用JS编写个人所得税计算器
weixin_29105429的博客
06-15 1064
编写 “个人所得税计算器”函数计算个税的方法:3500 以下免征3500 ~ 5000 部分 缴纳 3%5000 ~ 9000 部分 缴纳 10%9000 以上部分 缴纳 20%代码如下：function gz(){　　　　　　　　　　　　　　　　　　　　　　//封装var salary = prompt("请输入你的工资");　　　　　　　　　//定义salary 等于输入的工资var y = ...
JSP入门（公司薪资制度，质数算法与JSP重用）
qq_38473254的博客
06-14 363
JSP–>转译为：Servlet源代码–>编译为：Servlet字节码常用处理指令新入职员工：基本工资1500元 工作5年内员工：每年工资上浮基本工资的10% 工作5-10年员工：每年工资上浮基本工资的20% 工作10年以上：每年工资上浮基本工资的25% 要求列出工资试算表。工作量较大，且重复代码较多 2、JSP页面 简化代码，降低开发难度 3、网页效果 三、质数算法 任务要求 2、网页输出效果 四、JSP页面重用 在新闻网页中有目录不需要更改的，我们可以采用JSP页面重用news.jsp页面 h
JSP代码块
qq_40391424的博客
04-18 2002
1.jsp脚本 (3种代码块)1.&lt;% JAVA代码块 %&gt;2.&lt;%= JAVA变量或者表达式%&gt;3.&lt;%! JAVA代码块%&gt;方法1:&lt;% java代码 %&gt;特点:内部的java代码直接翻译到Servlet方法内部如图所示:jsp窗口:jsp生成的Servlet窗口:方法2:&lt;%= java变量或者表达式 %&gt;特点:相当于out.pri...
JSP页面复用与thymeleaf页面复用
一名菜鸟qaq
12-07 1028
一、JSP页面复用 javaweb中常常会用到页面复用的情况，以减少数据的冗余实现数据的最大利用化，减少开发人员对于相关的代码重复的开发，实现了高效率的页面开发 <%@include file="filePath" %> 当filePath路径不对时也会进行报" was not found at expected path ”等错误 页面也会进行报HTTP状态 500 - 内部服务器错误 二、thymeleaf页面复用 对于在相关idea的使用情况下，使用thymeleaf工具能够
Web页面重用的三个层次
自由鱼√
10-13 1893
Web页面重用有三个层次，按照它们出现的先后顺序，依次为： 基于SSI的Web页面重用SSI就是服务器端包含，是最早出现的一种页面重用技术。JSP的include标签、FreeMarker的include标签、以及更加复杂的SiteMesh和Struts Tiles等框架都属于这一类的页面重用。这一类页面重用的特征就是将一个完整的HTML页面化整为零，分割成为多个小的页面片段，每个页
jsp代码重用
lhttq的博客
11-12 764
在写代码过程中经常会遇到代码重用问题，一般遇到这种情况都会选择将重用的代码封装在函数中，但是由于jsp的特殊性，写在一个页面的函数不能再别的页面使用，因此就需要把要重用的函数独立成一个文件，然后用 include 指令包含进jsp文件，由于最近在链接数据库上比较频繁，就以链接数据库为例： 首先，在工程中新建一个文件，命名为***.inc;然后将要重用的代码写在里面，如： &lt;%@ pa...
JSP:include 用于构建动态网站的简单 JSP 标记
Antonio 的专栏
08-07 1135
JSP:include 用于构建动态网站的简单 JSP 标记    (转载)Brett McLaughlin作家, OReilly and Associates2003 年 7 月 06 日本文是 Java Brett McLaughlin 继第一篇 JSP 最佳实践文章后的后续文章，在文中，作者向您演示了如何扩展 JSP 技术中用于动态内容的包含功能。了解静态 include 伪指令和动态 j
JSP&EL表达式&MVC&三层结构综合案例
qq_46002941的博客
02-17 1412
文章目录JSP1，JSP 概述2，JSP 快速入门2.1 搭建环境2.2 导入 JSP 依赖2.3 创建 jsp 页面2.4 编写代码2.5 测试3，JSP 原理4，JSP 脚本4.1 JSP 脚本分类4.2 案例4.2.1 需求4.2.2 实现4.2.3 成品代码4.2.4 测试4.3 JSP 缺点5，EL 表达式5.1 概述5.2 代码演示5.3 域对象6，JSTL标签6.1 概述6.2 if 标签6.3 forEach 标签6.3.1 用法一6.3.2 用法二7
jsp+servlet+tomcat应用开发从零开始学(第2版)pdf
最新发布
12-26
《JSP Servlet Tomcat 应用开发从零开始学(第2版)》是一本关于使用 JSP、Servlet 和 Tomcat 进行应用开发的书籍，适合初学者从零开始学习。这本书详细介绍了如何搭建开发环境、编写基本的 JSP 页面和 Servlet、以及如何部署和运行应用程序。 对于初学者来说，这本书提供了清晰易懂的指导，包括了大量的示例代码帮助学习者快速上手。书中内容丰富，从简单的 Hello World 程序到复杂的数据处理和用户界面设计都有涉及。 学习 JSP、Servlet 和 Tomcat 应用开发对于想要进入 Java Web 开发领域的人来说是非常有用的。这本书从基础知识开始讲解，逐步引导读者进入更深层次的内容，帮助他们建立起坚实的知识基础。 对于想要系统地学习 JSP、Servlet 和 Tomcat 应用开发的人来说，这本书是一本很好的教材。它不仅涵盖了基础知识，还包括了一些实际项目中常见的技术和技巧，能够帮助读者全面了解这一领域的知识。 总之，《JSP Servlet Tomcat 应用开发从零开始学(第2版)》是一本适合初学者入门的好书，它能够帮助读者系统地学习 JSP、Servlet 和 Tomcat 应用开发的知识，让他们能够在实际项目中应用所学到的技能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

karshey

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

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

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

打赏作者

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

抵扣说明：

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

余额充值