web第一次作业

本文介绍了如何在JSP中使用Java进行表单数据的接收和处理,包括input.jsp和output.jsp的代码片段,以及index.jsp中的登录验证示例,展示了字符集设置对正确显示中文字符的重要性。
摘要由CSDN通过智能技术生成

(1)代码

  • input.jsp
    在这里插入图片描述
  • output.jsp
    请添加图片描述

输入input.jsp

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
    <head>
        <title>JSP - Input</title>
    </head>
    <body>
        <form action="output.jsp" method="post">
            <ul style="list-style: none; line-height: 30px">
                <li>姓名: <input type="text" name="name" /><br></li>
                <li>性别:
                    <input name="sex" type="radio" value="男" /> 男
                    <input name="sex" type="radio" value="女" /> 女
                </li>
                <li>爱好:
                    <input name="like" type="checkbox" value="篮球" /> 篮球
                    <input name="like" type="checkbox" value="旅游" /> 旅游
                    <input name="like" type="checkbox" value="音乐" /> 音乐
                    <input name="like" type="checkbox" value="摄影" /> 摄影
                </li>
                <li>E-mail: <input type="text" name="E-mail" /><br></li>
                <li>
                    <input type="submit" value="提交" />
                    <input type="reset" value="全部重写" />
                </li>
            </ul>
        </form>
    </body>
</html>

输出output.jsp

<%@ page import="java.nio.charset.StandardCharsets" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Output</title>
</head>
<body>
    <ul style="list-style: none; line-height: 30px">
        <li>姓名:
            <%=new String(request.getParameter("name").getBytes("ISO8859_1"),"UTF-8")%>
        </li>
        <li>性别:
            <%=new String(request.getParameter("sex").getBytes("ISO8859_1"),"UTF-8")%>
        </li>
        <li>爱好:
            <%
                String[] like = request.getParameterValues("like");
                for(int i=0;i<like.length;i++){
            %>
            <%= new String(like[i].getBytes("ISO8859_1"),"UTF-8") + "&nbsp;&nbsp;" %>
            <%  }
            %>
        </li>
        <li>E-mail:
            <%=new String(request.getParameter("E-mail").getBytes("ISO8859_1"),"UTF-8")%>
        </li>
    </ul>
</body>
</html>
  1. 运行input.jsp有如下界面:
    请添加图片描述

  2. 输入内容:
    请添加图片描述

  3. 点击提交按钮:

请添加图片描述

注:

  • charset的值都要设置为“UTF-8”,否则汉字无法正常显示,出现乱码;

    请添加图片描述

  • 运行会报错,但不影响效果。

    请添加图片描述

(2)代码

请添加图片描述

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String str = request.getParameter("username");
    String pwd = request.getParameter("pwd");
    if(null != str){
        if(str.equals("tom") && pwd.equals("123")){
            out.println("您好,tom!");
        }else{
            out.println("您输入的账号密码有误,请重新输入!");
        }
    }
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>登录界面</title>
    </head>
    <body>
        <form action="index.jsp" method="post">
            账号:<input type="text" name="username"/> <br>
            密码:<input type="password" name="pwd"/> <br>
            <input type="submit" value="登录" />
        </form>
    </body>
</html>
  1. 运行index.jsp

请添加图片描述

  1. 输入内容:

    • 账号:tom
    • 密码:123

请添加图片描述

  1. 点击登录按钮

    请添加图片描述

  2. 输入其他内容

    账号:wxw

    密码:123456
    请添加图片描述

    1. 点击登录按钮
      请添加图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值