Web应用开发: JSP语法编程实践(三) JavaBean编程实践

一、实验内容

1、JavaBean的熟练使用

(1)创建一个猜数字a.jsp页面,提供数字输入控件;

(2)数字猜测完成后提交请求到b.jsp;

(3)在b.jsp中使用一个JavaBean获取并判断输入的数字是否和已随机生成的数字一致,并给出猜测结果。

2、JavaBean的熟练使用

(1)创建一个学生注册页面register.jsp,并提交注册请求到view.jsp;

(2)在view.jsp中使用一个JavaBean获取并显示注册信息。

二、实验代码

实验一:

思路:a.jsp为表单,逻辑判断放在JavaBean中,利用boolean值返回,b.jsp用来获取JavaBean的内容并且显示结果
注意:后期改进可以直接使用生成的随机数来做竞猜结果,这样会更有意思

//a.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数字竞猜</title>
</head>
<body>

<form name="form" action="b.jsp" method="get">
        <table>
            <tr>
                <td>输入一个数字:</td>
                <td><input type="text" name="num" /></td>
            </tr>
            <tr>
            
                <td colspan="2"><input type="submit" value="竞猜" /></td>
            </tr>
        </table>
 </form>
 
</body>
</html>
//b.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
您竞猜的数字:<%=request.getParameter("num") %><br>
<jsp:useBean id="NumBean" class="com.topus.javabean.NumBean" scope="page"/>
<!-- 利用jsp:setProperty设置 -->
<jsp:setProperty property="num" name="NumBean" value="24"/>
<%
	int numin = Integer.parseInt(request.getParameter("num"));//表单传过来的数据(用户猜测的数字)
	/* 利用java代码直接设置 */
	//NumBean.setNum(24);//人为设置的正确答案
	boolean isSame = NumBean.getIfThesame(numin);//两者比较
%>

<!-- 利用jsp:getProperty设置 -->
<h2>正确答案:<jsp:getProperty property="num" name="NumBean"/></h2>
<!-- 利用java代码直接设置 -->
<%-- <h2>正确答案:<%=NumBean.getNum()%></h2> --%>
<h2>你的结果:<%=isSame%></h2>
<br>
</body>
</html>
//NumBean.java
package com.topus.javabean;

/*JavaBean是一个遵循特定写法的Java类,它通常具有如下特点:
这个Java类必须具有一个无参的构造函数
属性必须私有化。
私有化的属性必须通过public类型的方法暴露给其它程序,并且方法的命名也必须遵守一定的命名规范。*/

public class NumBean {
	private int num;
	private boolean thesame;
	
	
	public void setNum(int num) {
		this.num = num;
	}
	
	public int getNum() {
		return num;
	}
	
	public boolean isThesame() {
         return thesame;
    }
		 
	public void setMarried(boolean thesame) {
		  this.thesame = thesame;
	}
	
	public boolean getIfThesame(int numin){
		if(numin == this.getNum()) {
		return true;
		}else {return false;}
		
	}
	
}

JavaBean的熟练使用一

JavaBean的熟练使用一

JavaBean的熟练使用一

JavaBean的熟练使用一

实验二:
思路:同样地,register.jsp用表单实现注册页面,view.jsp用来联系javabean以及显示结果,StudentBean用做数据模型和业务逻辑
注意:request的字符编码格式

//register.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生注册页面</title>
</head>
<body>
<%
		// 设置请求编码方式,防止中文乱码问题
		request.setCharacterEncoding("utf-8");
%>

<h2 align="center">学生注册页面</h2>
	<form action="view.jsp" method="post">
		<table border="1" width="50%" align="center">
			<tr>
				<td>姓名:</td>
				<td><input type="text" name="username"></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="password" name="password"></td>
			</tr>
			
			<tr>
				<td>性别:</td>
				<td><input type="radio" name="sex" checked="checked" value="男">男
					<input type="radio" name="sex" value="女">女</td>
			</tr>
			<tr>
				<td>年龄:</td>
				<td><input type="text" name="age"></td>
			</tr>
			<tr>
				<td>邮箱:</td>
				<td><input type="text" name="email"></td>
			</tr>
			<tr>
				<td colspan="2" align="center"><input type="submit" value="提交"></td>
			</tr>
		</table>
	</form>

</body>
</html>
//view.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息</title>
</head>
<body>

<%
		// 设置请求编码方式,防止中文乱码问题
		request.setCharacterEncoding("utf-8");
%>
<!-- 实例化JavaBean,使用请求参数为对象属性赋值 -->
	<jsp:useBean id="StudentBean" class="com.topus.student.StudentBean" scope="session"/>
	
	<!-- property="*"代表bean的所有属性-->
	<jsp:setProperty property="*" name="StudentBean" />
	
	
	<h2 align="center">用户注册信息确认</h2>
	<form action="c.jsp" method="post">
		<table border="1" width="50%" align="center">
			<tr>
				<td>姓名:</td>
				<td><jsp:getProperty property="username" name="StudentBean" /></td>
			</tr>
			<tr>
				<td>密 码:</td>
				<td><jsp:getProperty property="password" name="StudentBean" /></td>
			</tr>
			<tr>
				<td>性别:</td>
				<td><jsp:getProperty property="sex" name="StudentBean" /></td>
			</tr>
			<tr>
				<td>年龄:</td>
				<td><jsp:getProperty property="age" name="StudentBean" /></td>
			</tr>
			<tr>
			<tr>
				<td>邮箱:</td>
				<td><jsp:getProperty property="email" name="StudentBean" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center"><input type="submit"
					value="确认"></td>
			</tr>
		</table>
	</form>

</body>
</html>
//StudentBean.java
package com.topus.student;


public class StudentBean {
	private String username;

	private String password;
	
	private String email;

	private char sex;

	private int age;
	
	
	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 char getSex() {
		return sex;
	}

	public void setSex(char sex) {
		this.sex = sex;
	}

	public int getAge() {
		return age;
	}

	public void setAge(int age) {
		this.age = age;
	}
	
	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

}

JavaBean的熟练使用二

JavaBean的熟练使用二

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值