【4.旅游线路名称查询-参数传递】

2023-11-23 15:18:59

查询参数的传递

route_list.html4.0代码

修改后台代码

RouteServlet之前

RouteDaoImpl1.0

改进后的RouteDaoImpl2.0

改进后的RouteServlet2.0

编辑修改前台代码

route_list.html

RouteServlet3.0

旅游线路的详情展示

分析

整体过程

代码实现

后台代码

RouteServlet

RouteService

RouteServiceImpl

RouteDao

RouteDaoImpl

RouteImgDao

RouteImgDaoImpl

前台代码

准备工作:

route_detail.html完整代码

【出现错误】分页无法显示

【错误原因】

【改正方法】

RouteDaoImpl

【出现问题】页面详情未能实现动态&方法getParameter未被定义？

【原因及解决办法】

引入方法

route_detail.html

查询参数的传递

在header.html中有搜索框，在其中输入名称可以模糊查询线路，要实现先在搜索超链接中绑定id

给搜索按钮绑定单击事件，获取搜索输入框的内容

//给搜索按钮绑定单击事件，获取搜索输入框的内容 $("#search-button").click(function () { //获取输入框线路名称 var rname = $("#search_input").val(); //测试一下 alert(rname); })

如果不能显示则可能是缓存的问题，多刷新几次

cid的获取则是通过route_list.html里的search()方法得到

location中的search()方法设置或返回从问号(?)开始的URL(查询部分).

原来是这样写的

$(function () {//location中的search()方法 设置或返回从问号(?)开始的URL(查询部分).var search = location.search;// alert(search);//测试一下// 切割字符串，拿到第二个值var cid = search.split("=")[1];//当页码加载完成后，调用load方法，发送ajax请求加载数据load(cid);
});

但是太麻烦了，js封装好了一个方法getParameter

//根据传递过来的参数name获取对应的值
function getParameter(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");var r = location.search.substr(1).match(reg);if (r!=null) return (r[2]); return null;
}

通过引入js文件，调用方法获取cid

拼接成果

现在来简化一下route_list.html

看了一下代码，是顺序的问题，先输出再解码，怪不得，换一下顺序就正常了

route_list.html4.0代码

$(function () {/* //location中的search()方法 设置或返回从问号(?)开始的URL(查询部分).var search = location.search;// alert(search);//测试一下// 切割字符串，拿到第二个值// var cid = search.split("=")[1];*///引入js有了更方便的方法如下↓//获取cid的参数值var cid = getParameter("cid");//获取rname的参数值var rname = getParameter("rname");//http://localhost/travel/route_list.html?cid=5&rname=%E5%85%B5%E9%A9%AC%E4%BF%91//http://localhost/travel/route_list.html?cid=5&rname=%E9%95%BF%E5%9F%8Eif(rname){  //判断rname如果不为null或者""//url解码rname = window.decodeURIComponent(rname);}alert(cid);alert(rname);//当页码加载完成后，调用load方法，发送ajax请求加载数据load(cid);
});

