web2-526互联

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

一、实验目的

通过一个小型网站的开发，掌握JSP基础知识，加深对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中添加文件，编写代码。

3) Index.jsp文件代码

<%--

Created by IntelliJ IDEA.

User: licc

Date: 2023/4/14

Time: 16:40

To change this template use File | Settings | File Templates.

--%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

</head>

<style>

body

{

background-image: url(images.webp);

background-size:100% 100% ;

background-attachment: fixed ;

}

table

{

border-spacing: 10px 20px;

border : solid 1px red;

margin-top:300px;

}

.font

{

letter-spacing:6px;

}

</style>

request.setCharacterEncoding("utf-8");

function jump(adress,a)

{

if(adress=='s1')

{

if (a=="1")

window.location.href='login.jsp';

if (a=="2")

window.location.href='s1.jsp';

}

if(adress=='s2')

{

if (a=="1")

window.location.href='login.jsp';

if (a=="2")

window.location.href='s2.jsp';

}

if(adress=='s3')

{

if (a=="1")

window.location.href='login.jsp';

if (a=="2")

window.location.href='s3.jsp';

}

</script>

<%! String a="1";%>

<%! String b="亲爱的游客"; %>

Cookie[] cookies = request.getCookies();

if(cookies != null && cookies.length > 0)

{

for(Cookie c: cookies)

{

if(c.getName().toString().equals("username"))

{

b = c.getValue().toString();

}

if(c.getName().toString().equals("id"))

{

a = c.getValue().toString();

}

}}

<marquee scrollAmount="20" direction="left" scrollDelay="90" behavior="alternate" loop="-1" onmouseover="this.stop()"

onmouseout="this.start()" hspace="20%">

<a style="color: red; font-family: 黑体; font-size: 15pt; text-align: center;"><%=b %>,欢迎访问本网站</a>

</marquee>

<tr> <td align="center"><a href="first.jsp"a href="javascript:jump('s1',<%=a %>)">山河无恙在我胸</a></td></tr>

<tr> <td align="center"><a href="third.jsp"a href="javascript:jump('s3',<%=a %>)">只因你太美</a></td></tr>

</table>

</body>

</html>

Check.jsp

<%--

Created by IntelliJ IDEA.

User: licc

Date: 2023/4/14

Time: 16:42

To change this template use File | Settings | File Templates.

--%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

</head>

<style>

body

{

background-image: url(images.webp);

background-size:100% 100% ;

background-attachment: fixed ;

}

table

{

border-spacing: 10px 20px;

border : solid 1px red;

margin-top:300px;

}

.font

{

letter-spacing:6px;

}

</style>

request.setCharacterEncoding("utf-8");

function jump(adress,a)

{

if(adress=='s1')

{

if (a=="1")

window.location.href='login.jsp';

if (a=="2")

window.location.href='s1.jsp';

}

if(adress=='s2')

{

if (a=="1")

window.location.href='login.jsp';

if (a=="2")

window.location.href='s2.jsp';

}

if(adress=='s3')

{

if (a=="1")

window.location.href='login.jsp';

if (a=="2")

window.location.href='s3.jsp';

}

</script>

<%! String a="1";%>

<%! String b="亲爱的游客"; %>

Cookie[] cookies = request.getCookies();

if(cookies != null && cookies.length > 0)

{

for(Cookie c: cookies)

{

if(c.getName().toString().equals("username"))

{

b = c.getValue().toString();

}

if(c.getName().toString().equals("id"))

{

a = c.getValue().toString();

}

}}

<marquee scrollAmount="20" direction="left" scrollDelay="90" behavior="alternate" loop="-1" onmouseover="this.stop()"

onmouseout="this.start()" hspace="20%">

<a style="color: red; font-family: 黑体; font-size: 15pt; text-align: center;"><%=b %>,欢迎访问本网站</a>

</marquee>

<tr> <td align="center"><a href="first.jsp"a href="javascript:jump('s1',<%=a %>)">山河无恙在我胸</a></td></tr>

</table>

</body>

</html>

<%--

Created by IntelliJ IDEA.

User: licc

Date: 2023/4/14

Time: 16:40

To change this template use File | Settings | File Templates.

--%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

</head>

<style>

body

{

background: url(images.webp);

background-size:100% 100% ;

background-attachment: fixed

}

</style>

window.onload = function check( )

{

document.getElementById("submit_login").onclick = function()

{

var str1 = form1.username.value;

var str2 = form1.password.value;

if (str1 == ""||str2 == "") {

alert("用户名或者密码为空！");

form1.username.focus();

}

return;

};

</script>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

first.jsp

<%--

Created by IntelliJ IDEA.

User: licc

Date: 2023/4/20

Time: 19:57

To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

<title>山河无恙在我胸</title>

</head>

<h1 style="color: black;">山河无恙在我胸</h1>

<p>

选择了多少向死而生

终于等到冰雪消融

经历了多少负重前行

今夜光芒照亮天空

一路崎岖任山高水重

我们曾并肩走过最冷的寒冬

大地回春浴火而重生

我们曾那么渴望迎接光明

去时风雨锁寒江

归来落樱染轻裳

漫天飞花中微笑望苍穹

山河无恙在我胸

愿君归来若春风

山河无恙如初见模样

忘不了那些云中相拥

微光汇聚星河万顷

守护着此刻岁月静好

众志凝成剑气如虹

千江有月映千山有情

人世间最美是你逆风的身影

万里无翳万物又欣荣

天地间你采来生命的火种

去时风雨锁寒江

归来落樱染轻裳

漫天飞花中微笑望苍穹

山河无恙在我胸

愿君归来若春风

山河无恙如初见模样

去时风雨锁寒江

归来落樱染轻裳

漫天飞花中微笑望苍穹

山河无恙在我胸

愿君归来若春风

山河无恙如初见模样

去时风雨锁寒江

归来落樱染轻裳

漫天飞花中

微笑望苍穹

山河无恙在我胸

愿君归来若春风

山河无恙如初见模样

山河无恙是爱的约定

</p>

</div>

</a>

</div>

</body>

</html>

Second.jsp

<%--

Created by IntelliJ IDEA.

User: licc

Date: 2023/4/20

Time: 19:57

To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

</head>

<p>

You, you, you play hard to get

欲擒故纵的你

You, you, you play hard to

get

不可多得的你

And I don’t know how much I can give

我不知道还有什么可以给予你

Cuz

you, you, you play hard to get

因为你是这样的触不可及

Did you ever think about

us?

你有想过我们的关系吗?

U been playing this game too

tough

是你让这场游戏变得太过艰难

Tried to give ya love

试图让你体味爱情

Now I’m trying

not to get fed up

我努力不让自己感到厌倦

Tell me did you ever think about

us?

告诉我，你有想过我们的未来吗?

Worked a long time just to earn ya

trust

而我还在试图获得你的信任

I don’t wanna make no fuss

我无意小题大做

But I got a

thousand bad batch lined up

但太多劣质感情在排队等我

You the only girl that ain’t

signed up

唯独你不在其中

Got a lot of baijiu in my cup

杯中盛满酒精

Tryna make a

bae of you, wussup?

想要把你捧在手心，可以吗？

Sending drunk texts when I’m in the

club

醉意朦胧中给你发着情话

Did you understand what it was

你明白它的意思吗？

Do I gotta

clear it up?

你明白我的本意吗？

Swear I ain’t in a rush

我发誓我并不那么快想要一个结果

I can

only play with you so much

我会和你将这欲擒故纵的游戏继续到底

You, you, you play hard to

get

欲擒故纵的你

You, you, you play hard to get

不可多得的你

And I don’t know

how much I can give

我不知道还有什么可以给予你

Cuz you, you, oh you play hard to

get

因为你是这样的触不可及

想说的话太多总被收回

又是喝到烂醉断片了为止

每到夜晚思念填满我的胃

假装无所谓却天生一对

去没人的岛

摸鲨鱼的角

写童谣和chase

I’d love to wait

我愿意为你等待

But I got a thousand bad batch lined

但太多劣质感情在排队等我

You the only girl that ain’t signed up

唯独你不在其中

Got a

lot of baijiu in my cup

杯中盛满酒精

Tryna make a bae of you,

wussup?

想要把你捧在手心，可以吗？

Sending drunk texts when I’m in the

club

醉意朦胧中给你发着情话

Did you understand what it was

你明白它的意思吗？

Do I gotta

clear it up？

你明白我的本意吗？

Swear I ain’t in a rush

我发誓我并不那么快想要一个结果

I can

only play with you so much

我会和你将这欲擒故纵的游戏继续到底

You, you, you play hard to

get

欲擒故纵的你

You, you, you play hard to get

不可多得的你

And I don’t know

how much I can give

我不知道还有什么可以给予你

Cuz you, you, you play hard to

get

因为你是这样的触不可及

</p>

</div>

</a>

</div>

</body>

</html>

third.jsp

<%--

Created by IntelliJ IDEA.

User: licc

Date: 2023/4/20

Time: 19:58

To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

<title>只因你太美</title>

</head>

<h1 style="color: black;">只因你太美</h1>

<p>

只因你太美 baby 只因你太美 baby

只因你实在是太美 baby 只因你太美 baby

迎面走来的你让我如此蠢蠢欲动

这种感觉我从未有

Cause I got a crush on you who you

你是我的我是你的谁

再多一眼看一眼就会爆炸

再近一点靠近点快被融化

想要把你占为己有baby bae

不管走到哪里都会想起的人是你 you you

我应该拿你怎样

uh 所有人都在看着你

我的心总是不安

oh 我现在已病入膏肓

eh eh 难道真的因为你而疯狂吗

我本来不是这种人

因你变成奇怪的人

第一次呀变成这样的我

不管我怎么去否认

只因你太美 baby 只因你太美 baby

只因你实在是太美 baby 只因你太美 baby

oh eh oh 现在确认地告诉我

oh eh oh 你到底属于谁

oh eh oh 现在确认地告诉我

oh eh oh 你到底属于谁就是现在告诉我

跟着这节奏缓缓 make wave

甜蜜的奶油 it's your birthday cake

男人们的 game call me 你恋人

别被欺骗愉快的 I wanna play

我的脑海每分每秒只为你一人沉醉

最迷人让我神魂颠倒是你身上香水

oh right baby I'm fall in love with you

我的一切你都拿走只要有你就已足够

我到底应该怎样

uh 我心里一直很不安

其他男人们的视线

Oh 全都只看向你的脸

Eh eh 难道真的因为你而疯狂吗

我本来不是这种人

因你变成奇怪的人

第一次呀变成这样的我

不管我怎么去否认

只因你太美 baby 只因你太美 baby

只因你实在是太美 baby 只因你太美 baby

我愿意把我的全部都给你

我每天在梦里都梦见你还有我闭着眼睛也能看到你

现在开始我只准你看我

I don’t wanna wake up in dream 我只想看你这是真心话

只因你太美 baby 只因你太美 baby

只因你实在是太美 baby 只因你太美 baby

oh eh oh 现在确认的告诉我

oh eh oh 你到底属于谁

oh eh oh 现在确认的告诉我

oh eh oh 你到底属于谁就是现在告诉我

</p>

</div>

</a>

</div>

</body>

</html