javaweb如何实现点击商品页面跳转到本商品的详情页面 5C

以上是jsp页面的代码,我是通过将从数据库获取到的所有商品封装到一个list集合中,使用request域存储数据,在jsp页面使用el获取的所有商品。我现在能否在这个基础上面实现点击商品,进入到本商品的详情界面,页面已经写好了。我自己的实现逻辑是:通过某个域存储商品的id信息,在servlet中获取到,去数据库中查找这件商品的所有信息,这个商品存这储到域空间中,在新的页面通过el获取,但是目前我无法实现将这个商品的id信息传存储到域空间中。我不知道这样能不能实现,是不是我的想法有错误,希望大神帮个忙!!!

 <c:forEach items="${productList }" var="product">
            <div class="col-md-2" style="height:250px">
                <a href="product_info.htm"> 
                    <img src="${pageContext.request.contextPath }/${product.pimage }" width="170" height="170" style="display: inline-block;">
                </a>
                <p>
                    <a href="/WEB18/productOne" style='color: green'>${product.pname }</a>
                </p>
                <p>
                    <font color="#FF0000">商城价:&yen;${product.shop_price }</font>
                </p>
            </div>
        </c:forEach>

上面是所有商品的jsp页面的代码。

6

12个回答

<a href="product_info.htm?product_id=1"> 

像这样在跳转链接添加参数product_id,商品详情页通过request.getParameter("product_id");获取就可以了

7
1

思路就是这样的,没错,但是你的链接上要加上ID参数才能传到获取详情的servlet呀,把/WEB18/prodeuctOne改成/WEB18/prodeuctOne?product=xxx

0

使用setAttribute设置变量,供其他页面使用
其他页面直接使用${obj.field}来取值
例如:

 request.setAttribute("para","para value");
 <input id="id" value="${para}"></input>
0

你要在servlet中配置正确的地址

0

可以使用ajax,将id发送到该servlet中

0

可以使用url地址传参,或者到servlet里进行跳转

0

上海鲜花港 - 郁金香 自己写对应的地址就可以

0

如果只是要显示明细的话 你可以用form填充就可以了 ,实现步骤是先拿到你当前点击的这个商品,然后通过load()函数填充明细,这样的话减少访问数据库压力(注:前提是明细要的数据已经在你点击的这个对象中)

0

你可以在图片中写一个点击事件,当你点击它时就会跳转并将商品的编号提交上去

