JSP脚本元素、指令元素、动作元素

超、凢脫俗 2022-07-16 05:24 322阅读 0赞

一、JSP脚本元素

*  1、声明(declaration)
 *  2、表达式(express)
 *  3、脚本(Scriplets)

“声明”用的少，一般是用“表达式”和“脚本”。  
1、声明(declaration)：用于在JSP 中声明合法的变量和方法

语法：

<%! 代码内容 %>

举例：

![复制代码][copycode.gif]

<%!
        //JSP声明片段: 注意，不建议在JSP页面上定义变量或方法,只是不建议定义
        int i = 10;
        String name = "smyhvae";
        public void printName(){
            System.out.println(name);
        }
       
    %>

![复制代码][copycode.gif]

2、表达式(expression)：计算该表达式，将其结果转换成字符串插入到输出中

语法：

＜%= 表达式 %＞

举例：

Current time: ＜%= new java.util.Date() %＞

运行后，网页显示效果如下：

![241309454027729.png][]

3、脚本(Scriplets)：位于<%和%>之间的代码，它是合法的Java代码

语法：

<% 程序代码，一行或多行 %>

举例：

<%
     for (int i=0;i<10,i++) {
    … …
    }
    •%>

二、JSP指令元素

*  1、page 指令
 *  2、include 指令
 *  3、taglib 指令

1、page 指令:page 指令指明与JSP容器的沟通方式

page 指令里的常用属性如下：

<%@ page

language=“Java”

import=“importList”     导入java类库（唯一可以重复使用的属性，其他属性最多只能使用一次）

contentType=“contentTyepInfo”   内容的类型

session=“true|false”

isThreadSafe=“true|false”    是否线程安全，默认为true

info=“infoText”

errorPage=“errorPageUrl”     指定错误页面：如果发生异常，则会跳到这个错误页面

isErrorPage=“true|false”     指定当前这个页面是否为错误页面。如果其他的页面发生错误，就会调到这里来。

注意：只有import属性可以重复使用，如果重复使用，则必须出现在命令的第一行。

新建的jsp文件中，第一句话就用到了page命令：

![241310456217099.png][]

2、include指令：

include指令是在JSP页面被转换成Servlet之前将指定的文件包含进来。这种特性允许你创建可重用的导航栏、联系人信息部分、页面计数等。(重复利用的理解：比如说，可能有多页面都需要用到某个标题页面，就可以把这个公共的标题页面使用include指令包含进来，然后在其他的页面中直接导入标题页面就行了)

格式：

<%@include file="fileURL"%>

过程：在JSP程序的转换时期先把file属性设定的文件包含进来，然后开始执行转换及编译的工作。

举例：

新建一个title.jsp文件：（红框部分是我添加的代码）

![241311509963094.png][]

继续新建一个content.jsp文件：（红框部分是我添加的代码）

![241312109026678.png][]

上方的核心代码是第10行：导入了title.jsp这个标题文件。运行后，效果如下：

![241312331992334.png][]

注意：include只能是静态包含，只能包含静态的资源，编译后形成一个文件。其实，title.jsp和content.jsp合起来只形成一个.java文件，最后编译为一个.class文件。如下图所示：

![241313267931095.png][]

3、taglib 指令：

用于导入标签库，至于标签库的概念，后面将会讲到，暂时略过。

三、JSP动作元素

主要包含以下部分：

*  <jsp: include>
 *  <jsp: param>/<jsp: params>
 *  <jsp: forward>
 *  <jsp: useBean>
 *  <jsp: setProperty>和<jsp:getProperty>

1、<jsp: include>：在用户请求时包含文件（动态包含）

过程：包含和被包含的文件各自编译，当用户请求页面时，才动态地包含其它文件

举例：

新建include.jsp文件，作为被包含的内容：（红框部分是我添加的代码）

[![e08f76cb-aa4c-472a-bf99-d449276af900\[6\]][e08f76cb-aa4c-472a-bf99-d449276af900_6]][e08f76cb-aa4c-472a-bf99-d449276af900_6_e08f76cb-aa4c-472a-bf99-d449276af900_6]

新建index.jsp文件，作为主界面：（红框部分是我添加的代码）

[![3c30226d-a74e-44f4-86a3-6ca358af2ee5\[6\]][3c30226d-a74e-44f4-86a3-6ca358af2ee5_6]][3c30226d-a74e-44f4-86a3-6ca358af2ee5_6_3c30226d-a74e-44f4-86a3-6ca358af2ee5_6]

上方第12行中， flush="true"表示页面可以实时刷新。

运行后，效果如下：

[![e4a7aba9-6ab9-4853-9995-15b44b94982f\[6\]][e4a7aba9-6ab9-4853-9995-15b44b94982f_6]][e4a7aba9-6ab9-4853-9995-15b44b94982f_6_e4a7aba9-6ab9-4853-9995-15b44b94982f_6]

Include指令和Include动作的比较:

