javaWeb购物商城设计---商品详情显示

商品列表显示见：http://blog.csdn.net/u013948010/article/details/78675164

主页面显示商品列表，单击图片进入商品详情:

<a href="goodsDetail.jsp?ID=<%=hot_ID%>">

商品详情数据库表tb_goods：



建立goodsDetail.jsp页面

访问数据库获取商品

根据页面跳转传递的商品ID访问数据库获得商品详情。

<!-- 根据商品ID获取并显示商品信息 -->
<%
int typeSystem=0;
int ID=Integer.parseInt(request.getParameter("ID"));    //获取商品ID
if(ID>0){
ResultSet rs=conn.executeQuery("select ID,GoodsName,Introduce,nowprice,picture,"
+ " price,typeID from tb_goods where ID=" + ID);  //根据ID查询商品信息
String goodsName = "";                          //保存商品名称的变量
float nowprice = (float) 0.0;                       //保存商品现价的变量
float price = (float) 0.0;                      //保存商品原价的变量
String picture = "";                                //保存商品图片的变量
String introduce = "";                          //保存商品描述的变量
if(rs.next()){
goodsName=rs.getString(2);
introduce=rs.getString(3);
nowprice=rs.getFloat(4);
picture=rs.getString(5);
price=rs.getFloat(6);
typeSystem=rs.getInt(7);
}
conn.close();
%>
<!-- 显示商品详细信息 -->
<!-- 显示商品详情html代码 -->
<%}else{//获取到的ID不合法
out.println("<script language='javascript'>alert('您的操作有误');"
+"window.location.href='index.jsp';</script>");
}
%>
<!-- //显示商品详细信息 -->

相关商品显示

商品详情页面，同时显示同一商品类别的6个同类商品。相关商品显示页面调用relatedGoods.jsp，typeSystem由上文得到为商品类别，根据类别查询数据库。

<!-- 显示相关商品 -->
<div class="mr-module related-products">
<h3 class="module-title ">相关商品</h3>
<!-- 显示底部相关商品 -->
<jsp:include page="relatedGoods.
b890
jsp">
<jsp:param name="typeSystem" value="<%=typeSystem %>" />
</jsp:include>
<!-- // 显示底部相关商品 -->
</div>
<!-- //显示相关商品 -->

related.jsp设计

获取类别，初始化变量

<%
int typeSystem = Integer.parseInt(request.getParameter("typeSystem"));
int hot_ID = 0;
String hot_goodsName = "";
float hot_nowprice = 0;
String hot_picture = "";
%>

查询数据库

<%
ResultSet rs_relate = conn.executeQuery(
"select top 6 ID,GoodsName,nowprice,picture from tb_goods where typeID=" + typeSystem + " ");
int relate_ID = 0;
String relate_goodsName = "";
float relate_nowprice = 0;
String relate_picture = "";

int s3 = 0;
while (rs_relate.next()) {
relate_ID = rs_relate.getInt(1);
relate_goodsName = rs_relate.getString(2);
relate_nowprice = rs_relate.getFloat(3);
relate_picture = rs_relate.getString(4);
%>
<!--显示相关商品的html代码-->

详情页面：



其中左边是热门商品，下面是相关商品

热门商品显示

商品详情页面，同时显示同一商品类别的7个高点击率的人商品。热门商品显示页面调用leftHotGoods.jsp，typeSystem由上文得到为商品类别，根据类别查询数据库，并根据点击量返回商品排序。

<!-- 显示左侧热门商品 -->
<jsp:include page="leftHotGoods.jsp">
<jsp:param name="typeSystem" value="<%=typeSystem %>" />
</jsp:include>
<!-- // 显示左侧热门商品 -->

leftHotGoods.jsp设计

访问数据库获取热门商品

<%
int hot_ID = 0;
String hot_goodsName = "";
float hot_nowprice = 0;
String hot_picture = "";
String sql="";
if(request.getParameter("type")!=null && request.getParameter("type")!=""){
int type=Integer.parseInt(request.getParameter("type"));
sql="select top 7 t1.ID,t1.GoodsName,t1.nowprice,t1.picture from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and t2.superType="
+ type + " order by t1.hit desc,t1.ID asc";
}else if(request.getParameter("typeSystem")!=null && request.getParameter("typeSystem")!=""){
int typeSystem = Integer.parseInt(request.getParameter("typeSystem"));
sql="select top 7 ID,GoodsName,nowprice,picture from tb_goods where typeID=" + typeSystem
+ " order by hit desc,ID asc";
}else{
sql="select top 7 ID,GoodsName,nowprice,picture from tb_goods order by hit desc";
}
%>

执行查询并显示

<div class="box-product product-grid">
<%
ResultSet rs_hot = conn.executeQuery(sql);
int s2 = 0;
while (rs_hot.next()) {
hot_ID = rs_hot.getInt(1);
hot_goodsName = rs_hot.getString(2);
hot_nowprice = rs_hot.getFloat(3);
hot_picture = rs_hot.getString(4);
%>
<!--显示热门商品html代码-->
<%
s2++;
}
%>
</div>