展示全部商品功能的实现
2017-03-27 00:25
375 查看
Jsp框架:
一、1.商品缩略图2.商品价格,库存,种类;3.显示有货或无货状态;
二、展示页面分为三块,将商品缩略图划分为20%;商品价格,库存,种类宽度为40%,有货无货占40%;
三、因为使用到<c:forEach标签,引入jstl包和前缀:
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
代码:
<table width="100%" style="text-align:center">
<c:forEach items="${list}" var="prod">
<tr>
<td width="20%">
<a href="${pageContext.request.contextPath}/ProdInfoServlet?id=${prod.id}">
<img src="${pageContext.request.contextPath}/ImgServlet?id=${prod.id}&type=s"/>
</a>
</td>
<td width="40%">
${prod.name}<br/>
${prod.price}<br/>
${prod.category}<br/>
</td>
<td width="40%">
<!--当商品库存大于0时,有货,小于等于0时,无货-->
<c:if test="${prod.pnum>0 }"><font color="blue">有货</font></c:if>
<c:if test="${prod.pnum<=0 }"><font color="red">无货</font></c:if>
</td>
</tr>
</c:forEach>
</table>
Servlet相关操作:
ProdInfoServlet:
//获取ProdServic
aa7f
e
ProdService service = (ProdService) BasicFactory.getFactory().getInstance("ProdService");
//获取传入的商品id
String id=request.getParameter("id");
//获取商品
Prod prod =service.findProdById(Integer.valueOf(id));
//如果商品是空的,则返回,没有对象
if(prod==null){
throw new RuntimeException("当前没有对象");
}else{
//将找到的商品放到请求中
request.setAttribute("prod",
prod);
//获取请求后,转发到文件详细页面
request.getRequestDispatcher("/prodInfo.jsp").forward(request,
response);
}
Dao相关操作:
public Prod findProdById(Integer
id) {
//定义sql语句
String sql =
"select * from products where id=?";
//获取连接
QueryRunner runner = new QueryRunner(DaoUtils.getSource());
try {
Prod prod=runner.query(sql,
new BeanHandler<Prod>(Prod.class),id);
return prod;
} catch (SQLException
e) {
// TODO Auto-generated catch block
e.printStackTrace();
throw new RuntimeException(e);
}
}
一、1.商品缩略图2.商品价格,库存,种类;3.显示有货或无货状态;
二、展示页面分为三块,将商品缩略图划分为20%;商品价格,库存,种类宽度为40%,有货无货占40%;
三、因为使用到<c:forEach标签,引入jstl包和前缀:
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
代码:
<table width="100%" style="text-align:center">
<c:forEach items="${list}" var="prod">
<tr>
<td width="20%">
<a href="${pageContext.request.contextPath}/ProdInfoServlet?id=${prod.id}">
<img src="${pageContext.request.contextPath}/ImgServlet?id=${prod.id}&type=s"/>
</a>
</td>
<td width="40%">
${prod.name}<br/>
${prod.price}<br/>
${prod.category}<br/>
</td>
<td width="40%">
<!--当商品库存大于0时,有货,小于等于0时,无货-->
<c:if test="${prod.pnum>0 }"><font color="blue">有货</font></c:if>
<c:if test="${prod.pnum<=0 }"><font color="red">无货</font></c:if>
</td>
</tr>
</c:forEach>
</table>
Servlet相关操作:
ProdInfoServlet:
//获取ProdServic
aa7f
e
ProdService service = (ProdService) BasicFactory.getFactory().getInstance("ProdService");
//获取传入的商品id
String id=request.getParameter("id");
//获取商品
Prod prod =service.findProdById(Integer.valueOf(id));
//如果商品是空的,则返回,没有对象
if(prod==null){
throw new RuntimeException("当前没有对象");
}else{
//将找到的商品放到请求中
request.setAttribute("prod",
prod);
//获取请求后,转发到文件详细页面
request.getRequestDispatcher("/prodInfo.jsp").forward(request,
response);
}
Dao相关操作:
public Prod findProdById(Integer
id) {
//定义sql语句
String sql =
"select * from products where id=?";
//获取连接
QueryRunner runner = new QueryRunner(DaoUtils.getSource());
try {
Prod prod=runner.query(sql,
new BeanHandler<Prod>(Prod.class),id);
return prod;
} catch (SQLException
e) {
// TODO Auto-generated catch block
e.printStackTrace();
throw new RuntimeException(e);
}
}
相关文章推荐
- andriod———1.实现原生登录注册。 2.首页完成商品列表展示点击相对应的商品ID进入商品详情 3.商品详情页面展示数据,点击加入购物车进入购物车页面 4.购物车页面完成购物车编辑,删除,功能
- 框架 day81 涛涛商城项目-实现首页搜索功能,商品详情,描述,规格展示
- Vue.js 实现数据展示全部和收起功能
- 利用js实现全选、全部选、反选功能
- Jquery 最近浏览过的商品的功能实现代码
- Jquery 实现“最近浏览过的商品”的功能
- Mock up! 基本游戏功能全部实现!
- 文本编辑器 “查找与替换”操作的“全部替换”功能的实现代码 Visual Basic 2005 编写
- C#实现树型结构TreeView节点拖拽的简单功能,附全部源码,供有需要的参考
- C#实现外部图片的拖拽到应用程序的简单功能,附全部源码,供有需要的参考
- C#实现树型结构TreeView节点拖拽的简单功能,附全部源码,供有需要的参考
- std::string实现全部替换功能
- 用QT实现Wake On Lan功能(附全部程序源码)
- 使用jQuery简单实现产品展示的图片左右滚动功能
- C# ASP.NET 最常用的通用权限的3个方法例子展示(每个功能一行代码实现)
- 在VC++中如何实现显示桌面的功能即全部最小化显示桌面(整理收集)
- [转]自定义ASP.NET AJAX拖放功能示例程序:实现IDragSource和IDropTarget接口将商品拖放至购物车中
- jQuery Cycle Plugin插件 - 实现图片等元素循环展示功能
- Jquery 实现“最近浏览过的商品”的功能
- 类似于京东商城等的商品分类搜索筛选功能实现