《Web应用技术》第一次课后练习

最新推荐文章于 2024-10-18 18:45:22 发布

iiiide

最新推荐文章于 2024-10-18 18:45:22 发布

阅读量245

点赞数 3

文章标签：前端 intellij-idea java

本文链接：https://blog.csdn.net/iiiide/article/details/137592262

版权

本文介绍了如何下载和安装JDK、TOMCAT以及IDEA，使用记事本编写JSP文件并配置IDEA进行JavaWeb开发。内容包括用户输入表单处理和基本的登录验证功能示例。

摘要由CSDN通过智能技术生成

一、下载软件，并安装。相关安装文件已上传至群文件。

JDK,TOMCAT，IDEA

1.JDK

2.TOMCAT

3.IDEA

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

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

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

五、JSP编程练习：

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

1）input.jsp

运行代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<form action="show.jsp" method="post">
    <table border="1">
        <tr>
            <td>姓名:</td>
            <td><input name="name" type="text"></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="gender" value="男" checked>男
                <input type="radio" name="gender" value="女">女
            </td>
        </tr>
        <tr>
            <td>爱好：</td>
            <td>
                <input type="checkbox" name="hobby" value="篮球">篮球
                <input type="checkbox" name="hobby" value="旅游">旅游
                <input type="checkbox" name="hobby" value="音乐">音乐
                <input type="checkbox" name="hobby" value="摄影">摄影
            </td>
        </tr>
        <tr>
            <td>email:</td>
            <td><input name="email" type="email"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="submit">
                <input type="reset" value="全部重写">
            </td>
    </table>
</form>

运行成功后出现界面：

2）.output.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    request.setCharacterEncoding("UTF-8");
    String[] hobbies = request.getParameterValues("hobby");
    String hobbyList = "";
    if (hobbies != null) {
        for (String hobby : hobbies) {
            hobbyList += hobby + " ";
        }
    }
%>
<h1>用户信息</h1>
<table border="1">
    <tr>
        <td>姓名:</td>
        <td><%= request.getParameter("name") %></td>
    </tr>
    <tr>
        <td>性别:</td>
        <td><%= request.getParameter("gender") %></td>
    </tr>
    <tr>
        <td>爱好：</td>
        <td><%= hobbyList %></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><%= request.getParameter("email") %></td>
    </tr>
</table>

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

如果用户输入正确的账号密码，则提示问候语句；如果用户输入错误的账号密码，则提示账号密码有误。
任意编写3-4个页面，为每个页面添加权限控制。如果用户已经登录，则在每个页面页首提示：欢迎你，**。如果没有登录跳转到这个页面，则提示：非法访问。

<%@ 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("123456")){
            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>

运行界面如下：