0
共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JSP商品详细信息页面
JSP商品详细信息页面JSP商品详细信息页面JSP商品详细信息页面JSP商品详细信息页面JSP商品详细信息页面JSP商品详细信息页面
点击商品跳转到详情页
1.在childAdapter里面写一个接口 private HttpLister lister; public void result(HttpLister lister){ this.lister=lister; } public interface HttpLister{ void success(int childpostion);...
javaWeb购物商城设计---商品详情显示
商品列表显示见:http://blog.csdn.net/u013948010/article/details/78675164 主页面显示商品列表,单击图片进入商品详情:<a href="goodsDetail.jsp?ID=<%=hot_ID%>">商品详情数据库表tb_goods: 建立goodsDetail.jsp页面访问数据库获取商品根据页面跳转传递的商品ID访问数据库获得商品详情。<
列表页点击商品跳转到对应商品的详情页
第一步: 新建dome1.html列表页 通过jq的each遍历,res.books是要遍历的数据, each处理json数据,这个each就有更厉害了,能循环每一个属性   var obj = { one:1, two:2, three:3};   each(obj, function(key, val) {   alert(key);   alert(val);   }); 这里
购物车之详情页面跳转至购物车
首先依赖导入: compile 'com.squareup.okhttp3:logging-interceptor:3.9.0' compile 'com.squareup.okhttp3:okhttp:3.9.0' compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5' compile 'com.go
商品详情页面点击跳转到购物车(一)详情界面
//依赖 compile 'com.squareup.okhttp3:okhttp:3.9.0' compile 'com.google.code.gson:gson:2.8.2' compile 'com.github.bumptech.glide:glide:3.7.0' compile 'com.squareup.okhttp3:logging-intercept
jq+ajax请求本地数据加载商品列表页并跳转详情页
效果:json文件:{ "books":[ {"id":1,"imgUrl":"images/ly.jpg","price":"45.00","title":"论语","publish":"人民文学出版社","num":"303","desc":"崇贤馆始置唐代太宗朝。1999年,李克先生及志同道合者复兴其宗旨。以积累、传播中华优秀传统文化,提供全新国学体验馆为宏愿。"},
小程序--跳转详情页
注:凡是data-自定义值 的为自定义属性值必须是data开头:例 data-postd=&quot;{{item.postId}}&quot;event.currentTarget.dataset 所有自定义属性的集合a、post.wxml//定义跳转事件 onTapdetail   定义传递的属性志data-postad&amp;lt;block wx:for=&quot;{{posts_key}}&quot; wx:for-item=&quot;...
Android listView中点击item或Item中控件跳转对应的详情页面的实现(商品详情查看)
应用场景开发中,特别是电商客户端,用ListView展示商品列表,点击Item 或是Item中的控件会跳转到对应的商品详情,本文主要讲Intent传递数据,实现简单的商品详情展示,实际的开发中是采用传递商品的Id然后在界面加载对应的Json数据并且显示,原理一致。页面效果图如下:这是商品列表 这是商品详情 本文是在适配器里给Button或是其他控件设置点击事件在getView中只复用了Chi
Jsp动态网站初步项目 --简单的商品浏览页面 (商品详情页面details.jsp)
<%@page import="com.sun.xml.internal.bind.v2.runtime.unmarshaller.XsiNilLoader.Array"%> <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%> <% String path = req
Vue模拟数据,实现路由进入商品详情页面
Vue模拟数据,实现路由进入商品详情页面一、路由首先需要配置路由,就是点击good组件进入goodDetail组件 配置路由如下 { path: '/goodDetail', component:goodDetail }同时在good组件中写入如下点击事件,路由中加入查询参数,也就是商品的id//点击路由到商品详细信息页 selectGood(){
商城项目实战32:商品详情页实现
1. 需要做的事情 l 商品详情页实现    1、商品查询服务事项    2、商品详情展示    3、添加缓存 2. 实现商品详情页功能 2.1. 功能分析 1、Taotao-portal接收页面请求,接收到商品id。 2、调用taotao-rest提供的商品详情的服务,把商品id作为参数传递给服务。接收到商品详细。 3、渲染结果,展示商品详细页面 4、为了提高响应速度,商品详
搜索页面跳转到商品列表的方法
//Adapter文件夹下_GridAdapter public class GridAdapter extends RecyclerView.Adapter { List data; Context ctx; private Jiekou jiekou; public GridAdapter(List data, Context ctx) {
JavaWeb商城项目笔记--- Day1 (查询商品详情)
功能出现场景 接上一篇博客,当在前端呈现出商品信息之后,用户点击了商品,需要通过Servlet跳转到商品详情页面 功能解决思路 这个功能的触发是由当用户点了图片或者文字之后,会将这个商品的 id 传递到一个根据 id 查询商品的业务层。 这个业务层根据传来的 id 查询到具体的数据,然后将数据响应到一个商品详情的页面 在商品详情页面,根据响应过来的数据,依据一定的布局,最后将数据呈现给用户...
电商项目仿淘宝,点击商品进入商品详情页面
在上一篇我们聊到了电商项目的登录与注册的业务逻辑,这篇文章我们就来聊一下商品详情的业务操作: 第一步:万变不离其宗,当然是首先搭建环境: 依赖: /*OkHttp*/ implementation 'com.squareup.okhttp3:okhttp:3.4.2' /*RecyclerView*/ implementation 'com.android.support:...
vue中router-link传参(商品从列表页到具体详情页跳转)
今天用vue做商品详情页的时候遇到一个问题: 在主页有商品列表,点击某一个列表跳转到相应商品的详情页中去, 使用router-link链接,代码如下 &amp;amp;lt; div v-for=“item in goods”&amp;amp;gt; &amp;amp;lt; router-link :to=&amp;quot;{name: ‘Details’, params: {goodId: item.goodId}}&amp;quot;&amp;amp;gt; &amp;amp;lt; /div&am
android跳转到淘宝详情页的小demo
demo的资源链接如下,有需求的童鞋自取:该demo实现了以下三个功能:1、存在淘宝app时跳转到淘宝商品详情界面(包括天猫商品)2、存在淘宝app时跳转到淘宝店铺界面(包括天猫店铺)3、不存在淘宝app时,通过WebView跳转到网页版淘宝(无论淘宝、天猫、商品、店铺)****************************************************************...
商品详情页与购物车实现
Android实现商品详情页面和购物车页面及逻辑判断,相信能帮到你!
用js原生加jquery实现下拉跳转至商品详情页,上拉回到商品简介
在做一个商城的项目时,做到商品详情页的时候需要实现这种下拉跳转到商品详情页加载许多图片,上拉回到商品简介的效果,并且需要用户在滑动时有一种费力的感觉。最初是通过iscroll插件实现的,但这个插件在使用时有太多坑儿,总是下面会出现大片空白,还找不到是哪里的问题。 这里用了js原生事件,核心是移动端的touchstart,touchmove,touchend三个事件,判断相对位移来绑定相应的事件。
【SSM分布式架构电商项目-19】商品详情页
进入商品详情页地址 http://www.taotao.com/item/{itemId}.html 商品基本数据显示 前台页面: 这里需要取到下标为0的图片,说明images是一个数组,然而在我们后台Item类中: 后台的Item的images是String,以‘,’来分割图片url。我们前台并没有Item,而且我们还要满足images是数组,所以我们可以通过继承后台的...
从订单信息页面进入订单详细商品页面,最简单的MVC思想
前言 习惯上图,看流程图把,下面是具体实现以后的一个流程图。 步骤- (1)点击订单详情,进入订单详情列表,展示订单的一下基本信息,在上图框内,可随机输入查询信息,查询具体订单信息。 (2)点击订单商品详情,进入具体订单,图中进入订单编号1的商品页面,可以看到具体商品信息,从数据库我们建立一张表,关联订单跟具体商品的关系。 正文 直接上代码吧,简单粗暴,因为之前有
商品浏览系统之商品详细信息显示页面实现
一 代码  page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>  page import="entity.Items"%>  page import="dao.ItemsDAO"%> String path = request.getContextPath()
Java Web学习(22): 阶段小项目实现商品浏览记录
案例项目:商品浏览记录的实现        项目架构:采用Model1模式(JSP+JavaBean)实现        具体的步骤:        1)实现DBHelper类        2)创建实体类        3)创建页面层        4)创建业务逻辑类(DAO)        项目目录结构:                DBHelper类        
【JSP篇】——cookie之商品浏览记录的实现:4.显示商品的详细信息
                                                       学习上一节:3.显示当前所有的商品效果与功能的实现                                                学习下一节:5.cookie实现前五条浏览记录1.功能介绍   前面我们实现了商品所有信息的显示,接下来要实现某一商品详细信息的显示。那么我们就...
