jsp动态网页实用代码

实验2：运用JSP编写动态网页

一．选题问题

1）编写一个购物车，实现向购物车里添加商品、移除指定商品和清空购物车的功能

2）延续实验一

二．程序设计

1.功能

1）购物车：可以实现向购物车里添加指定商品，移除指定商品，清空购物车的基本功能，另外还可以实现简单的结算功能。

2）实验一延续：实现登录、以及同一用户不能重复登录的功能

2.技术

1）必用技术：

JSP内置对象：Request，Response

2）选用技术：

JSP、JavaScript：Session，application

三．数据设计

1.含义

1）购物车：

1>goods.html:用来显示商品清单，选择购买数量，以及添加到购物车

2>cart.jsp:用来查看添加到购物车的商品，实现商品的删除，以及返回购物页面继续添加或者跳转到结算页面支付。使用了request获得信息，session创建表单，调用了自创建的hzsb类。

3>hzsb.jsp:定义了一个“汉子识别”的类，该类可以把从页面中获取的汉子自动转换成单字节编码，并在显示时再转换回来。

4>cost.jsp:结算页面。负责将购物车里所有的商品及数量显示出来并且进行统计，得到总计钱数。使用了request获得信息，session创建表单，调用hzsb类。

2）实验一添加功能

1>web.html:显示实验一中的页面，其中“登录”超链接到index.jsp；“注册”超链接到count.jsp。

2>index.jsp：登录页面。用于用户名和密码的输入，输入完成后点击“确定”，可以跳转到rsInfo.jsp页面查看所输入的信息是否保存。

3>rsInfo.jsp:查看页面。该页面用于显示所输入的信息。另外该页面调用了response对象，用于显示当前的时间，并用于页面的刷新。

4>count.jsp:“同一用户只能登录一次页面”，即用户一旦登录就不能够通过反复刷新页面造成“多次登录”的假象。该页面调用了application对象，用于覆盖掉刷新的次数。

2.作用范围

1）购物车

1>goods.html:

作用于“购物车实例”页面，代码如下

购 物 车

书名	单价	出版社	购买数量
安徒生童话	45.00	教育出版社
格林童话	30.00	教育出版社

显示效果如下图：（购买数量的初始值设为1，可通过输入修改；点击“放到购物车”即可跳转到“我的购物车页面”）

2>cart.jsp:

作用于“我的购物车”页面，代码如下：

<%@ page language="java" contentType="text/html; charset=gb2312"%> <%@ page import="java.util. * " %>

<%@ include file="hzsb.jsp" %>

已 购 商 品

<% String[] goods=new String[4];

goods[0]=request.getParameter("sm");

goods[1]=request.getParameter("cost");

goods[2]=request.getParameter("cbs");

goods[3]=request.getParameter("num");

Vector goodslist=(Vector)session.getAttribute("goodscart");

if(goodslist==null)

{ goodslist=new Vector();

goodslist.addElement(goods);

}

else

{ goodslist.addElement(goods);

if(request.getParameter("delgoods")!=null)

{ String delgoods=request.getParameter("delgoods");

goodslist.removeElementAt(Integer.parseInt(delgoods));

}

}

session.setAttribute("goodscart",goodslist);

%>

<% if(goodslist!=null)

