(Java Web开发技术与实战项目)第二章 JSP数据交互(一)

最新推荐文章于 2024-07-26 17:04:37 发布

JiangMye

最新推荐文章于 2024-07-26 17:04:37 发布

阅读量1.3k

点赞数

本文链接：https://blog.youkuaiyun.com/JiangMye/article/details/82142996

版权

本文通过四个实例介绍Java Web开发中JSP的数据交互应用：实现用户登录展示管理员信息、创建复选框选择交通工具、显示图片及嵌入文字、用JSP生成并传递随机数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,使用JSP实现用户登录，登陆后显示管理员信息

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录页面</title>
</head>
<body>
<form action="zuoye1-1.jsp"method="post"name="form">
<div align="center">
<h3>管理员登录</h3>
登录名：<input type="text"name="a"><br>
密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="text"name="b"><br>
<input type="submit" name=submit value="登录">
</div>
</form>
</body>
</html>


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理员登录验证</title>
</head>
<body>
<%
String name=request.getParameter("a");
String pass=request.getParameter("b");
if("admin".equals(name)&&"123".equals(pass)){
	request.getRequestDispatcher("zuoye1-2.jsp").forward(request, response);
}else{
	response.sendRedirect("zuoye1-3.jsp");
}
%>
</body>
</html>



<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户信息</title>
<style type="text/css">
div{
  border: 1px solid red;
  width: 152px
}
td{
  border: 1px solid red;
}
</style>
</head>
<body>
<h2>管理员信息</h2>
<div>
<table>
<tr>
<td>姓名</td>
<td>阿猫</td>
</tr>
<tr>
<td>性别</td>
<td>男</td>
</tr>
<tr>
<td>身高</td>
<td>226cm</td>
</tr>
<tr>
<td>身份</td>
<td>管理员</td>
</tr>
<tr>
<td>兴趣爱好</td>
<td>编程，删帖</td>
</tr>
</table>
</div>
</body>
</html>



<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>错误显示</title>
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
%>
<%out.print("用户名或密码错误");%>
</body>
</html>

2,编写一个复选框，选择交通工具，然后显示所有选择项

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>交通工具</title>
</head>
<body>
<form action="zuoye2-1.jsp" method="post">
<h3>请选择您平常出行常乘坐的交通工具</h3>
<input type="checkbox" name="bass" value="汽车">汽车
<input type="checkbox" name="bass" value="单车">单车
<input type="checkbox" name="bass" value="飞机">飞机<br>
<input type="checkbox" name="bass" value="火车">火车
<input type="checkbox" name="bass" value="轮船">轮船<br>
<input type="submit"name="submit"value="提交">
</form>
</body>
</html>



<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>出行工具显示</title>
</head>
<body>
<%
     request.setCharacterEncoding("UTF-8");
     String[]basses=request.getParameterValues("bass");
%>
<h3>您的安全出行：</h3>
<%
for(String bass:basses){
	out.print(bass+",");
}
 %>
</body>
</html>

3,创建一个jsp显示图片，然后在创建一个jsp，嵌入第一个jsp并在下方输出文字

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body><center>
<img alt="陈冠希" src="images/1.jpg">
</center></body>
</html>




<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="zuoye3.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body><center style="color: red">
<%out.print("欢迎来到冠希世界！！！"); %>
</center>
</body>
</html>

4，编写一个jsp产生一个0~9随机数字，保存到会话中，并重定向到另一个页面，显示随机数字

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>幸运号码</title>
</head>
<body>
<%
   int random=(int)(Math.random()*9);
   session.setAttribute("rom", random);
   int random1=(int)session.getAttribute("rom");
   response.sendRedirect("zuoye4-1.jsp?random="+random1);
%>
<input type="submit"name="submit"value="点击抽奖">
</body>
</html>




<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>号码显示</title>
<style type="text/css">
span{
color: white;
border-radius: 60px;
border: 1px solid red;
background: red;


}
</style>
</head>
<body>
<%
String random=request.getParameter("random");
%>
你的幸运号码是：<span><%=random%></span>
</body>
</html>