失眠网，内容丰富有趣，生活中的好帮手！
失眠网XML网站地图
全站
首页 失眠 养生 抑郁症 自闭症 抗癌 肿瘤 糖尿病 肾病 乙肝 精神分裂 减肥 育儿
推荐专题：
失眠网 > 黑马旅游网-旅游线路详情信息功能（九）

黑马旅游网-旅游线路详情信息功能（九）

时间：2020-05-15 12:38:12

相关推荐

黑马旅游网-旅游线路详情信息功能（九）

目录

一、分析

二、前端实现

三、后端实现

RouteServlet

RouteService

RouteServiceImpl

RouteImgDao

​​​​​​​RouteImgDaoImpl

​​​​​​​SellerDaoImpl

SellerDao

四、测试

一、分析

根据id查询一个旅游线路的详细信息

二、前端实现

route_detail.html

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>路线详情</title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="css/common.css"><link rel="stylesheet" type="text/css" href="css/route-detail.css"><script src="js/jquery-3.3.1.js"></script><script src="js/getParameter.js"></script></head><body><!--引入头部--><div id="header"></div><!-- 详情 start --> <div class="wrap"><div class="bread_box"><a href="/">首页</a><span> &gt;</span><a href="#">国内游</a><span> &gt;</span><a href="#">全国-曼谷6-7天自由行 泰国出境旅游 特价往返机票自由行二次确认</a></div><div class="prosum_box"><dl class="prosum_left"><dt><img alt="" class="big_img" src="/Public/uploads/goods_img/img_size4/03/m49788843d72171643297ccc033d9288ee.jpg"></dt><dd id="ddString"></dd></dl><div class="prosum_right"><p id="pros_title" class="pros_title"></p><p id="hot" class="hot"></p><div class="pros_other"><p>经营商家 ：<span id="seller_name"></span></p><p>咨询电话 : <span id="phone_number"></span></p><p>地址 ： <span id="address"></span></p></div><div class="pros_price"><p id="price" class="price"><strong>¥2699.00</strong><span>起</span></p><p class="collect"><a class="btn"><i class="glyphicon glyphicon-heart-empty"></i>点击收藏</a><a class="btn already" disabled="disabled"><i class="glyphicon glyphicon-heart-empty"></i>点击收藏</a><span>已收藏100次</span></p></div> </div></div><div class="you_need_konw"><span>旅游须知</span><div class="notice"><p>1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 <br><p>2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的，敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动；如旅游者不具备较好的身体条件及技能，可能会造成身体伤害。</p><p>3、参加出海活动时，请务必穿着救生设备。参加水上活动应注意自己的身体状况，有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时，严禁触摸海洋中各种鱼类，水母，海胆，珊瑚等海洋生物，避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时，注意保管好随身携带的贵重物品。</p><p>4、根据中国海关总署的规定，旅客在境外购买的物品，在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告第54号文件》。</p><p>5、建议出发时行李托运，贵重物品、常用物品、常用药品、御寒衣物等请随身携带，尽量不要托运。行李延误属于不可抗力因素，我司将全力协助客人跟进后续工作，但我司对此不承担任何责任。</p><p>1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 <br><p>2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的，敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动；如旅游者不具备较好的身体条件及技能，可能会造成身体伤害。</p><p>3、参加出海活动时，请务必穿着救生设备。参加水上活动应注意自己的身体状况，有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时，严禁触摸海洋中各种鱼类，水母，海胆，珊瑚等海洋生物，避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时，注意保管好随身携带的贵重物品。</p><p>4、根据中国海关总署的规定，旅客在境外购买的物品，在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告第54号文件》。</p><p>5、建议出发时行李托运，贵重物品、常用物品、常用药品、御寒衣物等请随身携带，尽量不要托运。行李延误属于不可抗力因素，我司将全力协助客人跟进后续工作，但我司对此不承担任何责任。</p></div> </div></div><!-- 详情 end --><!--引入头部--><div id="footer"></div><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="js/jquery-3.3.1.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="js/bootstrap.min.js"></script><!--导入布局js，共享header和footer--><script type="text/javascript" src="js/include.js"></script><script>$(document).ready(function() {goImg();//自动播放// var timer = setInterval("auto_play()", 5000);});function goImg(){//焦点图效果//点击图片切换图片$('.little_img').on('mousemove', function() {$('.little_img').removeClass('cur_img');var big_pic = $(this).data('bigpic');$('.big_img').attr('src', big_pic);$(this).addClass('cur_img');});//上下切换var picindex = 0;var nextindex = 4;$('.down_img').on('click',function(){var num = $('.little_img').length;if((nextindex + 1) <= num){$('.little_img:eq('+picindex+')').hide();$('.little_img:eq('+nextindex+')').show();picindex = picindex + 1;nextindex = nextindex + 1;}});$('.up_img').on('click',function(){var num = $('.little_img').length;if(picindex > 0){$('.little_img:eq('+(nextindex-1)+')').hide();$('.little_img:eq('+(picindex-1)+')').show();picindex = picindex - 1;nextindex = nextindex - 1;}});}//自动轮播方法function auto_play() {var cur_index = $('.prosum_left dd').find('a.cur_img').index();cur_index = cur_index - 1;var num = $('.little_img').length;var max_index = 3;if ((num - 1) < 3) {max_index = num - 1;}if (cur_index < max_index) {var next_index = cur_index + 1;var big_pic = $('.little_img:eq(' + next_index + ')').data('bigpic');$('.little_img').removeClass('cur_img');$('.little_img:eq(' + next_index + ')').addClass('cur_img');$('.big_img').attr('src', big_pic);} else {var big_pic = $('.little_img:eq(0)').data('bigpic');$('.little_img').removeClass('cur_img');$('.little_img:eq(0)').addClass('cur_img');$('.big_img').attr('src', big_pic);}}//实现加载路线详情$(function () {// <dd>//<a class="up_img up_img_disable"></a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m40920d0669855e745d97f9ad1df966ebb.jpg">// <img src="/Public/uploads/goods_img/img_size2/03/m20920d0669855e745d97f9ad1df966ebb.jpg">// </a>// <a title="" class="little_img cur_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m49788843d72171643297ccc033d9288ee.jpg">// <img src="/Public/uploads/goods_img/img_size2/03/m29788843d72171643297ccc033d9288ee.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m4531a8dbceefa2c44e6d0e35627cd2689.jpg">// <img src="/Public/uploads/goods_img/img_size2/03/m2531a8dbceefa2c44e6d0e35627cd2689.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m46d8cb900e9f6c0a762aca19eae40c00c.jpg">// <img src="/Public/uploads/goods_img/img_size2/03/m26d8cb900e9f6c0a762aca19eae40c00c.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m45ea00f6eba562a767b5095bbf8cffe07.jpg" style="display:none;">// <img src="/Public/uploads/goods_img/img_size2/03/m25ea00f6eba562a767b5095bbf8cffe07.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m4265ec488cd1bc7ce749bc8c9b34b87bc.jpg" style="display:none;">// <img src="/Public/uploads/goods_img/img_size2/03/m2265ec488cd1bc7ce749bc8c9b34b87bc.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m4e7e964909d7dd1a9f6e5494d4dc0c847.jpg" style="display:none;">// <img src="/Public/uploads/goods_img/img_size2/03/m2e7e964909d7dd1a9f6e5494d4dc0c847.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m467db00e1b76718fab0fe8b96e10f4d35.jpg" style="display:none;">// <img src="/Public/uploads/goods_img/img_size2/03/m267db00e1b76718fab0fe8b96e10f4d35.jpg">// </a>// <a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m487bbbc6e43eba6aa6a36cc1a182f7a20.jpg" style="display:none;">// <img src="/Public/uploads/goods_img/img_size2/03/m287bbbc6e43eba6aa6a36cc1a182f7a20.jpg">// </a>// <a class="down_img down_img_disable" style="margin-bottom: 0;"></a>// </dd>var rid=getParameter("rid");//通过异步获取route信息$.get("route/queryOne",{rid:rid},function (route) {$("#pros_title").html(route.rname);$("#hot").html(route.routeIntroduce);$("#price").html("¥"+route.price);$("#seller_name").html(route.seller.sname);$("#phone_number").html(route.seller.consphone);$("#address").html(route.seller.address);//图片信息var ddstr = ' <a class="up_img up_img_disable"></a>';//遍历图片集合for(var i=0;i<route.routeImgList.length;i++){/**<a title="" class="little_img" data-bigpic="/Public/uploads/goods_img/img_size4/03/m40920d0669855e745d97f9ad1df966ebb.jpg"><img src="/Public/uploads/goods_img/img_size2/03/m20920d0669855e745d97f9ad1df966ebb.jpg"></a>*/var astr="";if (i>=4){//图片超出展示astr='<a title="" class="little_img" style="display:none;" data-bigpic="'+route.routeImgList[i].bigPic+'">\n' +'<img src="'+route.routeImgList[i].smallPic+'">\n' +' </a>';}else {astr='<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'">\n' +'<img src="'+route.routeImgList[i].smallPic+'">\n' +' </a>';}ddstr+=astr;}ddstr+='<a class="down_img down_img_disable" style="margin-bottom: 0;"></a>';$("#ddString").html(ddstr);goImg();});});</script></body></html>

