JavaWeb系列十二: 服务器端渲染技术(JSP) 上

已于 2024-06-28 10:42:47 修改
阅读量1.1k 收藏 25
点赞数 21
分类专栏： JavaWeb 文章标签： java 开发语言
于 2024-06-24 10:39:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18817831/article/details/139918858
版权

跟着韩老师学java

在这里插入图片描述

JAVA_EE_api_中英文对照版

e

  1. JSP全称是Java Server Pages, 即Java的服务器页面, 就是服务器端渲染技术
  2. JSP这门技术的最大的特点是, 写JSP就像在写HTML
  3. 相比html而言, html只能为用户提供静态数据, 而JSP(Java Server Pages)技术允许在页面中嵌套java代码, 为用户提供动态数据
  4. 相比Servlet而言, Servlet很难对数据进行排版, 而JSP(Java Server Pages)除了可以用java代码产生动态数据的同时, 也很容易对数据进行排版
  5. JSP技术基于Servlet, 可以理解成就是Servlet

JSP快速入门

新建javaweb项目,可以参考👉

1.新建java项目

在这里插入图片描述

2.引入web框架

在这里插入图片描述

3 新建lib目录->导入servlet-api.jar, jsp-api.jar

在这里插入图片描述

4.在web工程路径下新建sum.jsp

在这里插入图片描述

5.配置Tomcat

在这里插入图片描述

6.运行结果

在这里插入图片描述
在这里插入图片描述

7.注意事项和细节
jsp->(java server pages) 页面不能像HTML页面, 直接用浏览器运行, 只能是浏览器通过Tomcat来访问jsp页面

8.如何设置jsp模板
在这里插入图片描述

<%--
  Created by IntelliJ IDEA.
  User: 赵志伟
  Version: 1.0
 --%>

在这里插入图片描述

JSP(Java Server Pages)运行原理

1.jsp(java server pages)页面本质是一个Servlet程序(本质就是java程序).

2.第1次访问jsp(java server pages)页面的时候, Tomcat服务器会把jsp页面解析成一个java源文件, 并且对它编译为.class字节码程序. 参考sum.jsp对应的sum_jsp.java和sum_jsp.class文件

(1)sum_jsp.java是sum.jsp对应的servlet;
(2)sum_jsp.class是对应的字节码文件;
(3)这两个文件在tomcat启动时的Using CATALINA_BASE: 目录下

在这里插入图片描述
比如:C:\Users\97896\AppData\Local\JetBrains\IntelliJIdea2022.3\tomcat\934373ca-74e2-42fa-87e8-55ee0332e30c\work\Catalina\localhost\jsp\org\apache\jsp
在这里插入图片描述

在这里插入图片描述

要想查看HttpJspBase的类图关系, 要引入jasper.jar包
在这里插入图片描述

总结:
1.sum.jsp->sum_jsp.java
2.sum_jsp 继承 HttpJspBase
3.HttpJspBase 继承了 HttpServlet
4.结论: sum.jsp本质就是servlet
5.因为sum_jsp 类还继承了 HttpJspBase, 所以就有更强的功能

page指令介绍

<%@ page contentType=“text/html; charset=utf-8” languange=“java” %>

  1. language表示jsp翻译后是什么语言文件, 但是只支持java, 其它的不支持
  2. contentType表示jsp返回的数据类型, 对应源码中response.setContentType()的参数值
  3. pageEncoding属性 表示当前jsp页面文件本身的字符集
  4. import属性跟java源码中的一样, 用于导包, 导类

JSP脚本

声明脚本

  1. 声明脚本的格式: <%! 声明java代码 %>
  2. 作用: 定义jsp需要的属性, 方法, 静态代码块和内部类…
    在这里插入图片描述
    对应的statement_jsp 类
    在这里插入图片描述

表达式脚本

  1. 表达式脚本的格式是: <%=表达式%>
  2. 表达式脚本的作用是: 在jsp(java server pages)页面上输出数据
  3. 脚本中的表达式不能以分号结束
    在这里插入图片描述
    在这里插入图片描述

java代码脚本

  1. 代码脚本的语法是: <% java代码 %>
  2. 代码脚本的作用是: 可以在jsp页面中(用java)编写我们需要的功能
  3. 可以由多个代码脚本块组合完成一个完整的java语句
  4. 代码脚本还可以和表达式脚本一起组合使用, 在jsp(java server pages)页面上输出数据
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.zzw.entity.Monster" %><%--
  Created by IntelliJ IDEA.
  User: 赵志伟
  Version: 1.0
 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>代码脚本</title>