for(int x=0;x

{String[] buygoods;

buygoods=(String[])goodslist.elementAt(x);

if(buygoods[0]!=null)

{String sm=hzsb(buygoods[0]);

String cbs=hzsb(buygoods[2]);

%>

<%}} %>

书名	单价	出版社	购买	删除
<%=sm %>	<%=buygoods[1] %>	<%=cbs %>	<%=buygoods[3] %>	name="delgoods">

 继续购买商品

     到结算中心

------------------------------------------------------------------------------------------------------------------------------- 显示效果如下图所示：（通过点击“继续购买商品”返回购物车页面，继续添加；通过点击“从购物车中删除”删除已购的商品；通过点击“结算中心”跳转到结算页面）

3>cost.jsp:

作用于“已购商品明细”页面，代码如下：

<%@ page language="java" contentType="text/html; charset=gb2312"%>

<%@ page import="java.util. * " %>

<%@ include file="hzsb.jsp" %>

结 算 中 心

<%

Vector goodslist=(Vector)session.getAttribute("goodscart");

float totalmoney=0;

for(int x=0;x

{String[] buygoods;

buygoods=(String[])goodslist.elementAt(x);

if(buygoods[0]!=null)

{String sm=hzsb(buygoods[0]);

String cbs=hzsb(buygoods[2]);

%>

<%totalmoney+=((Float.parseFloat(buygoods[1]))*(Float.parseFloat(buygoods[3]))); } }

goodslist.removeAllElements();

%>

书名	单价	出版社	购买
<%=sm %>	<%=buygoods[1] %>	<%=cbs %>	<%=buygoods[3] %>
返回购物首页			合计 <%=totalmoney %>

显示效果如下图：显示总金额；通过点击“返回首页”可回到购物车页面。

4>hzsb.jsp：

作用于cart.jsp和cost.jsp，用于汉字的正确显示

<%@ page language="java" contentType="text/html; charset=gb2312"%>

<%!

public String hzsb(String s)

{

String str=s;

try

{

byte b[]=str.getBytes("ISO-8859-1");

str=new String(b);

return str;

}

catch(Exception e)

{return str;}

}

%>

2）实验一延续：

1>web.html:

作用于“电影速评”页面，对“登录”和“注册”加入超链接。

首页

影评

购票

同城

下载客户端

登录

注册

---

谢谢你出现在我的青春里

影片简介：
片名：我的少女时代
导演:陈玉珊
编剧:曾咏婷
主演:宋芸桦/王大陆/李玉玺/简廷芮
类型:喜剧/爱情
制片国家/地区:台湾
语言:汉语普通话
上映日期: 2015-11-19(中国大陆)/2015-08-15(台湾)
片长: 134分钟

剧情简介：
神经大条且长相平凡的林真心（宋芸桦饰）,每天眼珠都是跟着校内
风云人物欧阳非凡(李玉玺饰)转动，而徐太宇(王大陆

饰)身为学校头
号痞子,则一心要把上亮丽的校花陶敏敏(简廷芮饰).林真心偶然发现
欧阳和陶敏敏交往的秘密:在喜欢敏敏的流氓学生徐太宇的胁迫下,两
人组成“失恋阵线联盟”,誓言拆散这对金童玉女,帮彼此倒追心上人.
一个是LOSER壁花想要走到白马王子身边,一个是地痞混混想追到圣女
校花,两人一路跌跌撞撞,笑料百出,却万万没想到对彼此动了心......

显示效果如下：（点击“登录”跳转到index.jsp页面；点击“注册”跳转到count.jsp页面）

2>index.jsp

作用于登录页面：

<%@ page contentType="text/html;charset=gb2312"%>

登 录 页 面

用户名
密码

显示效果如下图：（点击“确定”跳转到rsInfo.jsp）

3>rsInfo.jsp:

作用于显示输入信息页面，并且不断刷新

<%@ page language="java" import="java.util.* " %>

<%@ page contentType="text/html; charset=gb2312"%>

用户名为：

<%String textContent=request.getParameter("boy"); %> <%=textContent %>

密码为：

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

北京时间：（每隔一秒自动刷新）

<%

response.setHeader("refresh","1");

out.println(new Date().toLocaleString());

%>

显示效果如下图：

4>count.jsp:

作用于“不可刷新的访问计数器”页面

<%@ page language="java" contentType="text/html; charset=gb2312"%> <%!

synchronized void countPeople()

{

ServletContext application=getServletContext();

Integer number=(Integer)application.getAttribute("Count");

if(number==null)

{ number=new Integer(1);

application.setAttribute("Count",number);}

else

{ number=new Integer(number.intValue()+1);

application.setAttribute("Count",number);}

}

%>

<%

Integer personnum=(Integer)application.getAttribute("Count");

if(session.isNew()|personnum==null)

{countPeople();}

Integer yournumber=(Integer)application.getAttribute("Count");

%>

欢迎访问本站，你是第<%=yournumber %>个访问用户

显示效果如下图：

3.技术方法

1）cart.jsp

使用request对象获得商品的信息，并存放到数组中。建立向量数组，用来存放goodscart中的内容。delgoods用于清空购物车。Session用于设置对象的值。

<% String[] goods=new String[4];

goods[0]=request.getParameter("sm");

goods[1]=request.getParameter("cost");

goods[2]=request.getParameter("cbs");

goods[3]=request.getParameter("num");

Vector goodslist=(Vector)session.getAttribute("goodscart");

if(goodslist==null)

{ goodslist=new Vector();

goodslist.addElement(goods);

}

else

{ goodslist.addElement(goods);

if(request.getParameter("delgoods")!=null)

{ String delgoods=request.getParameter("delgoods");

goodslist.removeElementAt(Integer.parseInt(delgoods));

}

}

session.setAttribute("goodscart",goodslist);

2）cost.jsp:

获取信息

<%Vector goodslist=(Vector)session.getAttribute("goodscart");

float totalmoney=0;

for(int x=0;x

{String[] buygoods;

buygoods=(String[])goodslist.elementAt(x);

if(buygoods[0]!=null)

{String sm=hzsb(buygoods[0]);

String cbs=hzsb(buygoods[2]);%>

3）rsInfo.jsp:

使用request对象获得信息；使用response对象设置HTTP头

用户名为：

<%String textContent=request.getParameter("boy"); %>

<%=textContent %>

密码为：

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

<%=textpwd %>

北京时间：（每隔一秒自动刷新）

<%response.setHeader("refresh","1");

out.println(new Date().toLocaleString());%>

4）count.jsp:

1>使用application判断number的值。若值为空，则赋值为1；否则+1

synchronized void countPeople()

{

ServletContext application=getServletContext();

Integer number=(Integer)application.getAttribute("Count");

if(number==null)

{ number=new Integer(1);

application.setAttribute("Count",number);}

else

{ number=new Integer(number.intValue()+1);

application.setAttribute("Count",number);}

}

2>session对象：若直接打开，为true;从其他网页过来，为false.

<%Integer personnum=(Integer)application.getAttribute("Count");

if(session.isNew()|personnum==null)

{countPeople();}

Integer yournumber=(Integer)application.getAttribute("Count");%>

四．问题及解决

1.实验环境的配置：

Win8的系统对于tocat的要求十分苛刻。经常是加载好了程序后，经常是输入http://localhost:8080/工程名后，文件完全无法打开。直到换了win7的操作系统之后，才解决了此问题。

2.程序的编写：

由于对Java语言和JSP的不熟练，所以很多问题解决起来都很困难，不知道该从何入手，方法用法也不是很清楚。不过通过本次实验，该问题已经得到了初步的解决。

3.汉字识别：

由于中文的特殊性，许多浏览器显示中文时会变成乱码。为了解决此类问题，我特意写了一个汉字识别类，专门用来解决中文的存储和显示问题。

五．感想

通过本次实验，我对动态网页的制作有了一个初步的认识，并且清楚地认识了各个对象中的函数使用方法。另外通过对实验平台的反复搭建，让我对电脑的一些基础知识，特别是服务器方面的知识有了一个更形象的认识。

除此以外，我还认识到我所学的知识的不足。对于数据库知识和Java语言的欠缺，让我对于许多预期的功能“心有余而力不足”。今后我会继续补充这些知识，让自己的网页不断进步。