三、后端实现

​​​​​​​RouteServlet

package com.hotdas.travel.web.servlet;import com.hotdas.travel.domain.PageBean;import com.hotdas.travel.domain.Route;import com.hotdas.travel.service.RouteService;import com.hotdas.travel.service.impl.RouteServiceImpl;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;@WebServlet("/route/*")public class RouteServlet extends BaseServlet {private RouteService routeService = new RouteServiceImpl();public void queryPage(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException,Exception {//接收参数String currentPageStr = request.getParameter("currentPage");String cidStr = request.getParameter("cid");String pageSizeStr = request.getParameter("pageSize");System.out.println("cid="+cidStr);//有可能通过线路名称查询String rnameStr = request.getParameter("rname");rnameStr=new String(rnameStr.getBytes("iso-8859-1"),"utf-8");System.out.println("rname="+rnameStr);//判断cidint cid =0;if(cidStr!=null && cidStr.length()>0 && !"null".equals(cidStr)){cid=Integer.parseInt(cidStr);}int currentPage=1;if(currentPageStr!=null && currentPageStr.length()>0){currentPage=Integer.parseInt(currentPageStr);}else{currentPage=1;}int pageSize = 0;if(pageSizeStr!=null && pageSizeStr.length()>0){pageSize=Integer.parseInt(pageSizeStr);}else{pageSize=5;}//调用service查询数据PageBean<Route> pageBean = routeService.queryPage(cid,currentPage,pageSize,rnameStr);writeValue(pageBean,response);}//查询路线详情信息public void queryOne(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException,Exception {System.out.println("queryOne is running ...");//获取ridString rid = request.getParameter("rid");//调用service查询路线的详情信息Route route = routeService.findOne(rid);//转化为json返回客户端writeValue(route,response);}}

RouteService

package com.hotdas.travel.service;import com.hotdas.travel.domain.PageBean;import com.hotdas.travel.domain.Route;public interface RouteService {PageBean<Route> queryPage(int cid, int currentPage, int pageSize, String rnameStr);Route findOne(String rid);}

RouteServiceImpl

package com.hotdas.travel.service.impl;import com.hotdas.travel.dao.RouteDao;import com.hotdas.travel.dao.RouteImgDao;import com.hotdas.travel.dao.SellerDao;import com.hotdas.travel.dao.impl.RouteDaoImpl;import com.hotdas.travel.dao.impl.RouteImgDaoImpl;import com.hotdas.travel.dao.impl.SellerDaoImpl;import com.hotdas.travel.domain.PageBean;import com.hotdas.travel.domain.Route;import com.hotdas.travel.domain.RouteImg;import com.hotdas.travel.domain.Seller;import com.hotdas.travel.service.RouteService;import java.util.List;public class RouteServiceImpl implements RouteService {private RouteDao routeDao = new RouteDaoImpl();private RouteImgDao routeImgDao = new RouteImgDaoImpl();private SellerDao sellerDao = new SellerDaoImpl();@Overridepublic PageBean<Route> queryPage(int cid, int currentPage, int pageSize, String rnameStr) {PageBean<Route> pageBean = new PageBean<>();pageBean.setCurrentPage(currentPage);pageBean.setPageSize(pageSize);//每页的记录集//先求出开始的索引int start = (currentPage-1)*pageSize;List<Route> list = routeDao.queryPageList(cid,start,pageSize,rnameStr);pageBean.setList(list);//总记录数int totalCount = routeDao.queryCount(cid,rnameStr);pageBean.setTotalCount(totalCount);//求出总页数int pageCount = totalCount% pageSize ==0 ? totalCount/pageSize : (totalCount/pageSize)+1;pageBean.setTotalPage(pageCount);return pageBean;}@Overridepublic Route findOne(String rid) {//详情的文字信息Route route = routeDao.findOne(rid);//查询详情的图片设置到集合中List<RouteImg> list = routeImgDao.queryByRid(rid);route.setRouteImgList(list);//查询商家信息Seller seller = sellerDao.findById(route.getSid());route.setSeller(seller);return route;}}

RouteImgDao

package com.hotdas.travel.dao;import com.hotdas.travel.domain.RouteImg;import java.util.List;public interface RouteImgDao {List<RouteImg> queryByRid(String rid);}

​​​​​​​RouteImgDaoImpl

package com.hotdas.travel.dao.impl;import com.hotdas.travel.dao.RouteImgDao;import com.hotdas.travel.domain.RouteImg;import com.hotdas.travel.util.JDBCUtils;import org.springframework.jdbc.core.BeanPropertyRowMapper;import org.springframework.jdbc.core.JdbcTemplate;import java.util.List;public class RouteImgDaoImpl implements RouteImgDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());@Overridepublic List<RouteImg> queryByRid(String rid) {String sql ="select * from tab_route_img where rid =?";List<RouteImg> routeImgs = template.query(sql,new BeanPropertyRowMapper<RouteImg>(RouteImg.class),rid);return routeImgs;}}

​​​​​​​SellerDaoImpl

package com.hotdas.travel.dao.impl;import com.hotdas.travel.dao.SellerDao;import com.hotdas.travel.domain.Seller;import com.hotdas.travel.util.JDBCUtils;import org.springframework.jdbc.core.BeanPropertyRowMapper;import org.springframework.jdbc.core.JdbcTemplate;public class SellerDaoImpl implements SellerDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());@Overridepublic Seller findById(int sid) {String sql = "select * from tab_seller where sid=?";Seller seller = template.queryForObject(sql,new BeanPropertyRowMapper<Seller>(Seller.class),sid);return seller;}}

SellerDao

package com.hotdas.travel.dao;import com.hotdas.travel.domain.Seller;public interface SellerDao {Seller findById(int sid);}

四、测试

点击国内游，选择一个，查看旅游详细页

有更好优化的代码，可以在评论区展示出来

如果觉得《黑马旅游网-旅游线路详情信息功能（九）》对你有帮助，请点赞、收藏，并留下你的观点哦！

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法，并不表明网站立场。
相关阅读
JavaWeb黑马旅游网-学习笔记08【旅游线路详情】

JavaWeb黑马旅游网-学习笔记08【旅游线路详情】

2022-10-26

黑马旅游网编写练习(7)--某一旅游线路详情展示

黑马旅游网编写练习(7)--某一旅游线路详情展示

2020-04-05

黑马旅游网-线路收藏功能（十）

黑马旅游网-线路收藏功能（十）

2019-07-21

黑马旅游网编写练习(9)--旅游线路收藏功能

黑马旅游网编写练习(9)--旅游线路收藏功能

2018-11-29

最近发布
综合疗法：代茶饮+保健操+补肝肾+通血脉 缓解失眠 血瘀和血压不稳

综合疗法：代茶饮+保健操+补肝肾+通血脉 缓解失眠 血瘀和血压不稳

2024-08-13

如何治疗失眠抑郁症您了解吗

如何治疗失眠抑郁症您了解吗

2024-08-13

火在肝里失眠 火在胃里口臭 火在肺里咳嗽...

火在肝里失眠 火在胃里口臭 火在肺里咳嗽...

2024-08-13

经常失眠多梦 多半是心肾不足 吃莲子有益

经常失眠多梦 多半是心肾不足 吃莲子有益

2024-08-13

这个天王竟能养血补心治失眠

这个天王竟能养血补心治失眠

2024-08-13

紧张失眠？喝醋可帮您改善！

紧张失眠？喝醋可帮您改善！

2024-08-13

应对新生妈妈的失眠抑郁：有效方法与建议

应对新生妈妈的失眠抑郁：有效方法与建议

2024-08-13

失眠治疗催眠曲有效吗

失眠治疗催眠曲有效吗

2024-08-13

专家介绍引起失眠的原因有哪些呢

专家介绍引起失眠的原因有哪些呢

2024-08-13

慢性失眠的病因解析：专家带你了解引发失眠的因素

慢性失眠的病因解析：专家带你了解引发失眠的因素

2024-08-13

推荐专题
诺氟沙星与失眠 晚上失眠要多喝水吗怎么办 刚怀孕会经常打嗝和失眠吗 失眠多梦代表 血液头部上涌 失眠 六十岁老人失眠的治疗方法 突聋会失眠吗 为什么经常失眠 失眠是因为什么原因造成的 失眠听力下降 失眠多久会自动恢复正常 失眠一天吃什么食物好呢 真正失眠文案 上火浑身没劲失眠 百天男婴失眠
猜你喜欢：
酸枣根和丹参治严重失眠 爸妈夜晚失眠 晚上怎么晚上怎么失眠 感冒鼻塞失眠四肢无力怕冷 失眠熊心海 通便法治失眠 健忘失眠的视频文案 手脚舌头发麻失眠忽然耳鸣 失眠的夜在忠百度网盘 怎么治疗失眠土办法图片 清明节失眠的夜发朋友圈 郭立中治失眠 失眠中药方剂大全 失眠全身烦躁 夜间睡觉总失眠是什么原因 韩剧失眠名场面 我要失眠的夜夜的乐谱图片 失眠酒拼音 乙肝携带者总是失眠怎么办 失眠AI配音 黄芪导致失眠吗 不给自己机会失眠 经前失眠头晕 妈妈失眠宝宝会跟着失眠吗 失眠飞行和声伴奏 拯救失眠解压软件 最近要换工作总失眠 丹参胶囊失眠 又要失眠吗 失眠代写
展开

失眠网 免责声明© 2024 All Rights Reserved.

湘ICP备19021678号网站地图XML

© 2024 All Rights Reserved.

失眠网 免责声明