一、相关功能和步骤

1.编写jsp注册页面(zc.jsp),用户从表格中输入,使用合适的jsp内置对象来处理注册页面访问的次数(每访问一次注册页面次数+1),界面如下:

 

2.当注册信息填写完后,点击提交按钮,页面跳转到注册成功页面(zc_succ.jsp),在注册成功页面中显示之前用户填写的注册信息,效果如下:

二、效果展示

!!!:jsp页面是放在webapp文件夹下的,不是webapp文件夹下的WEB-INF里面;如果放在WEB-INF里面页面会加载不出来。

 

 

三、jsp注册页面代码(zc.jsp)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>注册页面</title>
</head>
<body>
<form action="zc_succ.jsp" method="post" name="myform">
<table>
<caption>请输入注册信息:</caption>	<%--标题 --%>
<tr>
	<td>用户姓名:</td>
	<td><input type="text" name="name" ></td>
</tr>
<tr>
	<td>密码:</td>
	<td><input type="password"name="password"></td>
</tr>
<tr>
	<td>性别:</td>		
	<td><input type="radio" name="sex" value="男" checked>男
	<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="phonenumber"></td>
</tr>
<tr>
	<td>喜欢的食物:	</td>	
	<td>
	<input type="checkbox" name="hobby" value="提瓦特煎蛋">提瓦特煎蛋
	<input type="checkbox" name="hobby" value="蒙德烤鱼">蒙德烤鱼
	<input type="checkbox" name="hobby" value="满足沙拉">满足沙拉
	<input type="checkbox" name="hobby" value="仙跳墙">仙跳墙
	</td>
</tr>
<tr>
	<td><input type="submit" value="提交" />
	<input type="reset" value="重置"></td>
</tr>
</table>

<%-- //刷新后更新访问次数 --%>
<%! int i = 0; %>
<% i++; %>
<% out.print("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"); %>
当前页面被访问的次数为:<%=i%>

</form>
</body>
</html>

四、jsp注册成功页面代码(zc_succ.jsp)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>注册成功界面</title>
</head>
<body>
 <% request.setCharacterEncoding("UTF-8"); %>
 用户姓名:<%=request.getParameter("name")%><br>	
 密码:<%=request.getParameter("password")%><br>
 性别:<%=request.getParameter("sex")%><br>
 年龄:<%=request.getParameter("age")%><br>
 电话:<%=request.getParameter("phonenumber")%><br>
 爱好:
 <%
//获取喜欢的食物
  String arr[]=  request.getParameterValues("hobby");
  for(int i=0;i<arr.length;i++){
  out.println(arr[i]+",");
 }
%>
</body>
</html>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