</head>
<body>
<h1>演示代码脚本</h1>
<%
    //创建ArrayList, 存放Monster对象
    ArrayList<Monster> monsters = new ArrayList<>();
    monsters.add(new Monster("铁扇公主", 3000, "芭蕉扇"));
    monsters.add(new Monster("白骨精", 2000, "魅惑"));
%>
<table border="1px">
    <tr>
        <th>编号</th>
        <th>名字</th>
        <th>年龄</th>
        <th>技能</th>
    </tr>
    <%
        for (int i = 0; i < monsters.size(); i++) {
            Monster monster = monsters.get(i);
    %>
    <tr>
        <td><%=i+1%></td>
        <td><%=monster.getName()%></td>
        <td><%=monster.getAge()%></td>
        <td><%=monster.getKill()%></td>
    </tr>
    <%
        }
    %>
</table>
</body>
</html>

对应的javacode_jsp 类
在这里插入图片描述

jsp注释

在这里插入图片描述

jsp九大内置对象

  1. JSP内置对象(即已经创建好的对象, 直接使用 英文名-inbuild), 是指Tomcat在翻译jsp页面成为Servlet后, 内部提供的九大对象, 叫内置对象
  2. 内置对象, 可以直接使用, 不需要手动定义
  1. out 向客户端输出数据 out.println(“”);
    在这里插入图片描述
    在这里插入图片描述
  2. request 客户端的http请求
    在这里插入图片描述
    在这里插入图片描述
  1. response 响应对象
    在这里插入图片描述
    在这里插入图片描述
  2. session 会话对象
    在这里插入图片描述
    在这里插入图片描述
  3. application 对应ServletContext
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  4. pageContext (jsp独有) jsp页面的上下文, 是一个域对象, 可以setAttribute(), 作用范围只是本页面
    在这里插入图片描述
    在这里插入图片描述
  5. exception异常对象, 使用比较少(jsp独有) getMessage()
  6. page对象(jsp独有) 代表jsp这个实例本身在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  7. config 对应ServletConfig在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

JSP四大域对象

  1. pageContext(域对象, 存放的数据只能在当前页面使用)
    在这里插入图片描述
  2. request(域对象, 存放的数据在一次request请求中有效, 数据和request对象绑定)
    在这里插入图片描述
  3. session(域对象, 存放的数据在一次会话中有效)
    在这里插入图片描述
  4. application(域对象, 存放的数据在整个web应用运行期间有效, 范围更大)
    在这里插入图片描述

域对象实例

  1. 请求转发
    在这里插入图片描述
    在这里插入图片描述
  2. 重定向
    在这里插入图片描述
    在这里插入图片描述
  3. 打开一个新的浏览器定位scope2.jsp
    在这里插入图片描述

注意事项

  1. 域对象是可以向Map一样存取数据的对象. 四个域对象功能一样, 不同的是它们对数据的存储范围
  2. 从存储范围(作用域范围看) pageContext < request < session < application

JSP请求转发标签

在这里插入图片描述

作业布置

calServlet

tips:

  1. Java中, 整数运算除数为0会抛异常;
  2. 浮点类型的除法运算除数为0会得到Infinity, 表示无限大, 运算并不会抛异常, 判断一个数是否是无限大, 用Double.isInfinite();
  3. 如果在浮点类型的除法运算中, 被除数和除数都为0, 会得到NaN, 即非数字, NaN不等于任何值, 要判断是否是NaN, 用Double.isNaN()
public class CalServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String num1 = request.getParameter("num1");
        String num2 = request.getParameter("num2");
        String oper = request.getParameter("oper");
        String regStr = "^[+-]?([1-9]\\d*|0)$";
        if (Pattern.matches(regStr, num1) && Pattern.matches(regStr, num2)) {
            double num_1 = WebUtils.parseDouble(num1, 0);
            double num_2 = WebUtils.parseDouble(num2, 0);
            double result = 0;
            request.setAttribute("oper", oper);
            if ("+".equals(oper)) {
                result = num_1 + num_2;
            } else if ("-".equals(oper)) {
                result = num_1 - num_2;
            } else if ("*".equals(oper)) {
                result = num_1 * num_2;
            } else if ("/".equals(oper)) {
                result = num_1 / num_2;
                if (Double.isInfinite(result)) {
                    request.setAttribute("num2Error", "除数不能为零");
                    request.getRequestDispatcher("/cal/cal.jsp").forward(request, response);
                } else if (Double.isNaN(result)) {
                    request.setAttribute("num1Error", "被除数不能为零");
                    request.setAttribute("num2Error", "除数不能为零");
                    request.getRequestDispatcher("/cal/cal.jsp").forward(request, response);
                }
            }
            //String.format:格式化字符串
            String format = String.format("%s %s %s = %s", num1, oper, num2, result);
            request.setAttribute("result", format);
            System.out.println(format);
            request.getRequestDispatcher("/cal/result.jsp").forward(request, response);
        } else {
            request.setAttribute("error", "数据格式不正确");
            request.getRequestDispatcher("/cal/cal.jsp").forward(request, response);
        }
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

