第七周作业
1.教材P78-79 例4-9
example4_9.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <% double price = 98.78; %> <p style ="font-family:宋体;font-size:36;color:blue"> 商品编号A1001,价格8765 <a href ="example4_9_receive.jsp?id=A1001&price=8765">购买</a><br> 商品编号A1002,价格<%=price%> <a href ="example4_9_receive.jsp?id=A1001&price=<%=price %>">购买</a> </p> </body> </html>
example4_9.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <% double price = 98.78; %> <p style ="font-family:宋体;font-size:36;color:blue"> 商品编号A1001,价格8765 <a href ="example4_9_receive.jsp?id=A1001&price=8765">购买</a><br> 商品编号A1002,价格<%=price%> <a href ="example4_9_receive.jsp?id=A1001&price=<%=price %>">购买</a> </p> </body> </html>
2.教材P97 实验2
input.jsp: <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <form action="computer.jsp" method=post name=form> <p style="font-family:宋体;font-size:18;color:blue"> 输入运算数,选择运算符号:<br> <input type=text name="numberOne" size=6/> <select name="operator"> <option selected="selected" value="+">加 <option value="-">减 <option value="*">乘 <option value="/">除 </select> <input type=text name="numberTwo"size=6/> <br><input type="submit" name="submit" value="提交"/> </form>> </body> </html>
computer.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <p style="font-family=宋体;font-size:18;color:black"> <% String numberOne=request.getParameter("numberOne"); String numberTwo=request.getParameter("numberTwo"); String operator=request.getParameter("operator"); if(numberOne == null||numberOne.length()==0){ response.sendRedirect("input.jsp"); return; } else if(numberTwo ==null||numberTwo.length()==0){ response.sendRedirect("input.jsp"); return; } try{ double a=Double.parseDouble(numberOne); double b=Double.parseDouble(numberTwo); double r=0; if(operator.equals("+")) r=a+b; else if(operator.equals("-")) r=a-b; else if(operator.equals("*")) r=a*b; else if(operator.equals("/")) r=a/b; out.print(a+""+operator+""+b+"="+r); } catch(Exception e){ out.println("请输入字符"); } %> </body> </html>
3.制作一个登陆表单,输入账号和密码,如果账号密码相同,跳转到“登录成功”页面,否则跳转到“登录失败”页面。(加上JS非空验证)(选做,加验证码)
login.jsp: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>登录页面</title> </head> <body> <script type="text/javascript"> function validate(){ if(loginForm.uname.value==""){ alert("账号不能为空!"); return; } if(loginForm.upwd.value==""){ alert("密码不能为空!"); return; } loginForm.submit(); } </script> <form name="loginForm" action="dologin.jsp" method="post"> 用户名:<input type="text" name="uname" ><br> <br>密码: <input type="password" name="upwd" > <br><input type="button" value="登录" onClick="validate()"> <input type="reset" value="重置"> </form> </body> </html> dologin.jsp: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% request.setCharacterEncoding("utf-8"); String uname = request.getParameter("uname"); String upwd = request.getParameter("upwd"); if (uname.equals("admin") && upwd.equals("admin")) //跳转Ok页面 request.getRequestDispatcher("ok.jsp").forward(request, response); else //跳转no页面 request.getRequestDispatcher("no.jsp").forward(request, response); %>
ok.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>登录成功页面</title> </head> <body> <h1>登陆成功!!</h1> </body> </html> no.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>登录失败页面</title> </head> <body> <h1>登陆失败!!</h1> </body> </html>
4.在上题的表单中增加一个checkbox,让用户选择“是否注册为会员",如果注册为会员,则在显示时增加文本“欢迎您注册为会员”。
login.jsp: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>登录页面</title> </head> <body> <script type="text/javascript"> function validate(){ if(loginForm.uname.value==""){ alert("账号不能为空!"); return; } if(loginForm.upwd.value==""){ alert("密码不能为空!"); return; } loginForm.submit(); } </script> <form name="loginForm" action="dologin.jsp" method="post"> 用户名:<input type="text" name="uname" ><br> <br>密码: <input type="password" name="upwd" ><br> <br> 是否注册会员: <input type="checkbox" name="yes" value="1"/>注册 <input type="checkbox" name="yes" value="2"/>不注册<br> <br><input type="button" value="登录" onClick="validate()"> <input type="reset" value="重置"> </form> </body> </html> ok.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>登录成功页面</title> </head> <body> <h1>登陆成功!!</h1> <% String []yes=request.getParameterValues("yes"); for(int i=0;i<yes.length;i++){ if(yes[i].equals("1")){ out.print("注册为会员"); } } %> </body> </html>
5.在页面1的表单内输人一个数字N,提交,能够在另一个页面打印N个“欢迎”字符串。
New.File.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <form action="NewFile1.jsp" name="logindo"> 请输入数字: <input type="text" name="number" size=6><br> <input type="submit" value="提交" /> </form> </body> </html> New.File1.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <% String number = request.getParameter("number"); int n = Integer.parseInt(number); for (int i = 0; i < n; i++) { out.print("欢迎" + "</br>"); } %> </body> </html>
6.在页面1中输入账号和密码,进行登录,如果账号和密码相同,则认为成功登录到页面2,在页面2中显示一个文本框输人用户姓名,输人之后提交,在页面3中显示用户的账号和姓名。(转发)request.getRequestDispacher.....forward
login.jsp: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>登录页面</title> </head> <body> <script type="text/javascript"> function login() { if (logindo.admin.value == "") { alter("账号不能为空"); return; } else if (logindo.password.value == "") { alter("密码不能为空"); return; } logindo.submit(); } </script> <form action="dologin.jsp" name="logindo"> 账号: <input type="text" name="admin" size=6><br> 密码: <input type="password" name="password" size=6><br> <br><input type="button" value="登录" onclick="login()" /> </form> </body> </html> dologin.jsp: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String admin = request.getParameter("admin"); String password = request.getParameter("password"); if (admin.equals(password)) { request.getRequestDispatcher("ok.jsp").forward(request, response); } else { response.sendRedirect("no.jsp"); } %> %> ok.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>登录成功页面</title> </head> <body> <h1>登陆成功!!</h1> <% String admin = request.getParameter("admin"); %> <form action="NewFile2.jsp"> 用户名:<input type="text" name="uname"> <input type="submit"value="提交"> <input name="admin" type="hidden" value="<%= admin %>"> </form> </body> </html> New.File2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>???????</title> </head> <body> <% String admin = request.getParameter("admin"); String uname = request.getParameter("uname"); out.print("账号:"+admin+"</br>"+"用户名称:"+uname); %> </body> </html> no.jsp: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>登录失败页面</title> </head> <body> <h1>登陆失败!!</h1> </body> </html>