1.教材P78-79 例4-9
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <% double price = 98.78; %> <p style="font-family: 宋体;font-style: 36;color: blue"> 商品编号A1001,价格8765 <a href="index1.jsp?id=A1001&price=8765">购买</a> 商品编号A1002,价格<%=price%> <a href="index1.jsp?id=A1002&price=<%=price%>">购买</a> </p> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <p style="font-family: 宋体;font-style: 36;color: blue"> <% String id = request.getParameter("id"); String price = request.getParameter("price"); %> <strong>商品编号:<%=id%><br> 商品价格:<%=price%> </strong> </p> </body> </html>
2.教材P97 实验2
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body bgcolor="#ffccff"> <form action="index1.jsp" method="post" name="form"> <p style="font-family: 宋体;font-size: 18; color: blue"> 输入运算数,选择运算符:<br> <input type="text" name="num1" size=6 /> <select name="oper"> <option selected="selected" value="+">加 <option value="-">减 <option value="*">乘 <option value="/">除 </select> <input type="text" name="num2" size=6 /> <input type="submit" value="提交"> </p> </form> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body bgcolor="cyan"> <p style="font-family: 宋体; font-size: 18;color: black;"> <% String num1 = request.getParameter("num1"); String num2 = request.getParameter("num2"); String oper = request.getParameter("oper"); if (num1 == null || num1.length() == 0) { response.sendRedirect("index.jsp"); return; } else if (num2 == null || num2.length() == 0) { response.sendRedirect("index.jsp"); return; } try { double a = Double.parseDouble(num1); double b = Double.parseDouble(num2); double x = 0; if (oper.equals("+")) { x = a + b; } else if (oper.equals("-")) { x = a - b; } else if (oper.equals("*")) { x = a * b; } else if (oper.equals("/")) { x = a / b; } out.print(a+""+oper+""+b+"="+x); } catch (Exception e) { out.print("请输入数字字符"); } %> </p> </body> </html>
3题和4题、
制作一个登陆表单,输入账号和密码,如果账号密码相同,跳转到“登录成功”页面,否则跳转到“登录失败”页面。(加上JS非空验证)(选做,加验证码)
在上题的表单中增加一个checkbox,让用户选择“是否注册为会员",如果注册为会员,则在显示时增加文本“欢迎您注册为会员”。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <script> function yz() { if (form.user.value == "") { alert("账号不能为空!"); return; } if (form.password.value == "") { alert("密码不能为空!"); return; } if (form.validationCode.value == "") { alert("验证码不能为空,请输入验证码"); form.validationCode.focus(); return; } if (form.validationCode.value != form.validationCode1.value) { alert("请输入正确的验证码"); form.validationCode.focus(); return; } form.submit(); } </script> <% int intmethod1 = (int) ((((Math.random()) * 5)) + 1); int intmethod2 = (int) ((((Math.random()) * 5)) + 1); int intmethod3 = (int) ((((Math.random()) * 5)) + 1); int intmethod4 = (int) ((((Math.random()) * 5)) + 1); String intsum = intmethod1 + "" + intmethod2 + intmethod3 + intmethod4; %> <form action="index3.jsp" method="post" name="form"> <table> <tr> <td>用户名:<input type="text" name="user" /> </td> </tr> <tr> <td>密码:<input type="password" name="password" /> </td> </tr> <tr> <td>验证码:<input type="text" name="validationCode" onKeyDown="if(event.keyCode==13){form.submit.focus();}" size="6"> <input type="button" name="validationCode1" size="1" value="<%=intsum%>"></td> </tr> <tr> <td>是否注册会员:<input type="radio" name="hy" value="是" />是 <input type="radio" name="hy" value="否" />否 </td> </tr> <tr> <td><input type="button" value="登录" onclick="yz()" /> </td> </tr> </table> </form> </body> </html> 复制代码 复制代码 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <h1>登录成功</h1> <% request.setCharacterEncoding("utf-8"); String hy=request.getParameter("hy"); if(hy.equals("是")){ out.print("欢迎您注册为会员"); } %> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <% request.setCharacterEncoding("utf-8");%> <h1> 登录失败</h1> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <% request.setCharacterEncoding("utf-8"); String user = request.getParameter("user") == null ? "" : request .getParameter("user"); String password = request.getParameter("password") == null ? "" : request.getParameter("password"); if (user.equals(password)) { request.getRequestDispatcher("index1.jsp").forward(request, response); } else { request.getRequestDispatcher("index2.jsp").forward(request, response); } %> </body> </html>
5.在页面1的表单内输人一个数字N,提交,能够在另一个页面打印N个“欢迎”字符串。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <form action="index1.jsp" method="post"> <input type="text" name="num" /> <input type="submit" value="提交" /> </form> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <% String string=request.getParameter("num"); int i=string==null? -1:Integer.parseInt(string); for(int j=0;j<i;j++){ out.print("欢迎"+"<br>"); } %> </body> </html>
6.在页面1中输入账号和密码,进行登录,如果账号和密码相同,则认为成功登录到页面2,在页面2中显示一个文本框输人用户姓名,输人之后提交,在页面3中显示用户的账号和姓名。(转发)request.getRequestDispacher.....forward
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <script> function yz() { if (form.zh.value == "") { alert("用户名不能为空!"); form.zh.focus(); return; } if (form.password.value == "") { alert('密码不能为空!'); form.password.focus(); return; } if(form.zh.value==form.password.value){ form.submit(); }else{ alert('登陆失败'); form.password.focus(); return; } } </script> <form action="index1.jsp" method="post" name="form"> <table> <tr> <td>账号</td> <td><input type="text" name="zh" /> </td> </tr> <tr> <td>密码</td> <td><input type="password" name="password" /> </td> </tr> <tr> <td><input type="button" value="登录" onclick="yz()" /> </td> </tr> </table> </form> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <% String zh=request.getParameter("zh"); %> <form action="index2.jsp" method="post"> <input type="text" name="name" /> <input type="submit" value="提交" /> <input type="hidden" name="zh" value="<%=zh %>"/> </form> </body> </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML > <html> <head> <title>My JSP 'index.jsp' starting page</title> </head> <body> <% request.setCharacterEncoding("utf-8"); String zh=request.getParameter("zh"); String name=request.getParameter("name"); out.print("用户姓名:"+name+"<br>"+"用户账号:"+zh); %> </body> </html>