旅游网小案例:旅游线路的详情展示

2023-10-09 17:50

本文主要是介绍旅游网小案例:旅游线路的详情展示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

分析

  • 效果分析
    在这里插入图片描述根据页码数据进行分析,找到对应数据的表,初步完成dao层的分析.
  • 流程分析
    在这里插入图片描述进行流程分析,对业务的流程进行粗略分析,掌握功能的整体执行流程.

进行代码编写

  • js
		//线路详细获取//获取ridvar rid = getParameter("rid");//发送请求route/findOne$.post("route/findOne", {rid: rid}, function (route) {//填充数据到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);//设置收藏次数$("#favoriteCount").html("已收藏" + route.count + "次");//图片展示进行拼接var ddstr = '<a class="up_img up_img_disable"></a>';var imgList = route.routeImgList;$("#dt").html('<img alt="" class="big_img"\n' +'                     src="' + imgList[0].bigPic + '">');for (var i = 0; i < imgList.length; i++) {var astr;if (i >= 4) {astr = '<a title="" class="little_img"\n' +'                   data-bigpic="' + imgList[i].bigPic + '" style="display:none;">\n' +'                    <img src="' + imgList[i].smallPic + '">\n' +'                </a>';} else {astr = '<a title="" class="little_img"\n' +'                   data-bigpic="' + imgList[i].bigPic + '">\n' +'                    <img src="' + imgList[i].smallPic + '">\n' +'                </a>';}ddstr += astr;}ddstr += '<a class="down_img down_img_disable" style="margin-bottom: 0;"></a>';//进行切换样式的加载goImg();});//进行收藏状态获取和刷新flush();

对html进行处理,将真实数据填充到页面.

  • Servlet
/*** 根据id查询一个旅游线路的详细信息** @param request* @param response* @throws ServletException* @throws IOException*/public void findOne(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//接收idString rid = request.getParameter("rid");//调用service方法Route route = routeService.findOne(rid);//回写writeValue(route, response);}

进行数据的获取和回写,并调用service方法

  • Service
 public Route findOne(String rid) {if (rid != null && !"".equals(rid)) {//根据rid查询routeRoute route = routeDao.findOne(rid);//根据route的rid查询图片List<RouteImg> routeImgs = routeImgDao.findByRid(route.getRid());//注入routeImgList数据route.setRouteImgList(routeImgs);//根据route的sid查询商家信息Seller seller = sellerDao.findById(route.getSid());//注入seller数据route.setSeller(seller);return route;}return null;}

将数据进行获取,并填充到Route类中.
在这里插入图片描述
根据表结构分析,查询条件,得到相应是数据,根据rid查询tab_route表,得到单个线路route信息,根据route表中sid查询tab_selle得到对应商家信息,根据rid在tab_route_img查询,得到的图片路径.(事实证明满足第三范式和根据表关系建立主外键,能够更科学的设计表)

  • Dao
@Overridepublic Route findOne(String rid) {String sql = "select * from tab_route where rid= ?";return template.queryForObject(sql, new BeanPropertyRowMapper<>(Route.class), rid);}
@Overridepublic List<RouteImg> findByRid(int rid) {String sql = "select * from tab_route_img where rid=? ";return template.query(sql, new BeanPropertyRowMapper<>(RouteImg.class), rid);}
@Overridepublic Seller findById(int sid) {String sql = "select * from tab_seller where sid=?";return template.queryForObject(sql, new BeanPropertyRowMapper<>(Seller.class), sid);}

由于存在于不同的类中,所以分开放,都是简单的查询方法.

这篇关于旅游网小案例:旅游线路的详情展示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/174531

相关文章

RabbitMQ消费端单线程与多线程案例讲解

《RabbitMQ消费端单线程与多线程案例讲解》文章解析RabbitMQ消费端单线程与多线程处理机制,说明concurrency控制消费者数量,max-concurrency控制最大线程数,prefe... 目录 一、基础概念详细解释:举个例子:✅ 单消费者 + 单线程消费❌ 单消费者 + 多线程消费❌ 多

MySql基本查询之表的增删查改+聚合函数案例详解

《MySql基本查询之表的增删查改+聚合函数案例详解》本文详解SQL的CURD操作INSERT用于数据插入(单行/多行及冲突处理),SELECT实现数据检索(列选择、条件过滤、排序分页),UPDATE... 目录一、Create1.1 单行数据 + 全列插入1.2 多行数据 + 指定列插入1.3 插入否则更

Python通用唯一标识符模块uuid使用案例详解

《Python通用唯一标识符模块uuid使用案例详解》Pythonuuid模块用于生成128位全局唯一标识符,支持UUID1-5版本,适用于分布式系统、数据库主键等场景,需注意隐私、碰撞概率及存储优... 目录简介核心功能1. UUID版本2. UUID属性3. 命名空间使用场景1. 生成唯一标识符2. 数

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法

Python中re模块结合正则表达式的实际应用案例

《Python中re模块结合正则表达式的实际应用案例》Python中的re模块是用于处理正则表达式的强大工具,正则表达式是一种用来匹配字符串的模式,它可以在文本中搜索和匹配特定的字符串模式,这篇文章主... 目录前言re模块常用函数一、查看文本中是否包含 A 或 B 字符串二、替换多个关键词为统一格式三、提

Python get()函数用法案例详解

《Pythonget()函数用法案例详解》在Python中,get()是字典(dict)类型的内置方法,用于安全地获取字典中指定键对应的值,它的核心作用是避免因访问不存在的键而引发KeyError错... 目录简介基本语法一、用法二、案例:安全访问未知键三、案例:配置参数默认值简介python是一种高级编

MySQL中的索引结构和分类实战案例详解

《MySQL中的索引结构和分类实战案例详解》本文详解MySQL索引结构与分类,涵盖B树、B+树、哈希及全文索引,分析其原理与优劣势,并结合实战案例探讨创建、管理及优化技巧,助力提升查询性能,感兴趣的朋... 目录一、索引概述1.1 索引的定义与作用1.2 索引的基本原理二、索引结构详解2.1 B树索引2.2

从入门到精通MySQL 数据库索引(实战案例)

《从入门到精通MySQL数据库索引(实战案例)》索引是数据库的目录,提升查询速度,主要类型包括BTree、Hash、全文、空间索引,需根据场景选择,建议用于高频查询、关联字段、排序等,避免重复率高或... 目录一、索引是什么?能干嘛?核心作用:二、索引的 4 种主要类型(附通俗例子)1. BTree 索引(

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,