web实验二1

实验项目名称：实验二  服务器端简单程序设计

 

一、实验目的

通过一个小型网站的开发，加深对session，request，response，cookie等对象的理解，掌握其使用方法，进一步深入掌握HTML、CSS和JavaScript等知识。

二、实验内容和基本要求

1) 编写index.jsp文件，展示某一类物品或知识的介绍，可以是歌曲、人物、名胜古迹等。要求至少有三个条目，用户登录后才能浏览这三个条目的内容。如果用户尚未登录，需要显示用户为“游客”，否则显示用户名。页面下端设置超链接，指向login.jsp。如果用户尚未登录，单击了某一条目的内容，则系统自动转向login.jsp。

2) 编写login.jsp文件，该页面包含一个表单，表单中有两个input标记，分别让用户输入用户名和密码，还有一个登录按钮。当用户单击“登录”后，将表单数据以post的方式提交给check.jsp。

3) 编写check.jsp，该页面使用request对象获取客户端发送过来的用户名和密码，并对用户的合法性进行验证。如果用户输入的用户名和密码不相同，则提示用户登录失败，2秒钟之后自动转向login.jsp页面。如果用户输入的用户名和密码相同，则提示用户登录成功，2秒钟之后转入登录前页面。（提示：登录前页面的记录可以在用户单击的每个网页中，使用session对象的某个属性记录用户访问的当前网页）。

4) 编写三个条目的内容网页。每个网页的上端都需要展示登录的用户名。下端需要“回到首页”的超链接。这三个条目的内容网页只有用户登录后才能浏览。

5) 当用户合法登录后，客户端保留5分钟的Cookie。当用户关闭浏览器后，5分钟之内再次访问时可以免登陆。

6) 将网页源代码和浏览器截图写入实验报告。

三、实验步骤

1)    打开Eclipse软件，新建一个名为Lab02的Web项目，并设置其部署程序为Tomcat。

2)    在Lab02中添加文件，编写代码。

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>李宇春的歌曲</title>
</head>
<body background="images/index.jpg">
    <div style="text-align: center">
        <marquee width="500px" height="100px" behavior="alternate"style="border: 2px solid white">
            <marquee behavior="alternate" style="color: blue">
                欢迎游客进入本网页。 
                </marquee>
        </marquee>
    </div>
    <dr>
    <dr>
    <dr>
    <dr>
    <div style="text-align: center">
        <li><a href ="login.html" style="color: brown">清福</a></li>
        <br>
        <li> <a href ="login.html"style="color: brown">蜀绣</a></li>
         <br>
          <li><a href="login.html" style="color: brown">和你一样</a></li>
          <br>
    </div>
    <div style="text-align: center">
        <a href="login.html">

    <button>登录</button>

</a>
        </p>
    </div>
</body>
</html>

 

posted @ 2022-05-12 22:33  好(justice)……  阅读(323)  评论(0)  编辑  收藏  举报