cal.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = application.getContextPath();%>
<html>
<head>
    <title>计算页面</title>
    <script type="text/javascript">
        function register() {
            var num1 = document.getElementById("num1").value;
            var num2 = document.getElementById("num2").value;
            var regStr = /^[+-]?([1-9]\d*|0)$/;
            if (!regStr.test(num1)) {
                var span_1 = document.getElementById("span_1");
                span_1.hidden = false;
                return false;
            }
            if (!regStr.test(num2)) {
                alert("num2数字错误");
                return false;
            }
            return true;
        };
        if (<%=request.getAttribute("error") != null%>) {
            alert("<%=request.getAttribute("error")%>");
        }
        window.onload = function () {
            if (<%=request.getAttribute("num2Error") != null%>) {
                var span_2 = document.getElementById("span_2");
                span_2.hidden = false;
            }
            if (<%=request.getAttribute("num1Error") != null%>) {
                var span_1 = document.getElementById("span_1");
                span_1.hidden = false;
            }
        }
    </script>
</head>
<body>
<form action="<%=path%>/calServlet" onsubmit="return register()">
    num1: <input type="text" id="num1" name="num1"><span id="span_1" hidden>num1错误:<%=request.getAttribute("num1Error")%></span><br/>
    num2: <input type="text" id="num2" name="num2"><span id="span_2" hidden>num2错误:<%=request.getAttribute("num2Error")%></span><br/>
    运算符号: <select name="oper">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select><br/>
    <input type="submit" value="提交计算"/>
</form>
</body>
</html>

result.jsp
在这里插入图片描述