*  指令执行速度相对较快，灵活性较差（只编译一个文件，但是一旦有一个文件发生变化，两个文件都要重新编译）
 *  动作执行速度相对较慢，灵活性较高

在使用时，如果是静态页面，则使用Include指令；如果是动态页面，则使用Include动作。

2、<jsp: param>/<jsp: params> 传递参数

该动作元素不能单独使用，可以配合include标签使用。现在来看一下页面是如何给被包含的页面传递参数的。

举例：

在上面的index.jsp代码中进一步添加：

![复制代码][copycode.gif]

第13行是进一步添加的，意思是往其他的页面传递参数name。其中键为name，值为smyhvae。

紧接着在上面的include.jsp代码中进一步添加：

![复制代码][copycode.gif]

15、16行是进一步添加的。表示获取index.jsp页面中传递过来的参数name。

运行后，效果如下：

[![6f3fecc8-0276-4d65-b75c-0c641d2e7eed\[8\]][6f3fecc8-0276-4d65-b75c-0c641d2e7eed_8]][6f3fecc8-0276-4d65-b75c-0c641d2e7eed_8_6f3fecc8-0276-4d65-b75c-0c641d2e7eed_8]

3、<jsp: forward>     转发用户请求

作用：服务器端的跳转（转发带请求的数据，URL地址不变）

举例：工程文件结构如下：

[![092c0bf3-82c9-4c34-a8da-6bbfab1e6405\[6\]][092c0bf3-82c9-4c34-a8da-6bbfab1e6405_6]][092c0bf3-82c9-4c34-a8da-6bbfab1e6405_6_092c0bf3-82c9-4c34-a8da-6bbfab1e6405_6]

其中，index.jsp负责发送数据，receive.jsp负责转发数据，forward.jsp负责接收数据。

index.jsp代码如下：

![复制代码][copycode.gif]

14行的submit表示提交表单。 12行的action表示动作，意思是说，要将这个表单提交给receive.jsp页面。

receive.jsp代码如下：（核心代码是第10行，表示转发给forward.jsp页面）

![复制代码][copycode.gif]

forward.jsp代码如下：

![复制代码][copycode.gif]

运行后，效果如下：

[![f44a8603-cd56-471a-806e-9a5300e1f0e0\[6\]][f44a8603-cd56-471a-806e-9a5300e1f0e0_6]][f44a8603-cd56-471a-806e-9a5300e1f0e0_6_f44a8603-cd56-471a-806e-9a5300e1f0e0_6]

我们在上方的输入框中输入文本，点击“提交”按钮，跳到如下界面：（注意看url）

[![b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24\[6\]][b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24_6]][b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24_6_b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24_6]

4、<jsp: useBean>   创建一个Bean实例并指定它的名字和作用范围

JavaBean：简单说，它就是一个Java类，这个类可以重复地使用。

它必须遵循以下规定：

*  是一个公有类。
 *  具有一个公有的不带参数构造方法。
 *  每个属性必须定义一组getXXX()和setXXX()方法， 以便读取和存储其属性值。

符合上述规定的JavaBean，将拥有：事件处理、自省机制、永续储存等特性。

5、<jsp: setProperty ···/>和<jsp: getProperty ···/>

*  <jsp: setProperty>：设置Bean的属性值
 *  <jsp: getProperty>：获取Bean的属性值，用于显示在页面中

举例：新建Test03工程。工程结构如下：（这里将讲到如何在jsp文件中获取java文件中类的属性值）

![241320414652298.png][]

新建Java文件：创建一个Person类，放入两个参数

![复制代码][copycode.gif]

1 package com.vae.bean;
     2 
     3 public class Person {
     4     private String name;
     5     private int age;
     6     
     7 
     8     public void setName(String name) {
     9         this.name = name;
    10     }    
    11     public void setAge(int age) {
    12         this.age = age;
    13     }
    14     
    15     public String getName() {
    16         return name;
    17     }
    18     public int getAge() {
    19         return age;
    20     }
    21 
    22     @Override
    23     public String toString() {
    24         return "Person [name=" + name + ", age=" + age + "]";
    25     }
    26     
    27     
    28     
    29 }

![复制代码][copycode.gif]

新建index.jsp文件：

![复制代码][copycode.gif]

1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     4 <html>
     5 <head>
     6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     7 <title>Insert title here</title>
     8 </head>
     9 <body>
    10     <h2>方式一：useBean动作元素（不推荐）</h2>
    11     <%--创建对象 调用默认的构造方法，要求类必须有默认的构造方法--%>
    12     <jsp:useBean id="person" class="com.vae.bean.Person">
    13     </jsp:useBean>
    14     <%--设置 对象的属性值--%>
    15     <jsp:setProperty property="name" name="person" value="生命壹号" />
    16     <jsp:setProperty property="age" name="person" value="22" />
    17     <%--获取对象的属性值 --%>
    18     <jsp:getProperty property="name" name="person" />
    19     <jsp:getProperty property="age" name="person" />
    20 
    21     <h2>方式二：采用片段的方式，即插入Java代码（推荐使用）</h2>
    22     <%
    23         com.vae.bean.Person p = new com.vae.bean.Person();
    24         p.setName("生命贰号");
    25         p.setAge(22);
    26         p.getName();
    27         p.getAge();
    28     %>
    29 </body>
    30 </html>

