jsp7
一、教材P78-79 例4-9
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 4 <html> 5 <head> 6 <title>index.jsp</title> 7 </head> 8 9 <body> 10 <%double price=2.5; %> 11 <p style="font-family:宋体;font-size: 25"> 12 商品编号A1001,单价:10<a href="goumai.jsp?id=A1001&price=10">购买</a><br/> 13 商品编号A1002,单价:<%=price %> 14 <a href="goumai.jsp?id=A1002&price=<%= price%>">购买</a> 15 </p> 16 </body> 17 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>goumai.jsp</title> </head> 6 7 <body> 8 <p style="font-family:宋体;font-size: 25"> 9 <% 10 String id=request.getParameter("id"); 11 String price=request.getParameter("price"); 12 %> 13 商品编号:<%=id %><br/> 14 商品单价:<%=price %><br/> 15 </p> 16 </body> 17 </html>
2.教材P97 实验2
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <html> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <form action="2.computer.jsp" method=post name=form> 8 <p style="font-family:宋体;font-size:18;color:blue"> 9 输入运算数,选择运算符号:<br> 10 <input type=text name="numberOne" size=6/> 11 <select name="operator"> 12 <option value="+">加 13 <option value="-">减 14 <option value="*">乘 15 <option value="/">除 16 </select> 17 <input type=text name="numberTwo" size=6/><br> 18 <input type="submit" name="submit" value="提交"/> 19 </form> 20 </p> 21 </body> 22 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <html> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <p style="font-family:宋体;font-size:18;color:black"> 8 <% 9 String numberOne=request.getParameter("numberOne"); 10 String numberTwo=request.getParameter("numberTwo"); 11 String operator=request.getParameter("operator"); 12 if(numberOne==null||numberOne.length()==0){ 13 response.sendRedirect("2.97.jsp"); 14 return; 15 }else if(numberTwo==null||numberTwo.length()==0){ 16 response.sendRedirect("2.97.jsp"); 17 return; 18 } 19 try{ 20 double a=Double.parseDouble(numberOne); 21 double b=Double.parseDouble(numberTwo); 22 double r=0; 23 if(operator.equals("+")) 24 r=a+b; 25 else if(operator.equals("-")) 26 r=a-b; 27 else if(operator.equals("*")) 28 r=a*b; 29 else if(operator.equals("/")) 30 r=a/b; 31 out.print(a+""+operator+""+b+"="+r); 32 } 33 catch(Exception e){ 34 out.print("请输入数字字符"); 35 } 36 %> 37 </p> 38 </body> 39 </html>
三、制作一个登陆表单,输入账号和密码,如果账号密码相同,跳转到“登录成功”页面,否则跳转到“登录失败”页面。(加上JS非空验证)(选做,加验证码)
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 4 <html> 5 <head> 6 <title>denglu.jsp</title> 7 </head> 8 9 <body> 10 <% 11 char shu[]={'0','1','2','3','4','5','6','7','8','9'}; 12 String ma=""; 13 for(int i=0;i<4;i++){ 14 ma=ma+shu[(int)(Math.random()*10)]; 15 } 16 %> 17 <form action="panduan.jsp" method="post" name="MyJsp"> 18 请输入账号: <input name="name" type="text"/><br/> 19 请输入密码: <input name="password" type="password"/><br/> 20 请输入验证码:<input name="number" type="text"/> 21 <input type="button" name="yanzhengma" value="<%=ma%>"/> 22 <input type="hidden" name="yanzhengma" value="<%=ma%>"/><br/> 23 <input type="button" value="登录" onclick="denglu()"/> 24 <script type="text/javascript"> 25 function denglu(){ 26 if(MyJsp.name.value==""){ 27 alert("账号不能为空!"); 28 return; 29 } 30 if(MyJsp.password.value==""){ 31 alert("密码不能为空!"); 32 return; 33 } 34 if(MyJsp.number.value==""){ 35 alert("验证码不能为空!"); 36 return; 37 } 38 MyJsp.submit(); 39 } 40 </script> 41 </form> 42 </body> 43 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>panduan.jsp</title> 6 </head> 7 8 <body> 9 <% 10 request.setCharacterEncoding("utf-8"); 11 String name=request.getParameter("name"); 12 String password=request.getParameter("password"); 13 String number=request.getParameter("number"); 14 String yanzhengma=request.getParameter("yanzhengma"); 15 if(name.equals(password)&&number.equals(yanzhengma)){ 16 request.getRequestDispatcher("ok.jsp").forward(request, response); 17 }else{ 18 request.getRequestDispatcher("no.jsp").forward(request, response); 19 } 20 %> 21 </body> 22 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>ok.jsp</title> 6 </head> 7 <body> 8 <h3>登陆成功!</h3> 9 </body> 10 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>no.jsp</title> 6 </head> 7 <body> 8 <h3>登陆失败!</h3> 9 </body> 10 </html>
4.在上题的表单中增加一个checkbox,让用户选择“是否注册为会员",如果注册为会员,则在显示时增加文本“欢迎您注册为会员
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 function validate(){ 7 if(loginForm.uname.value==""&&loginForm.password.value==""){ 8 alert("账号和密码都不能为空!"); 9 return; 10 } 11 if(loginForm.uname.value==""){ 12 alert("账号不能为空!"); 13 return; 14 } 15 if(loginForm.password.value==""){ 16 alert("密码不能为空!"); 17 return; 18 } 19 loginForm.submit(); 20 } 21 </script> 22 </head> 23 <body> 24 <form name="loginForm" action="3.test.jsp" method="post"> 25 账号:<input type="text" name="uname"><br> 26 密码:<input type="password" name="password"><br> 27 验证码:<input type="text" name="yanzheng"><br> 28 输入下图中的字符,不区分大小写<br> 29 <img src="image/35452.png"> <br> 30 是否注册会员 31 <input type="checkbox" name="huiyuan" value="yes">是 32 <input type="checkbox" name="huiyuan" value="no">否<br> 33 <input type="button" value="登录" onClick="validate()"> 34 </form> 35 </body> 36 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <html> 3 <head> 4 <title>登录成功</title> 5 </head> 6 <body> 7 <p style="font-family:宋体;font-size:25;color:blue">登录成功</p> 8 <% 9 String huiyuan=request.getParameter("huiyuan"); 10 if(huiyuan.equals("yes")) 11 out.print("欢迎您成为会员!"); 12 %> 13 </body> 14 </html>
五、在页面1的表单内输人一个数字N,提交,能够在另一个页面打印N个“欢迎”字符串。
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>N1.jsp</title> 6 </head> 7 8 <body> 9 <form action="N2.jsp" method="post"> 10 请输入数字:<input type="text" name="number"/><br/> 11 <input type="submit" name="ok" value="提交"/> 12 </form> 13 </body> 14 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>N2.jsp</title> 6 </head> 7 8 <body> 9 <% 10 String number=request.getParameter("number"); 11 try{ 12 double a=Double.parseDouble(number); 13 for(int i=0;i<=a;i++){ 14 out.print("欢迎!"+"<br/>"); 15 } 16 }catch(NumberFormatException e){ 17 out.print("请输入数字字符"); 18 } 19 %> 20 </body> 21 </html>
6.在页面1中输入账号和密码,进行登录,如果账号和密码相同,则认为成功登录到页面2,在页面2中显示一个文本框输人用户姓名,输人之后提交,在页面3中显示用户的账号和姓名。(转发)request.getRequestDispacher.....forward
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 <base href="<%=basePath%>"> 11 12 <title></title> 13 14 </head> 15 16 <body> 17 <form action="two.jsp" method="post"> 18 <p> 19 <span>账号:</span> 20 <input type="text" name="account" > 21 </p> 22 <p> 23 <span>密码:</span> 24 <input type="password" name="pwd" > 25 </p> 26 <p> 27 <input type="submit" value="提交"> 28 <input type="reset" value="重置"> 29 </p> 30 </form> 31 32 </body> 33 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 <base href="<%=basePath%>"> 11 12 <title></title> 13 14 15 </head> 16 17 <body> 18 <% 19 //设置编码 20 request.setCharacterEncoding("UTF-8"); 21 //获取数据 22 String account=request.getParameter("account"); 23 String pwd=request.getParameter("pwd"); 24 //判断账号,密码是否相同 25 if(account.equals("admin")&&pwd.equals("admin")){ 26 request.getRequestDispatcher("three.jsp").forward(request,response); 27 }else{ 28 response.sendRedirect("text.jsp"); 29 } 30 %> 31 </body> 32 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 <base href="<%=basePath%>"> 11 12 <title></title> 13 14 15 </head> 16 17 <body> 18 <form action="four.jsp" method="post" name="three"> 19 请输入姓名:<input type="text" name="name"><br> 20 <input id="hidden_account" type="hidden" 21 value="<%=request.getParameter("account")%>" /> 22 <input type="submit" value="提交" onclick="doClick()"> 23 </form> 24 <script type="text/javascript"> 25 function doClick() { 26 document.forms[0].action = "four.jsp?account=" 27 + document.getElementById("hidden_account").value; 28 document.forms[0].submit(); 29 } 30 </script> 31 </body> 32 </html>
1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 <base href="<%=basePath%>"> 11 12 <title></title> 13 14 </head> 15 16 <body> 17 <% 18 //设置编码 19 request.setCharacterEncoding("UTF-8"); 20 response.setCharacterEncoding("UTF-8"); 21 //获取数据 22 String name=request.getParameter("name"); 23 %> 24 用户的姓名:<%=name %><br> 25 用户的账号:<%= request.getParameter("account") %> 26 </body> 27 </html>