~ 小团子
关注
  • 21
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Javaweb留言管理系统 Jsp留言毕业设计 论文+源码+sql脚本 完整源码
01-13
在IT行业中，Web开发是一项核心技能，而JSP（JavaServer Pages）是Java平台上的一个重要技术，常用于构建动态网站。本篇文章将详细探讨一个基于JSP的JavaWeb留言管理系统，包括其设计理念、主要功能、技术架构以及...
基于ssm+jsp+Javaweb的网上花店系统.zip
04-05
综上所述，这个"基于ssm+jsp+Javaweb的网上花店系统"是一个完整的Web应用，融合了Spring、SpringMVC、MyBatis等技术，实现了花卉在线购买的功能。通过对这些技术的熟练运用，开发者能够构建出高效、稳定的电商系统。
JavaWeb系列十三: 服务器端渲染技术(JSP) 下
你好, 我在学java的博客
06-24 695
JavaWeb系列十三: 服务器端渲染技术(JSP) 下
JavaWeb系列一: HTML
你好, 我在学java的博客
03-01 1103
html入门
服务器渲染技术jsp
Al_tair的博客
05-27 712
服务器渲染技术服务器渲染技术JSP基本介绍运行原理常用指令和标签常用脚本JSP 注释JSP 内置对象JSP 域对象pageContextrequestsessionapplication代码示例EL 表达式概述常用输出形式运算操作empty运算内置对象JSTL概述核心标签库 大家好呀，我是小笙，我和大家分享下我学习Javaweb的笔记 服务器渲染技术 JSP基本介绍 JSP 全称是 Java Server Pages，Java 的服务器页面,jsp 本质也是实现了Servlet接口 相比 html 而
javaweb-18：JSP原理剖析
工一木子
10-12 125
8、JSP 8.1、什么是JSP Java Server Pages:Java服务器端页面，也和Servlet一样，用于动态web技术 最大的特点： 写JSP就像在写HTML 区别： HTML只给用户提供静态的数据 JSP页面中可以嵌入Java代码，为用户提供动态数据 8.2、JSP原理 思路：JSP到底怎么执行的？ 代码层面没有任何问题 服务器内部工作 tomcat中有一个work目录 idea中使用tomcat的会在idea的tomcat中生成一个work目录 我电脑的地址： C:\
stu_javaweb_java_jsp_
10-03
【标题】"stu_javaweb_java_jsp_...总的来说，"stu_javaweb_java_jsp_"项目是一个典型的JavaWeb实践案例，涵盖了服务器端编程、数据库操作、用户界面设计等多个核心知识点，对于学习和理解JavaWeb开发具有很高的价值。
WebTem_javaweb_jspmysql_学生选课mysql_选课系统_jsp_
10-01
1. **JSP（JavaServer Pages）**：JSP是一种服务器端脚本语言，用于生成动态网页内容。开发者可以在HTML页面中嵌入Java代码，实现动态数据的渲染。JSP页面经过编译后会转换为Servlet执行。 2. **Servlet**：Servlet...
javaweb+jsp
07-15
JavaWeb技术是构建基于Java平台的Web应用程序的一种方式，它结合了Servlet、JSP（JavaServer Pages）和JavaBean等核心组件，为开发者提供了强大的后端处理能力。在这个项目中，“javaweb+jsp”指的是利用JavaWeb技术...
java Object 转 Integer
servepeople的博客
07-09 208
在 Java 中，可以通过多种方法将一个Object转换为Integer。
已解决 javax.xml.transform.TransformerFactoryConfigurationError 异常的正确解决方法，亲测有效！！！
小明的Java问道之路
07-08 980
已解决 javax.xml.transform.TransformerFactoryConfigurationError 异常的正确解决方法，亲测有效！！！
AI技术的转变：从辨别式到生成式
学IT，找陈寒
07-09 669
李彦宏在2024世界人工智能大会上的发言，提醒我们在AI技术发展的道路上，不要盲目追求技术本身或表面的用户数据，而应更多地关注技术的实际应用和产业价值。在大模型技术与个性化应用之间找到平衡，将是未来发展的关键。作为AI从业者和技术爱好者，我们应以务实的态度，探索AI技术在各个领域的实际应用，为产业发展和社会进步贡献力量。通过李彦宏的发言，我深刻认识到AI技术发展的方向和挑战，也更加坚定了自己在这一领域继续探索和创新的信心。未来，愿我们共同努力，推动AI技术更好地服务于社会和产业，为人类创造更美好的未来。
java中 使用数组实现需求小案例（二）
最新发布
qq_44304677的博客
07-09 85
java小案例，数组需求实现，使用Random函数实现用户输入随机数生成一个打乱的数组
ShardingSphere
Casual_Lei的博客
07-04 696
ShardingSphere 通过提供数据分片、分布式事务、数据加密和读写分离等功能，帮助开发者轻松构建高性能、高可用的分布式数据库系统。其灵活的架构设计和丰富的功能模块，使其成为现代分布式数据库中间件的优秀选择。
图片压缩代码和实际操作页面
英雄汉孑的博客
07-05 957
轻盈视界，高清依旧 —— 智能图片压缩，大容量，小体积，精彩不打折
返回值处理器器【Spring源码学习】
weixin_44794897的博客
07-05 283
定义返回值类型处理器的组合；测试使用的controller测试方法。
学习mybatis
weixin_45621552的博客
07-08 448
【代码】学习mybatis。
基于springboot的工作绩效管理系统的设计与实现+文档
欧阳小白闯天涯
07-05 697
本毕业设计旨在设计与实现基于Spring Boot的工作绩效管理系统，以满足现代企业对绩效管理的需求。随着企业规模的不断扩大和竞争日益激烈，高效的绩效管理成为提升企业竞争力的重要手段。本系统将利用Spring Boot框架搭建，结合MySQL数据库和MyBatis持久层框架，以及Thymeleaf模板引擎，为企业提供全面的绩效管理解决方案。系统功能包括员工和管理员两个角色。员工可通过系统进行绩效管理、工资管理、统计分析、请假管理以及公告管理等操作，从而提升工作效率和满足个人需求。
2023年JavaWeb学习笔记.docx
11-05
熟悉项目目录结构有助于组织代码，而掌握Servlet的工作原理则能让开发者编写响应客户端请求的服务器端逻辑。在实际开发过程中，开发者还需要学习如何配置web.xml文件、使用JSP进行页面渲染、处理表单提交以及与...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

~ 小团子

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

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

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

打赏作者

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

抵扣说明：

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

余额充值