Web实验三 Web组件重用与JavaBeans

端履门没有门

于 2022-05-16 18:42:43 发布

阅读量554

点赞数

分类专栏： Java-web开发文章标签：前端 java java-ee

本文链接：https://blog.csdn.net/weixin_52719502/article/details/124804904

版权

Java-web开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、实验预习内容

1.静态include指令何时执行？主页面和被包含的子页面是否转换为一个转换单元？同一个转换单元的页面之间如何共享数据？

答：答：静态包含是在JSP页面转换阶段将另一个文件的内容包含到当前JSP页面中。静态include指令与主页面同时执行；主页面和被包含的子页面是转换为一个转换单元；同一个转换单元的页面之间通过request作用于共享。

2.jsp:include动作指令何时执行？主页面和被包含的子页面是否转换为一个转换单元？动作包含的子页面与主页面共享同一个请求吗？在不同的转换单元中如何进行数据的传递和共享？

答：jsp:include动作指令与main.jsp页面分别编译执行；主页面和被包含的子页面是转换为一个转换单元；动作包含的子页面与主页面共享同一个请求。

3.jsp:forward动作与jsp:include动作有什么相同点和不同点？与jsp:forward动作等价的其他两种写法如何表示？

答：转发到的页面处理完后并不将控制转回主页面。
<% RequestDispatcher view=request.getRequestDispatcher(? other.jsp? ) ;
View.forward(request,response) ;%>
< % pageContext.forward(? other.jsp? ) ;%>

4.什么是JavaBean

答：JavaBeans是Java平台的组件技术，在Java Web开发中常用JavaBeans来存放数据、封装业务逻辑等，从而很好地实现业务逻辑和表示逻辑的分离，使系统具有更好的健壮性和灵活性。

5.访问JavaBean的三个JSP动作中jsp:useBean动作的常用属性有哪些？这些属性各有什么作用？

答：useBean动作的常用属性有：id属性：用来唯一标识一个bean实例。scope属性：指定bean实例的作用域。class属性：指定创建bean实例的java类。type属性：指定由id属性声明的变量的类型。session属性: 你可以在同一次会话的任意一个页面使用该JavaBean对象，该JavaBean对象在整个会话期间一直存在。使用jsp:useBean/创建JavaBean对象的
页面的<%＠page %>指令元素的session属性值必须设置为true。

二.实验内容及要求

1.include静态指令的使用。

创建名称为exp03的Web项目，编写hello.jsp页面，其中声明一个变量userName，用于获取请求地址后查询串参数userName的值；使用<%@ include>静态指令包含response.jsp页面，通过response.jsp页面显示userName的值，用下面两种方法实现。执行代码并查看运行结果。
方法一：response.jsp页面中通过JSP表达式直接输出变量userName的值。
在这里插入图片描述

方法二：通过pageContext作用域属性，在主页面和子页面间共享userName的值，降低主页面和子页面的依赖性。
在这里插入图片描述
效果如下:

2. jsp:include动作指令的使用。

写main.jsp页面，其中声明一个变量userName，用于获取请求地址后查询串参数userName的值；在main.jsp页面中使用jsp:include动作包含subpage.jsp页面，通过subpage.jsp页面显示userName的值；执行代码并查看运行结果。
Main.jsp:

在这里插入图片描述

Subpage.jsp:
在这里插入图片描述

3. jsp:useBean、jsp:setProperty、jsp:getProperty动作的使用

从HTML页面login.html中输入用户名和口令等，然后提交给display. jsp页面，在该页面中通过JavaBeans保存数据并输出。
【步骤1】创建UserBean.java，包含username, password, email三个私有数据成员和相应的访问器和设置器。

public class UserBean {
    private String username;
    private String password;
    private String email;
    public UserBean(){
    }
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
    }
    public String getEmail() {
        return email;
    }
    public void setEmail(String email) {
        this.email = email;
    }
    public UserBean(String username,String password,String email){
        this.username=username;
        this.password=password;
        this.email=email;
    }
}

【步骤2】编写登录页面login.html，部分代码如下，补充关键代码：

<html>
<body>
Please input:<br>
<form action="display.jsp" method="post">
UserName:<input type="text" name="username"><br>
Password:<input type="password" name="password"><br>
Email:<input type="text"name="email"><br>
<input type="submit" value="提交">
</form>
</body>
</html>

【步骤3】编写display.jsp页面，使用JavaBeans显示输入的信息，部分代码如下，补充关键代码：

<%@ page import="com.beans.UserBean" %>
   <jsp:useBean id="user" class= "UserBean"> 
     <jsp:setProperty name="user" property="*"/>       
</jsp:useBean>    
<html>
<body>
   UserName:<jsp:getProperty name="user" property="username"/>                                      <br>
   Password:<jsp:getProperty name="user" property="password"/>                                      <br>
   Email:<jsp:getProperty name="user" property="email"/>                                          <br>
</body>
</html>

在这里插入图片描述

4. 使用JavaBean构造一个简单的计算器，能够进行“+、—、*、/”运算。

【步骤1】编写实现简单计算器的JavaBean：SimpleCalculator.java，包含first、second、operator、result四个成员变量和相应的访问器与设置器，一个calculator方法根据运算符获取运算结果。

public class SimpleCalculator {
    private float first;
    private float second;
    private String operator;
    private float result;

    public float getFirst() {
        return first;
    }

    public void setFirst(float first) {
        this.first = first;
    }

    public float getSecond() {
        return second;
    }

    public void setSecond(float second) {
        this.second = second;
    }

    public String getOperator() {
        return operator;
    }

    public void setOperator(String operator) {
        this.operator = operator;
    }

    public float getResult() {
        return result;
    }

    public void setResult(float result) {
        this.result = result;
    }

    public float calculate(float first,float second,String operator){
        switch (operator){
            case "+":result=first+second;break;
            case "-":result=first-second;break;
            case "*":result=first*second;break;
            case "/":result=first/second;break;
            default:break;
        }
        return result;
    }
    public SimpleCalculator(float first,float second,String operator,float result){
        this.first=first;
        this.second=second;
        this.operator=operator;
        this.result=result;
    }
}

【步骤2】编写calculate.jsp页面，用户通过表单输入两个操作数和运算符，调用该页面自身处理该表单，通过调用SimpleCalculator类的实例实现运算逻辑，并显示运算结果。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="cal" class= "beans.SimpleCalculator" >
    <jsp:setProperty name="cal" property="*"/>
</jsp:useBean>
<!DOCTYPE html>
<html>
<head>
    <title>calculate</title>
</head>
<body>
<form action="calculate.jsp" method="post">
    <input type="text" name="first">
    <select name="operate">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="text" name="second">=
    <%
        try{
            float first= cal.getFirst();
            float second= cal.getSecond();
            String op = cal.getOperator();
            float result= cal.calculate(first,second,op);
            out.print(result);
        }catch (Exception e){
            e.printStackTrace();
        }
    %>
    <br>
    <input type="submit" value="提交">
</form>
</body>
</html>