旅游线路详情

2022-08-26 10:31:50 阅读：184 来源： 互联网

标签：findOne route id 线路 html 详情 rid public 旅游

分析：

后台代码

RouteServlet类：

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

RouteService接口：

Route findOne(String rid);

RouteServiceImpl实现类：

    @Override
    public Route findOne(String rid) {
        //1、根据id去route表中查询route对象
        Route route = routeDao.findOne(Integer.parseInt(rid));
        //2、根据route的id查询图片集合信息
        List<RouteImg> routeImgList = routeImgDao.findByRid(route.getRid());
        //将集合设置到route对象
        route.setRouteImgList(routeImgList);
        //3、根据route的sid（商家id）查询商家对象
        Seller seller = sellerDao.findById(route.getSid());
        route.setSeller(seller);
        return route;
    }

RouteDao接口：

    /**
     * 根据id查询
     * @param rid
     * @return
     */
    public Route findOne(int rid);

RouteDaoImpl实现类：

    @Override
    public Route findOne(int rid) {
        String sql = "select * from tab_route where rid = ?";
        return template.queryForObject(sql,new BeanPropertyRowMapper<>(Route.class),rid);
    }

RouteImgDao接口：

public interface RouteImgDao {
    /**
     * 根据route的id查询图片
     * @param rid
     * @return
     */
    public List<RouteImg> findByRid(int rid);
}

RouteImgDaoImpl实现类：

public class RouteImgDaoImpl implements RouteImgDao {
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());

    @Override
    public List<RouteImg> findByRid(int rid) {
        String sql = "select * from tab_route_img where rid = ?";
        return template.query(sql,new BeanPropertyRowMapper<>(RouteImg.class),rid);
    }
}

SellerDao接口：

public interface SellerDao {
    /**
     * 根据id查询
     * @param id
     * @return
     */
    public Seller findById(int id);
}

SellerDaoImpl实现类：

public class SellerDaoImpl implements SellerDao {
    private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());
    @Override
    public Seller findById(int id) {
        String sql = "select * from tab_seller where sid = ?";
        return template.queryForObject(sql,new BeanPropertyRowMapper<>(Seller.class),id);
    }
}

前台代码

Route_detail.html页面加载后

　　1、获取rid

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

　　3、解析对象的数据

Route_detail.html页面：

$(function () {
        //1、获取rid
         var rid = getParameter("rid");

         //2、发送请求，请求route/findOne
         $.get("route/findOne",{rid:rid},function (route) {
             //3、解析数据，填充html
             $("#rname").html(route.rname);
             $("#routeIntroduce").html(route.routeIntroduce);
             $("#price").html("¥"+route.price);
             $("#sname").html(route.seller.sname);
             $("#consphone").html(route.seller.consphone);
             $("#address").html(route.seller.address);

             //图片展示
             var ddstr = '<a class="up_img up_img_disable"></a>';
             //遍历routeImgList
             for (var i = 0; i < route.routeImgList.length; i++) {
                 var str;
                 if (i>=4){
                     str = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'" style="display:none;">\n' +
                         '                        <img src="'+route.routeImgList[i].smallPic+'">\n' +
                         '                    </a>';
                 }else {
                     str = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'">\n' +
                         '                        <img src="'+route.routeImgList[i].smallPic+'">\n' +
                         '                    </a>';
                 }

                 ddstr+=str;
             }

             ddstr+='<a class="down_img down_img_disable" style="margin-bottom: 0;"></a>';

             $("#dd").html(ddstr);

             //图片展示和切换代码调用
             goImg();
         });
     });

标签：findOne,route,id,线路,html,详情,rid,public,旅游
来源： https://www.cnblogs.com/xjw12345/p/16625834.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

旅游线路详情