展示全部商品功能的实现

古城微笑少年丶 2022-06-17 23:19 173阅读 0赞

**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：

//获取ProdService

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);

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关练习篇：实现一个类似淘宝的商品展示列表页面

经过前面两大部分的详细讲解，相信大家对大部分的布局方式、组件的使用、逻辑业务编写都有了很深入的了解，那么接下来我们就用前面学习的一些知识来进行一个实践：实现一个淘宝风格的商品展

野性酷女/ 2022年12月09日 11:42/ 0 赞/ 272 阅读

相关展示全部商品功能的实现

Jsp框架：一、1.商品缩略图2.商品价格，库存，种类；3.显示有货或无货状态；二、展示页面分为三块，将商品缩略图划分为20%；商品价格，库存，种类宽度为40%，有货无

古城微笑少年丶/ 2022年06月17日 23:19/ 0 赞/ 174 阅读

相关添加商品功能的实现

Jsp页面设置： <formaction="$\{pageContext.request.contextPath\}/AddProdServlet" method="post

ゝ一世哀愁。/ 2022年06月17日 23:17/ 0 赞/ 173 阅读

相关【淘淘】---展示商品列表

【淘淘】---展示商品列表 1，需求分析在后台管理系统中，要展示如下界面，点击“查询商品”，能将数据库表中的商品表上的数据显示到

我会带着你远行/ 2022年06月13日 08:44/ 0 赞/ 249 阅读

相关建立商城商品关联属性表实现单商品多规格功能

在电子商城项目开发中, 会存在同一种商品存在不同规格的情况, 如图某型号手机在售卖时用户可以选择的不同规格: ![这里写图片描述][a95a334bf8f8835a9934d

偏执的太偏执、/ 2022年06月04日 05:16/ 0 赞/ 272 阅读

相关 markdown有的功能展示

Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传 LaTex数学公式 UML序列图和流程图离线写博客

男娘i/ 2022年06月01日 13:54/ 0 赞/ 126 阅读

相关 solr实现商品的搜索功能和安装

Solr简介用户可以通过[http][]请求，向搜索引擎服务器提交一定格式的XML文件，生成索引；也可以通过Http Get操作提出查找请求，并得到XML格式的返回结果

逃离我推掉我的手/ 2022年05月09日 10:00/ 0 赞/ 194 阅读

相关 vue实现商品详情页功能之商品选项卡

用户点击商品进入商品详情页，默认显示第一个小图对应的大图，然后鼠标滑到小图上，大图也会发生改变，实现效果如下： ![watermark_type_ZmFuZ3poZW5naG

我不是女神ヾ/ 2022年02月03日 04:13/ 0 赞/ 412 阅读

相关 uniapp 滑动删除功能实现（右侧滑动展示菜单功能）

列表滑动删除功能 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

桃扇骨/ 2021年07月25日 22:19/ 0 赞/ 2003 阅读

相关 js 模拟淘宝商品展示

<html> <head> <meta charset="utf-8"> <title>模拟淘宝</title> <sty

た入场券/ 2021年07月24日 11:00/ 0 赞/ 463 阅读