Web应用技术第一次作业

最新推荐文章于 2024-07-18 15:48:23 发布

哦哦好的我知道了

最新推荐文章于 2024-07-18 15:48:23 发布

阅读量437

点赞数 4

文章标签：前端 java 开发语言

本文链接：https://blog.csdn.net/cyxdekongjian/article/details/137564362

版权

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

在这里插入图片描述

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

编写九九乘法表文件，放进ROOT文件中，运行
在这里插入图片描述

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

在这里插入图片描述

编写九九乘法表文件，执行
在这里插入图片描述

在url后添加1.jsp，回车
在这里插入图片描述

四、自学IDEA的各种使用技巧

五、JSP编程练习

（1）用JSP实现用户获取用户输入的操作

运行代码如下：

input.jsp

<%--
  Created by IntelliJ IDEA.
  User: cyx
  Date: 2024/4/8
  Time: 15:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<form action="output.jsp" method="post">
    <table border="1" width="500" cellspacing="0">
        <tr>
            <td>姓名:</td>
            <td><input name="name" type="text"></td>
        </tr>

        <tr>
            <td>性别:</td>
            <td>
                <input name="gender" type="radio" value="男" id="male">
                <label for="male">男</label>
                <input name="gender" type="radio" value="女" id="female">
                <label for="female">女</label>
            </td>
        </tr>

        <tr>
            <td>爱好：</td>
            <td>
                <input name="hobby" type="checkbox" value="篮球">篮球
                <input name="hobby" type="checkbox" value="旅游">旅游
                <input name="hobby" type="checkbox" value="音乐">音乐
                <input name="hobby" type="checkbox" value="摄影">摄影
            </td>
        </tr>

        <tr>
            <td>E-mail:</td>
            <td>
                <input name="mail" type="email">
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <input type="submit" value="Submit">
                <input type="reset" value="全部重写">
            </td>
        </tr>
    </table>
</form>


</body>
</html>

output.jsp

<%--
  Created by IntelliJ IDEA.
  User: cyx
  Date: 2024/4/8
  Time: 15:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<table border="1">

    <tr>
        <td>姓名</td>
        <td><%=new String(request.getParameter("name").getBytes("ISO8859_1"),"UTF-8")%></td>
    </tr>

    <tr>
        <td>性别</td>
        <td><%=new String(request.getParameter("gender").getBytes("ISO8859_1"),"UTF-8")%></td>
    </tr>

    <tr>
        <td>爱好</td>
        <td>
            <%
                String[] like = request.getParameterValues("hobby");
                for(int i=0;i<like.length;i++){
            %>
            <%=new String(like[i].getBytes("ISO8859_1"),"UTF-8")+"&nbsp;&nbsp;"%>
            <%
                }
            %>
        </td>
    </tr>

    <tr>
        <td>E-mail:</td>
        <td><%=new String(request.getParameter("mail").getBytes("ISO8859_1"),"UTF-8")%></td>
    </tr>

</table>
</body>
</html>

运行成功后，出现以下画面
在这里插入图片描述

输入数据，点击“submit”后，输出结果；点击“全部重写”后返回原页面
在这里插入图片描述

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

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

运行代码如下：

log.jsp

<%--
  Created by IntelliJ IDEA.
  User: cyx
  Date: 2024/4/8
  Time: 19:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    String str=request.getParameter("username");
    String password=request.getParameter("password");
    if(null!=str)
    {
        if(str.equals("tom")&&password.equals("123"))
        {
            out.println("您好，tom!");
        }
        else
        {
            out.println("您输入的账号密码有误，请重新输入！");
        }
    }
%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Insert Title here</title>
</head>
<body>
<form action="log.jsp" method="post">
    账号：<input type="text" name="username"/><br>
    密码：<input type="password" name="password"/><br>
    <input type="submit" value="登录"/>
</form>
</body>
</html>

运行成功后，出现以下画面
在这里插入图片描述

输入正确的账号密码，点击“登录”，显示“您好，tom！”
在这里插入图片描述

输入错误的账号密码或空值，点击“登录”，显示“您输入的账号密码有误，请重新输入！”
在这里插入图片描述

哦哦好的我知道了

关注

4
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
Web应用技术第一次作业

如果用户输入正确的账号密码，则提示问候语句；如果用户输入错误的账号密码，则提示账号密码有误。输入错误的账号密码或空值，点击“登录”，显示“您输入的账号密码有误，请重新输入！输入数据，点击“submit”后，输出结果；点击“全部重写”后返回原页面。输入正确的账号密码，点击“登录”，显示“您好，tom！编写九九乘法表文件，放进ROOT文件中，运行。在url后添加1.jsp，回车。编写九九乘法表文件，执行。运行成功后，出现以下画面。运行成功后，出现以下画面。
复制链接

扫一扫