//给搜索按钮绑定单击事件，获取搜索输入框的内容
$("#search-button").click(function () {//获取输入框 线路名称var rname = $("#search_input").val();//测试一下// alert(rname);//获取cidvar cid = getParameter("cid");// alert(cid);//路径和查询条件拼接  跳转路径 http://localhost/travel/route_list.html?cid=5，拼接上rname=xxxlocation.href="http://localhost/travel/route_list.html?cid="+cid+"&rname="+rname;})

修改后台代码

新增rname变量，后台代码也要改写

RouteServlet之前

package cn.itcast.travel.web.servlet;import cn.itcast.travel.domain.PageBean;
import cn.itcast.travel.domain.Route;
import cn.itcast.travel.service.RouteService;
import cn.itcast.travel.service.impl.RouteServiceImpl;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** @author 乱码酱* @date ：2023-01-09 15:01* @program: hello_maven* @create:*/
@WebServlet("/route/*")
public class RouteServlet extends BaseServlet {private RouteService routeService = new RouteServiceImpl();/*** 分页查询* @param request* @param response* @throws ServletException* @throws IOException*/public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.接受参数String currentPageStr = request.getParameter("currentPage");  //当前页码String pageSizeStr = request.getParameter("pageSize");//每页显示的条数String cidStr = request.getParameter("cid");//分页idint cid = 0;//类别id//2.处理参数if(cidStr != null && cidStr.length() > 0){cid = Integer.parseInt(cidStr);}int currentPage = 0;//当前页码，如果不传递，则默认为第一页if(currentPageStr != null && currentPageStr.length() > 0){currentPage = Integer.parseInt(currentPageStr);}else{currentPage = 1;}int pageSize = 0;//每页显示条数，如果不传递，默认每页显示5条记录if(pageSizeStr != null && pageSizeStr.length() > 0){pageSize = Integer.parseInt(pageSizeStr);}else{pageSize = 5;}//3. 调用service查询PageBean对象PageBean pb = routeService.pageQuery(cid, currentPage, pageSize);//4. 将pageBean对象序列化为json，返回writeValue(pb,response);}}

在RouteDaoImpl中因为cid和rname不一定同时出现，可能只会出现其中一个也可能都出现，所以要改写dao层多条件组合查询语句，

RouteDaoImpl1.0

public class RouteDaoImpl implements RouteDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());/*根据cid查询总的记录数*/@Overridepublic int findTotalCount(int cid, String rname) {String sql = "select count(*) from tab_route where cid = ?";return template.queryForObject(sql,Integer.class,cid);}/*根据cid,start,pageSize查询当前的数据集合*/@Overridepublic List findByPage(int cid, int start, int pageSize, String rname) {String sql = "select * from tab_route where cid=? limit ? , ?";//limit后的两个问号，第一个表示从哪里开始，第二个表示查询多少个记录return template.query(sql,new BeanPropertyRowMapper(Route.class),cid, start, pageSize);}
}

改进后的RouteDaoImpl2.0

sql语句重新赋值，拼接多条件查询

public class RouteDaoImpl implements RouteDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());/*根据cid查询总的记录数*/@Overridepublic int findTotalCount(int cid, String rname) {
//        String sql = "select count(*) from tab_route where cid = ?";//1.定义sql语句String sql = " select count(*) from tab_route where 1 = 1 ";//注意前后有空格StringBuilder sb = new StringBuilder(sql);List params = new ArrayList(); //条件们//2.判断参数是否有值if (cid != 0){sb.append(" and cid = ? ");params.add(cid);  //添加对应？的值}if (rname != null && rname.length() > 0){sb.append(" and rname like ?");//模糊查询params.add("%"+rname+"%");}sql = sb.toString();//sql语句重新赋值，拼接多条件查询return template.queryForObject(sql,Integer.class,params.toArray());}/*根据cid,start,pageSize查询当前的数据集合*/@Overridepublic List findByPage(int cid, int start, int pageSize, String rname) {
//        String sql = "select * from tab_route where cid=? and rname like ? limit ? , ?";//limit后的两个问号，第一个表示从哪里开始，第二个表示查询多少个记录//1.定义sql模板String sql = " select * from tab_route where 1 = 1 ";StringBuilder sb = new StringBuilder(sql);List params = new ArrayList();//条件们//2.判断参数是否有值if(cid != 0){sb.append( " and cid = ? ");params.add(cid);//添加？对应的值}if(rname != null && rname.length() > 0){sb.append(" and rname like ? ");params.add("%"+rname+"%");}sb.append(" limit ? , ? ");//分页条件sql = sb.toString();//sql语句重新赋值，拼接多条件查询params.add(start);params.add(pageSize);return template.query(sql,new BeanPropertyRowMapper(Route.class),params.toArray());}
}

http://localhost/travel/route/pageQuery?cid=5&rname=%E4%BA%91%E5%8D%97

查询时会查不出来rname的内容，因为中文乱码

解决方法：

在RouteServlet拿到rname后进行编码

rname = new String(rname.getBytes("iso-8859-1"), "utf-8");

改进后的RouteServlet2.0

@WebServlet("/route/*")
public class RouteServlet extends BaseServlet {private RouteService routeService = new RouteServiceImpl();/*** 分页查询** @param request* @param response* @throws ServletException* @throws IOException*/public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.接受参数String currentPageStr = request.getParameter("currentPage");  //当前页码String pageSizeStr = request.getParameter("pageSize");//每页显示的条数String cidStr = request.getParameter("cid");//分页id//接收rname线路名称String rname = request.getParameter("rname");rname = new String(rname.getBytes("iso-8859-1"), "utf-8");int cid = 0;//类别id//2.处理参数if (cidStr != null && cidStr.length() > 0) {cid = Integer.parseInt(cidStr);}int currentPage = 0;//当前页码，如果不传递，则默认为第一页if (currentPageStr != null && currentPageStr.length() > 0) {currentPage = Integer.parseInt(currentPageStr);} else {currentPage = 1;}int pageSize = 0;//每页显示条数，如果不传递，默认每页显示5条记录if (pageSizeStr != null && pageSizeStr.length() > 0) {pageSize = Integer.parseInt(pageSizeStr);} else {pageSize = 5;}//3. 调用service查询PageBean对象PageBean pb = routeService.pageQuery(cid, currentPage, pageSize, rname);//4. 将pageBean对象序列化为json，返回writeValue(pb, response);}}

修改前台代码

route_list.html

route_list.html的load方法也有修改（加上参数rname）

之前

function load(cid ,currentPage){//发送ajax请求，请求route/pageQuery,传递cid$.get("route/pageQuery",{cid:cid,currentPage:currentPage},function (pb) {//解析pagebean数据，展示到页面上//1.分页工具条数据展示//1.1 展示总页码和总记录数$("#totalPage").html(pb.totalPage);$("#totalCount").html(pb.totalCount);var lis = "";var fristPage = '首页
';//onclick放到这里就可以点击框框也可以跳转       //已是首页啥也不做//计算上一页的页码          当前页码-1var beforeNum =  pb.currentPage - 1;if(beforeNum <= 0){beforeNum = 1; //如果已经是最前页就回到第一页}var beforePage = '上一页
';lis += fristPage;lis += beforePage;//1.2 展示分页页码/*1.一共展示10个页码，能够达到前5后4的效果2.如果前边不够5个，后边补齐10个3.如果后边不足4个，前边补齐10个*/// 定义开始位置begin,结束位置 endvar begin; // 开始位置var end ; //  结束位置//1.要显示10个页码if(pb.totalPage < 10){//a.总页码不够10页(本次不存在此情况)begin = 1;end = pb.totalPage;}else{//b.总页码超过10页begin = pb.currentPage - 5 ;end = pb.currentPage + 4 ;//b.1.如果前边不够5个，后边补齐10个if(begin < 1){begin = 1;end = begin + 9;}//b.2如果后边不足4个，前边补齐10个if(end > pb.totalPage){end = pb.totalPage;begin = end - 9 ;}}//加上判断更严谨for (var i = begin; i <= end ; i++) {var li;//判断当前页码是否等于iif(pb.currentPage == i){li = ''+i+'
';//是当前页码添加当前页码样式class="curPage"}else{//创建页码的li  //不是当前页码，不添加当前页码样式li = ''+i+'
';}//拼接字符串lis += li;}//计算后一页的页码       当前页码+1var afterNum = pb.currentPage + 1;if (afterNum > pb.totalPage){  //如果已经是最末页就回到最末页afterNum = pb.totalPage;}//后一页var nextPage = '下一页
';//最后一页var lastPage = '末页
';lis += nextPage;lis += lastPage;//将lis内容设置到 ul$("#pageNum").html(lis);//2.列表数据展示var route_lis = "";for (var i = 0; i < pb.list.length; i++) {//获取{rid:1,rname:"xxx"}var route = pb.list[i];var li = '\n' +
'                        \n' +
'                        \n' +
'                            '+route.rname+'\n' +
'                            
\n' +
'                            '+route.routeIntroduce+'\n' +
'                        \n' +
'                        \n' +
'                            \n' +
'                                ¥\n' +
'                                '+route.price+'\n' +
'                                起\n' +
'                            \n' +
'                            查看详情\n' +
'                        \n' +
'                    
';route_lis += li;}$("#route").html(route_lis);//定位到页面顶部window.scrollTo(0,0);});}

之后

οnclick="javascipt:load(5,1,\'西安\')" 出现两个引号，避免拼接使用转义字符\

成功搜索相关景区及信息，实现动态翻页

在国内游可以查询，但是首页查不到，因为此时cidStr为0，在route-list.html加上这句话

RouteServlet3.0

@WebServlet("/route/*")
public class RouteServlet extends BaseServlet {private RouteService routeService = new RouteServiceImpl();/*** 分页查询** @param request* @param response* @throws ServletException* @throws IOException*/public void pageQuery(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.接受参数String currentPageStr = request.getParameter("currentPage");  //当前页码String pageSizeStr = request.getParameter("pageSize");//每页显示的条数String cidStr = request.getParameter("cid");//分页id//接收rname线路名称String rname = request.getParameter("rname");rname = new String(rname.getBytes("iso-8859-1"), "utf-8");int cid = 0;//类别id//2.处理参数                                    并且cidStr不等于nullif (cidStr != null && cidStr.length() > 0 && !"null".equals(cidStr)) {cid = Integer.parseInt(cidStr);}int currentPage = 0;//当前页码，如果不传递，则默认为第一页if (currentPageStr != null && currentPageStr.length() > 0 ) {currentPage = Integer.parseInt(currentPageStr);} else {currentPage = 1;}int pageSize = 0;//每页显示条数，如果不传递，默认每页显示5条记录if (pageSizeStr != null && pageSizeStr.length() > 0) {pageSize = Integer.parseInt(pageSizeStr);} else {pageSize = 5;}//3. 调用service查询PageBean对象PageBean pb = routeService.pageQuery(cid, currentPage, pageSize, rname);//4. 将pageBean对象序列化为json，返回writeValue(pb, response);}}

旅游线路的详情展示

点击“详情”超链接进入

route_detail.html

rid发生相应变化

分析

详情页页面展示

整体过程

由分析可得知，RouteService 对应三个dao，分别是查找route对象的RouteDao 、查询tab_route_img图片的RouteImgDao、查询tab_seller卖家信息的SellerDao

代码实现

后台代码

RouteServlet

 /*** 根据id查询一个旅游线路的详情* @param request* @param response* @throws ServletException* @throws IOException*/public void findOne(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//          1.接收idString rid = request.getParameter("rid");
//        2.调用service查询route对象Route route = routeService.findOne(rid);
//        3.转为json写回客户端writeValue(route,response);}

RouteService

public interface RouteService {
//    根据类别进行分页查询public PageBean pageQuery(int cid, int currentPage, int pageSize, String rname);//根据id查询route对象Route findOne(String rid);
}

RouteServiceImpl

/*** @author 乱码酱* @date ：2023-01-09 15:48* @program: hello_maven* @create:*/
public class RouteServiceImpl implements RouteService {private RouteDao routeDao = new RouteDaoImpl();private RouteImgDao routeImgDao = new RouteImgDaoImpl();private SellerDao sellerDao = new SellerDaoImpl();@Override   //根据类别进行分页查询public PageBean pageQuery(int cid, int currentPage, int pageSize,String rname) {//封装PageBeanPageBean pb = new PageBean();//设置当前页码（客户端提交的）pb.setCurrentPage(currentPage);//设置每页显示条数（客户端提交的）pb.setPageSize(pageSize);//设置总记录数（数据库查询得到 ）int totalCount = routeDao.findTotalCount(cid,rname);pb.setTotalCount(totalCount);//设置当前页显示的数据结合int start = (currentPage - 1) * pageSize;  //开始的记录数List list = routeDao.findByPage(cid, start, pageSize, rname);pb.setList(list);//设置总页数（可以通过 总记录数/每页显示条数 计算得到）int totalPage = totalCount % pageSize == 0 ? (totalCount / pageSize) : (totalCount / pageSize) + 1 ;//通过totalCount对pageSize进行取模运算，若能被整取则返回第一个值，若不能则返回第二个值pb.setTotalPage(totalPage);return pb;}@Override  //根据id查询route对象public Route findOne(String rid) {//1.根据id去route表中查询route对象Route route = routeDao.findOne(Integer.parseInt(rid));//2.根据route的id 查询图片集合信息List routeImgList = routeImgDao.findByRid(route.getRid());//2.2将集合设置到route对象route.setRouteImgList(routeImgList);//3.根据route的sid（商家id）查询商家对象Seller seller = sellerDao.findById(route.getSid());route.setSeller(seller);return route;}
}

RouteDao

//根据id查询route对象 
public Route findOne(int rid);

RouteDaoImpl

@Override //根据id查询route对象
public Route findOne(int rid) {String sql = "select * from tab_route where rid = ?";return template.queryForObject(sql,new BeanPropertyRowMapper(Route.class),rid);
}

RouteImgDao

/** * 根据route的id查询图片 */public List findByRid(int rid);

RouteImgDaoImpl

public class RouteImgDaoImpl implements RouteImgDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());@Override   //根据route的id查询图片public List findByRid(int rid) {String sql = "select * from tab_route_img where rid = ? ";return template.query(sql,new BeanPropertyRowMapper(RouteImg.class),rid);}}

测试一下，访问

http://localhost/travel/route/findOne?rid=1

得到

{ "rid": 1, "rname": "【旅展 半价特惠 重走丝路•漫游宁夏 双飞4天】银川西部影视城 穆民新村 中卫沙坡头【品美酒 回族学唱花儿 感悟民俗】", "price": 999.0, "routeIntroduce": "走进【宁夏沙坡头】，感受西北大漠风情、体会“大漠孤烟直，长河落日圆”的塞上风光！", "rflag": "1", "rdate": "2018-02-09 01:13:16", "isThemeTour": "0", "count": 0, "cid": 5, "rimage": "img/product/small/m304b69a4c8328f7d6b8d5dadef020fe07.jpg", "sid": 1, "sourceId": "23677", "category": null, "seller": { "sid": 1, "sname": "黑马程序员", "consphone": "12345678901", "address": "传智播客javaEE学院" }, "routeImgList": [{ "rgid": 1, "rid": 1, "bigPic": "img/product/size4/m421d66d4446940b1c80a0092c91e75184.jpg", "smallPic": "img/product/size2/m221d66d4446940b1c80a0092c91e75184.jpg" }, { "rgid": 2, "rid": 1, "bigPic": "img/product/size4/m4227f0cde1b021a77c56c1c18a8f2e7fd.jpg", "smallPic": "img/product/size2/m2227f0cde1b021a77c56c1c18a8f2e7fd.jpg" }, { "rgid": 3, "rid": 1, "bigPic": "img/product/size4/m412cf97538027a813a4fb0bd6980a7fea.jpg", "smallPic": "img/product/size2/m212cf97538027a813a4fb0bd6980a7fea.jpg" }, { "rgid": 4, "rid": 1, "bigPic": "img/product/size4/m47fe3031a3df75ab5e6711ae2338c18f7.jpg", "smallPic": "img/product/size2/m27fe3031a3df75ab5e6711ae2338c18f7.jpg" }] }

使用json在线解析得到

{"rid": 1,"rname": "【旅展 半价特惠 重走丝路•漫游宁夏 双飞4天】银川西部影视城 穆民新村 中卫沙坡头【品美酒 回族学唱花儿 感悟民俗】","price": 999.0,"routeIntroduce": "走进【宁夏沙坡头】，感受西北大漠风情、体会“大漠孤烟直，长河落日圆”的塞上风光！","rflag": "1","rdate": "2018-02-09 01:13:16","isThemeTour": "0","count": 0,"cid": 5,"rimage": "img/product/small/m304b69a4c8328f7d6b8d5dadef020fe07.jpg","sid": 1,"sourceId": "23677","category": null,"seller": {"sid": 1,"sname": "黑马程序员","consphone": "12345678901","address": "传智播客javaEE学院"},"routeImgList": [{"rgid": 1,"rid": 1,"bigPic": "img/product/size4/m421d66d4446940b1c80a0092c91e75184.jpg","smallPic": "img/product/size2/m221d66d4446940b1c80a0092c91e75184.jpg"}, {"rgid": 2,"rid": 1,"bigPic": "img/product/size4/m4227f0cde1b021a77c56c1c18a8f2e7fd.jpg","smallPic": "img/product/size2/m2227f0cde1b021a77c56c1c18a8f2e7fd.jpg"}, {"rgid": 3,"rid": 1,"bigPic": "img/product/size4/m412cf97538027a813a4fb0bd6980a7fea.jpg","smallPic": "img/product/size2/m212cf97538027a813a4fb0bd6980a7fea.jpg"}, {"rgid": 4,"rid": 1,"bigPic": "img/product/size4/m47fe3031a3df75ab5e6711ae2338c18f7.jpg","smallPic": "img/product/size2/m27fe3031a3df75ab5e6711ae2338c18f7.jpg"}]
}

前台代码

Route_detail.html中加载后

1.获取rid

2.发送ajax请求，获取route对象

3.解析对象的数据

准备工作:

加上标题、价格、描述的id

改写一下标签

改写前：

经营商家  ：黑马国旅
咨询电话 : 400-618-9090
地址 ： 传智播客黑马程序员

改写后：

经营商家  ：黑马国旅
咨询电话 : 400-618-9090
地址 ： 传智播客黑马程序员

完成准备和代码后测试会发现缩略小图展示不出来，这是因为之前的图片展示的指令在页面一开始就会执行，但是后来图片变成了动态的效果反而还未执行，先后执行顺序出了问题，所以空空如也

之前的点击事件

$(document).ready(function() {//焦点图效果//点击图片切换图片$('.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;}});//自动播放// var timer = setInterval("auto_play()", 5000);
});

为了后续执行代码顺序不出错，将其封装在一个方法里,当页面加载完之后调用方法

$(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;}});}

后续还是无法显示，因为原有标签代码有一个隐藏的属性

style="display:none;"

修改一下即可

route_detail.html完整代码


路线详情


   首页 >国内游 >全国-曼谷6-7天自由行 泰国出境旅游 特价往返机票自由行二次确认
【尾单特卖】全国-曼谷6-7天自由行 泰国出境旅游 特价往返机票自由行二次确认
1-2月出发，网付立享￥1099/2人起！爆款位置有限，抢完即止！
经营商家  ：黑马国旅
咨询电话 : 400-618-9090
地址 ： 传智播客黑马程序员
¥2699.00起
点击收藏点击收藏已收藏100次
        旅游须知1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 
2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的，敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动；如旅游者不具备较好的身体条件及技能，可能会造成身体伤害。
3、参加出海活动时，请务必穿着救生设备。参加水上活动应注意自己的身体状况，有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时，严禁触摸海洋中各种鱼类，水母，海胆，珊瑚等海洋生物，避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时，注意保管好随身携带的贵重物品。
4、根据中国海关总署的规定，旅客在境外购买的物品，在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告2010年第54号文件》。
5、建议出发时行李托运，贵重物品、常用物品、常用药品、御寒衣物等请随身携带，尽量不要托运。行李延误属于不可抗力因素，我司将全力协助客人跟进后续工作，但我司对此不承担任何责任。
1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 
2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的，敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动；如旅游者不具备较好的身体条件及技能，可能会造成身体伤害。
3、参加出海活动时，请务必穿着救生设备。参加水上活动应注意自己的身体状况，有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时，严禁触摸海洋中各种鱼类，水母，海胆，珊瑚等海洋生物，避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时，注意保管好随身携带的贵重物品。
4、根据中国海关总署的规定，旅客在境外购买的物品，在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告2010年第54号文件》。
5、建议出发时行李托运，贵重物品、常用物品、常用药品、御寒衣物等请随身携带，尽量不要托运。行李延误属于不可抗力因素，我司将全力协助客人跟进后续工作，但我司对此不承担任何责任。
             
引入方法 
 
  
成功啦！ 
  
route_detail.html 
 

 
                        
                        
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！



                    



                    

    收藏
    



                    
    
        
        标签：技术
        
    

    
        
                
            上一篇 >
            黑马旅游网-线路收藏功能（十）
        
                
            下一篇 >
            ireport 统计变量之小计
        
                
    



                    
    
        
        
            相关文章
        
                
            Duilib中list控件支持ctrl和shif多行选中的实现
        
                
            [ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif
        
                
            win10系统 微软输入法 于eclipse ctrl+shif+f冲突间接处理办法
        
                
            Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif
        
                
            读LDD3，内存映射与DMA--PAGE_SHIF…
        
                
            VMware虚拟机安装XP【要先分区，再设置BOOT 启动CD，shif+上移】
        
                
            更换iBus五笔的左与右Shif
        
                
            sublime ctrl+shif+f 没用解决办法
        
                
            idea 对 ctrl + z 的撤销 是 ctrl + shif + z
        
                
            计算机最早的设计师应用于,计算机应用基础选择题doc.doc
        
                
            win10自带截图神器：Win+Shift+S
        
                
            Python基础之文件目录操作
        
                
            python简述目录_Python基础之文件目录操作(示例代码)
        
                
            tp5 如何做数据采集
        
                
            任务2-7(服务器字体+阿里巴巴矢量库)
        
                
            html标签（1)：h1~h6,p,br,pre,hr
        
                
            TI 电量计介绍与芯片选型指南
        
                
            几款TI电源芯片简介
        
                
            TI DSP芯片C2000系列读取FLASH数据
        
                
            德州仪器(Ti)平台嵌入式开发基础
        
                
            TI三相电机智能栅极驱动芯片特点分类
        
                
            省选模拟（12.08） T3 圈圈圈圈圈圈圈圈
        
                
            Hadoop生态圈技术栈（上）
        
                
            大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之6.Impala交互式查询
        
                
            小猿圈之Linux下Mysql 操作命令
        
                
            大数据Hadoop生态圈常用面试题
        
                
            大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作
        
                
            备战Noip2018模拟赛11（B组）T3 Monogatari 物语
        
                
            【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码
        
                
            NYOJ 78 圈水池
        
                
            递归问题 跑道 汽车 绕圈问题 Python实现
        
                
            Hadoop生态圈（三）：MapReduce



        
            


            

    
        内容推荐
    
    
                
            
                1
            
            
                大厂出品！保姆级教程帮你掌握「用户体验要素」
            
        
                
            
                2
            
            
                大厂实战案例！设计师如何助力京东快递业务增长？
            
        
                
            
                3
            
            
                总监干货！5个常见的UI设计规范创建误区
            
        
                
            
                4
            
            
                数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)
            
        
                
            
                5
            
            
                进阶必学！快速掌握10种国际主流设计模型
            
        
                
            
                6
            
            
                春节期间，10个大厂的产品细节走心设计
            
        
                
            
                7
            
            
                如何帮助用户度过新人期？来看雪球APP的实战总结！
            
        
                
            
                8
            
            
                Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)
            
        
                
            
                9
            
            
                Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)
            
        
                
            
                10
            
            
                嘘！SaaS产品的差异化设计细节，一般人我不告诉他
            
        
            




    





    
    
        最新更新
    
    
        
                        
                [产品经理]
                3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行
            
                        
                [产品经理]
                商业潜规则：打败你的不是AI，而是人性
            
                        
                [产品设计]
                DeepSeek+智能派单系统的实践分享
            
                        
                [产品经理]
                一文读懂本年实际损益借(贷)方发生额
            
                        
                [创业学院]
                大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例
            
                        
                [产品经理]
                不要将员工的“猴子”背到自己身上：职场管理中的权责划分
            
                        
                [产品经理]
                人工智能的三层架构：从应用层到基础服务层，解密智能革命
            
                        
                [产品设计]
                一文讲清楚iOS的SKAN4.0
            
                    
    
    



    
        热门标签
    
    
        
                         数量
                         AI技术趋势
                         用户角色
                         心智游移
                         自然生态系统
                         会员权益
                         AirDrop
                         hashmap
                         小龙虾
                         焦虑
                         危机处理
                         发展
                         微信群折叠
                         toast
                         测评新算法
                         改版
                         wireshark
                         投放方式
                         音频播放动效
                         timer
                         女性商业
                         古典自媒体
                         海外博主
                         repeater
                         转账
                         万能钥匙
                         秋招
                         快服务
                         个人演讲
                         客户共识

【4.旅游线路名称查询-参数传递】

查询参数的传递

route_list.html4.0代码

header.html2.0代码

修改后台代码

RouteServlet之前

RouteDaoImpl1.0

改进后的RouteDaoImpl2.0

改进后的RouteServlet2.0

修改前台代码

route_list.html

RouteServlet3.0

旅游线路的详情展示

分析

整体过程

代码实现

后台代码

RouteServlet

RouteService

RouteServiceImpl

RouteDao

RouteDaoImpl

RouteImgDao

RouteImgDaoImpl

前台代码

准备工作:

route_detail.html完整代码

引入方法

route_detail.html

相关文章