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

最新推荐文章于 2024-06-27 15:25:28 发布

信管2202陈安志

最新推荐文章于 2024-06-27 15:25:28 发布

阅读量299

点赞数 9

文章标签： java 服务器开发语言

本文链接：https://blog.csdn.net/2301_80812728/article/details/137213383

版权

1.根据安装文档提示，下载JDK,TOMCAT，IDEA，并配置环境。最后检验是否成功。

2.用记事本编写代码，另存为以jsp为后缀的文件，注意选择文件类型为所有类型。保存文件的目标地址为tomcat/webapps/ROOT文件夹中。运行时，在浏览器地址栏中输入http://localhost:8080/myfirst.jsp，即可运行代码。

(1)编辑代码

(2)运行结果

3.在IDEA编辑器中新建java web项目

配置Tomcat环境

运行代码时，首先显示的是默认页面，

手动更改，使其显示写入的代码运行结果页面

4.JSP编程练习：

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

input.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户输入界面</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>爱好：
            <div style="width: 400px">
                <input name="like" type="checkbox" value="篮球"/>篮球
                <input name="like" type="checkbox" value="旅游"/>旅游<br/>
                <input name="like" type="checkbox" value="音乐"/>音乐
                <input name="like" type="checkbox" value="摄影"/>摄影
            </div>
        </li>
        <li>e-mail:
            <input type="text" name="e-mail"><br/>
        </li>
        <li>
            <input type="submit" value="提交">
            <input type="button" value="重置">
        </li>
    </ul>
</form>
</body>
</html>

output.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>获取信息界面</title>
</head>
<body>
<ul style="list-style: none;line-height: 30px">
    <li style="text-align: center">
        用户输入的信息
    </li>
    <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>

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

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>
</head>
<body>
<h2>用户登录</h2>
<form action="loginCheck.jsp" method="post">
    账号: <input type="text" name="username"><br>
    密码: <input type="password" name="password"><br>
    <input type="submit" value="登录">
</form>
</body>
</html>

loginCheck.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="java.io.*" %>

<%
  String username = request.getParameter("username");
  String password = request.getParameter("password");

  Map<String, String> users = new HashMap<>();
  users.put("TOM", "123");
  users.put("JERRY", "456");
  users.put("CAT", "789");

  if (users.containsKey(username) && users.get(username).equals(password)) {
    session.setAttribute("username", username);
    response.sendRedirect("welcome.jsp");
  } else {
    out.println("账号密码有误");
  }
%>

welcome.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>欢迎界面</title>
</head>
<body>
<%
    String username = (String) session.getAttribute("username");
    if (username != null) {
%>
<h2>Welcome, <%= username %></h2>
<% } else { %>
<h2>非法访问</h2>
<% } %>
</body>
</html>

运行界面

信管2202陈安志

关注

9
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
《web应用技术》第一次课后练习

2.用记事本编写代码，另存为以jsp为后缀的文件，注意选择文件类型为所有类型。保存文件的目标地址为tomcat/webapps/ROOT文件夹中。运行时，在浏览器地址栏中输入。1.根据安装文档提示，下载JDK,TOMCAT，IDEA，并配置环境。http://localhost:8080/myfirst.jsp，即可运行代码。（1）用JSP实现用户获取用户输入的操作。手动更改，使其显示写入的代码运行结果页面。（2）用JSP实现用户登录验证的功能。运行代码时，首先显示的是默认页面，配置Tomcat环境。
复制链接

扫一扫