web学习更新中（完成第一、二、三、四次课后练习）

香飘飘的优乐美

已于 2024-04-25 16:16:43 修改

阅读量167

点赞数 2

文章标签： web

于 2024-04-08 22:54:09 首次发布

本文链接：https://blog.csdn.net/2201_76133250/article/details/137527147

版权

第一次课后练习

1、下载软件，并安装JDK,TOMCAT，IDEA

2、学会用记事本编写jsp文件，并放进tomcat的相关目录下，运行。

3、学会在IDEA编辑器中新建java web项目，并配置tomcat，运行jsp页面。

4、自学IDEA的各种使用技巧。

01-IDEA的下载与安装-2023-3-6 14:55:03_哔哩哔哩_bilibili

5、JSP编程练习：

（1）用JSP实现用户获取用户输入的操作。（仿教材例5-5）

input.jsp

<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>input</title>
</head>
<body>
<form action="show.jsp" method="post">
    <table style="border: 1px solid rgb(192,192,192)">
        <caption>用户输入</caption>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">姓名：</td>
            <td style="border: 1px solid rgb(192,192,192)"><input type="text" name="name"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">性别：</td>
            <td style="border: 1px solid rgb(192,192,192)">
                <input type="radio" name="sex" value="男">男
                <input type="radio" name="sex" value="女">女</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">爱好：</td>
            <td style="border: 1px solid rgb(192,192,192)">
                <input type="checkbox" name="like" value="篮球">篮球
                <input type="checkbox" name="like" value="旅游">旅游
                <input type="checkbox" name="like" value="音乐">音乐
                <input type="checkbox" name="like" value="摄影">摄影</td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">E-mail:</td>
            <td style="border: 1px solid rgb(192,192,192)"><input type="text" name="email"></td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)"></td>
            <td style="border: 1px solid rgb(192,192,192)"><input type="submit" value="submit"><input type="reset" value="全部重写"></td>
        </tr>
    </table>
</form>
</body>
</html>

output.jsp

<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>output</title>
</head>

<body>
<form method="post">
    <table style="border: 1px solid rgb(192,192,192)">
        <caption>用户输入的信息</caption>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)" width=80px>姓名：</td>
            <td style="border: 1px solid rgb(192,192,192)" width=200px>
                <%=new String(request.getParameter("name").getBytes("ISO8859_1"),"UTF-8")%>
            </td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">性别：</td>
            <td style="border: 1px solid rgb(192,192,192)">
                <%=new String(request.getParameter("sex").getBytes("ISO8859_1"),"UTF-8")%>
            </td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">爱好：</td>
            <td style="border: 1px solid rgb(192,192,192)">
                <%
                    String[] like = request.getParameterValues("like");
                    for (int i = 0; i < like.length; i++) {
                %>
                <%=new String(like[i].getBytes("ISO8859_1"),"UTF-8")+"&nbsp;&nbsp;"%>
                <%}
                %>
            </td>
        </tr>
        <tr>
            <td style="border: 1px solid rgb(192,192,192)">E-mail:</td>
            <td style="border: 1px solid rgb(192,192,192)">
                <%=new String(request.getParameter("email").getBytes("ISO8859_1"),"UTF-8")%>
            </td>
        </tr>
    </table>
</form>
</body>
</html>

（2）用JSP实现用户登录验证的功能。

~~如果用户输入正确的账号密码，则提示问候语句；如果用户输入错误的账号密码，则提示账号密码有误。

用户登录
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<%
    String str = request.getParameter("username");
    String pwd = request.getParameter("pwd");
    if(null!=str){
        if(str.equals("Eazin")&&pwd.equals("94204")){
            out.print("您好，Eazin!");
        }else{
            out.print("您输入的账号密码有误，请重新输入！");
        }
    }
%>
<head>
    <title>Login</title>
</head>
<body>
<form action="UserLoginTest.jsp" method="post">
    账号：<input type="text" name="username"><br>
    密码：<input type="password" name="pwd"><br>
    <input type="submit" value="登录">
</form>
</body>
</html>