vue中 商品详情页面布局及功能实现 点击小图切换大图
需求:点击下方小图时,上方大图转换为相对应小图。代码实现部分HTML部分 &amp;lt;div class=&quot;goodDetails_name_img&quot;&amp;gt;      &amp;lt;div style=&quot;width: 300px;height: 300px&quot;&amp;gt;             &amp;lt;img :src=&quot;ImgUrl&quot; style=&quot;width: 100%;height: 100%&amp
JavaWeb之实现商品列表展示
商城网页上的商品数据基本都放在数据库,都是在servlet中对数据库信息进行操作的。我还没有学到对数据库的操作,就暂时在servlet中模拟几条数据,继而显示在jsp页面中。 1、创建一个Phone的对象 public class Phone { //id,名称,图片,价格 private int id; private String name; priva...
26.使用html实现商品详情(没有实现,以后做)
!!!
Vue.js进阶【2-实例】vue + vuex + vue-router 超简单实现:电商商品列表和详情页面
本示例最大的特点就是足够的简单!!! 网上有大量的各种项目的的模板,掺杂了很多业务代码,业务代码不适合初学者学习vue技术本身。 学会了vue技术的典型应用只需要非常少的几行代码就足够了,学会了之后你可以随意做出你想做的任何应用。   用到的主要技术: vue:https://blog.csdn.net/calmreason/article/details/82528220 vue l...
我是如何实现前端H5第一个产品详情页实现的思路及步骤。
今天公司讨论了,接下来,我们为我们的单品网的工作具体任务安排。 由老马来组织召开了三人的简单会议。 会议就在整个开放的大办公室里(40-50人)进行,我,老马,老卢,坐在一个小圆桌上,开始了我们的会议。 一开始,我就把我的原型拿出来给大家看,接下来,我们要定的这些工作,很快,我们就决定了以下事情: 我负责H5前端的工作,老卢负责后端代码的数据支持实现。 我们就快速的完成第一个版本,这个版本是一个极...
php电子商务网站商品详情页
要想做C2C拍卖网站商品详情页,php的,功能还是很多的,需要的借鉴一下
淘淘商城系列——实现商品详情页面展示
我相信大家通过上文的学习已经搭建好了商品详情页面展示工程,本文我将带领大家一起实现商品详情页面展示。 首先我们来看一下商品详情页面代码,可以看到商品一般属性在TbItem实体类中都是存在的,只是图片需要特殊处理,因为TbItem实体类中图片的字段存储的是以”,”分隔的图片地址的字符串,因此要将字符串转换成数组才行,而TbItem实体类中是没有images属性的,这就需要我们再新建一个pojo类,该
18、【 商品管理模块开发】——前台商品详情、列表、搜索、动态排序功能开发
####1、接口编写: 在portal包下新建ProductController类: #####1、前台查询商品详情接口: *Controller: //前台查询商品详情接口 @RequestMapping(&quot;detail.do&quot;) @ResponseBody public ServerResponse&amp;lt;ProductDetailVo&amp;gt; detail...
微信小程序——点击商品分类跳转到该商品的商品详情页面(已实现)
        首先,我不得不感慨下,慕课网上“7七月”老师的课真的很强大,此处放链接https://coding.imooc.com/learn/list/75.html。        我只是学习到了一半就开始自己尝试做一个商城的小程序,竟然真的被我完成了大部分。好吧,就这样,这个课明明还有一半,我竟然不听了……         也不是不听,是我自己懒吧,能自己实现了,哈哈哈~这样还算是个...
淘淘商城46-商品详情页面代码编写
目录 1.商品详情页面效果 2.功能分析 3.编写代码 3.1dao层 3.2service层 3.2.1service接口 3.2.2service实现类 3.3Controller 4.运行测试 1.商品详情页面效果 2.功能分析 在搜索结果页面点击商品图片或者商品标题,展示商品详情页面。 在item.jsp中,我们查需要准备的数据,发现需要准备TbItem与Tb...
仿京东详情页跳转到购物车
代码名称与建包规范        依赖: compile 'com.jakewharton:butterknife:7.0.1' compile 'com.github.bumptech.glide:glide:3.7.0' compile 'com.google.code.gson:gson:2.8.2' compile 'com.nostra13.universalimageload
vue仿淘宝商品详情demo
使用vue2仿照了淘宝商品详情以及加入购物车。包含的页面有首页、分类更多、商品详情,其中商品详情的加入购物车利用了vue的组件功能
微信小程序商品到详情
微信小程序商品到详情
淘淘商城——实现商品详情页面展示
我相信大家通过上文的学习已经搭建好了商品详情页面展示工程,本文我将带领大家一起实现商品详情页面展示。 首先我们来看一下商品详情页面代码,可以看到商品一般属性在TbItem实体类中都是存在的,只是图片需要特殊处理,因为TbItem实体类中图片的字段存储的是以”,”分隔的图片地址的字符串,因此要将字符串转换成数组才行,而TbItem实体类中是没有images属性的,这就...
小程序实现锚点定位商品详情页
wxml: &amp;lt;view class=&quot;tab-item {{top&amp;lt;block_2ScrollTop-60?'active':''}}&quot; bindtap=&quot;toblock1&quot;&amp;gt;商品&amp;lt;/view&amp;gt; &amp;lt;view class=&quot;tab-item {{top&amp;gt;=block_2ScrollTop-60&amp;amp;&amp;amp;to
div+css+JQuery仿京东商品详情界面
div+css+JQuery仿京东商品详情界面
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 淘宝、商品网页制作教程 淘宝_商品网页制作教程