![复制代码][copycode.gif]

上面的方式一就是我们所需要举的例子。

12行：id指的是实例化的对象，class就是Java类。这一行相当于 Person person = new Person();

15行：name是对象，property是属性，value是属性的值。

方式一相当于在jsp文件中创建一个类，只不过是以标签的形式，然后进一步通过getProperty获得类中的属性值（18、19行）。此方法不是很常用，我们可以采用方式二：片段的方式，即插入Java代码来实现（21至28行）。

运行效果如下：

[![df1cf0e9-6841-4159-b427-5160d49a065b\[6\]][df1cf0e9-6841-4159-b427-5160d49a065b_6]][df1cf0e9-6841-4159-b427-5160d49a065b_6_df1cf0e9-6841-4159-b427-5160d49a065b_6]

关于JSP的进一步学习，将在以后讲到。

[copycode.gif]: /images/20220716/86654c728b3a410190246a66a2c530ee.png
[241309454027729.png]: /images/20220716/dbc4c3e2c39f421cba2076e975dc0266.png
[241310456217099.png]: /images/20220716/e465046eeb834fc09d91fb420e185ae7.png
[241311509963094.png]: /images/20220716/2a764959b596499d87081176c2aa69a8.png
[241312109026678.png]: /images/20220716/11b5d2067bbe409fbafba2d342e7e5ef.png
[241312331992334.png]: /images/20220716/2e8b9aa9fd4641c78e2a100d39352349.png
[241313267931095.png]: /images/20220716/2572d04f671b45268f8d62d86eadb748.png
[e08f76cb-aa4c-472a-bf99-d449276af900_6]: http://images.cnitblog.com/blog/641601/201410/241300325744655.png
[e08f76cb-aa4c-472a-bf99-d449276af900_6_e08f76cb-aa4c-472a-bf99-d449276af900_6]: /images/20220716/741b1e57f1824e7c8e4b61c3bca4d099.png
[3c30226d-a74e-44f4-86a3-6ca358af2ee5_6]: http://images.cnitblog.com/blog/641601/201410/241300354182654.png
[3c30226d-a74e-44f4-86a3-6ca358af2ee5_6_3c30226d-a74e-44f4-86a3-6ca358af2ee5_6]: /images/20220716/805e974af90848b18043725231d59e9d.png
[e4a7aba9-6ab9-4853-9995-15b44b94982f_6]: http://images.cnitblog.com/blog/641601/201410/241300366216952.png
[e4a7aba9-6ab9-4853-9995-15b44b94982f_6_e4a7aba9-6ab9-4853-9995-15b44b94982f_6]: /images/20220716/a7f2f041fce3484a8cfaa497ddfaa7d1.png
[6f3fecc8-0276-4d65-b75c-0c641d2e7eed_8]: http://images.cnitblog.com/blog/641601/201410/241300389498807.png
[6f3fecc8-0276-4d65-b75c-0c641d2e7eed_8_6f3fecc8-0276-4d65-b75c-0c641d2e7eed_8]: /images/20220716/468ff685c0af4cfbb4bc206965f8d11a.png
[092c0bf3-82c9-4c34-a8da-6bbfab1e6405_6]: http://images.cnitblog.com/blog/641601/201410/241300406689249.png
[092c0bf3-82c9-4c34-a8da-6bbfab1e6405_6_092c0bf3-82c9-4c34-a8da-6bbfab1e6405_6]: /images/20220716/0c01395899b84831bc7b21c0da139bce.png
[f44a8603-cd56-471a-806e-9a5300e1f0e0_6]: http://images.cnitblog.com/blog/641601/201410/241300427302419.png
[f44a8603-cd56-471a-806e-9a5300e1f0e0_6_f44a8603-cd56-471a-806e-9a5300e1f0e0_6]: /images/20220716/7eb2713261fd4519915a5d8ca169f9a9.png
[b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24_6]: http://images.cnitblog.com/blog/641601/201410/241300450435746.png
[b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24_6_b5d02de5-82d7-4e9e-9aa1-0dbf85bb3c24_6]: /images/20220716/2a33a9d05b964ce8b9df5c7dfc503714.png
[241320414652298.png]: /images/20220716/2e2a73154f50488bb457dc212b679931.png
[df1cf0e9-6841-4159-b427-5160d49a065b_6]: http://images.cnitblog.com/blog/641601/201410/241300467937945.png
[df1cf0e9-6841-4159-b427-5160d49a065b_6_df1cf0e9-6841-4159-b427-5160d49a065b_6]: /images/20220716/41fdbb6975a541c78f9ae3724282cc34.png