08 旅游线路详情功能实现

一页面展示

在这里插入图片描述

二整体逻辑

在这里插入图片描述

三后端代码实现

RouteServlet
RouteService
RouteDao、RouteImgDao、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代码实现

 @Overridepublic 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());//2.2将集合设置到route对象route.setRouteImgList(routeImgList);//3.根据route的sid（商家id）查询商家对象Seller seller = sellerDao.findById(route.getSid());route.setSeller(seller);return route;}

RouteDaoImpl代码实现

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

RouteImgDaoImpl代码实现

public class RouteImgDaoImpl implements RouteImgDao {private JdbcTemplate template = new JdbcTemplate(JDBCUtils.getDataSource());@Overridepublic List<RouteImg> findByRid(int rid) {String sql = "select * from tab_route_img where rid = ? ";return template.query(sql,new BeanPropertyRowMapper<RouteImg>(RouteImg.class),rid);}
}

SellerDaoImpl代码实现

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

【后端代码实现直接访问结果图】
在这里插入图片描述

四前端代码实现

Route_detail.html中加载后

获取rid
发送ajax请求，获取route对象
解析对象数据

前端完整代码实现

<!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"></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="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpg"></dt><dd id="dd"><a class="up_img up_img_disable"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m40920d0669855e745d97f9ad1df966ebb.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m20920d0669855e745d97f9ad1df966ebb.jpg"></a><a title="" class="little_img cur_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m29788843d72171643297ccc033d9288ee.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4531a8dbceefa2c44e6d0e35627cd2689.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2531a8dbceefa2c44e6d0e35627cd2689.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m46d8cb900e9f6c0a762aca19eae40c00c.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m26d8cb900e9f6c0a762aca19eae40c00c.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m45ea00f6eba562a767b5095bbf8cffe07.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m25ea00f6eba562a767b5095bbf8cffe07.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4265ec488cd1bc7ce749bc8c9b34b87bc.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2265ec488cd1bc7ce749bc8c9b34b87bc.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4e7e964909d7dd1a9f6e5494d4dc0c847.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2e7e964909d7dd1a9f6e5494d4dc0c847.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m467db00e1b76718fab0fe8b96e10f4d35.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m267db00e1b76718fab0fe8b96e10f4d35.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m487bbbc6e43eba6aa6a36cc1a182f7a20.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m287bbbc6e43eba6aa6a36cc1a182f7a20.jpg"></a><a class="down_img down_img_disable" style="margin-bottom: 0;"></a></dd></dl><div class="prosum_right"><p class="pros_title" id="rname">【尾单特卖】全国-曼谷6-7天自由行 泰国出境旅游 特价往返机票自由行二次确认</p><p class="hot" id="routeIntroduce">1-2月出发，网付立享￥1099/2人起！爆款位置有限，抢完即止！</p><div class="pros_other"><p >经营商家  ：<span id="sname">黑马国旅</span></p><p >咨询电话 : <span id="consphone">400-618-9090</span></p><p >地址 ： <span id="address">传智播客黑马程序员</span></p></div><div class="pros_price"><p class="price"><strong id="price">¥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、根据中国海关总署的规定，旅客在境外购买的物品，在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告2010年第54号文件》。</p><p>5、建议出发时行李托运，贵重物品、常用物品、常用药品、御寒衣物等请随身携带，尽量不要托运。行李延误属于不可抗力因素，我司将全力协助客人跟进后续工作，但我司对此不承担任何责任。</p><p>1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 <br><p>2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的，敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动；如旅游者不具备较好的身体条件及技能，可能会造成身体伤害。</p><p>3、参加出海活动时，请务必穿着救生设备。参加水上活动应注意自己的身体状况，有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时，严禁触摸海洋中各种鱼类，水母，海胆，珊瑚等海洋生物，避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时，注意保管好随身携带的贵重物品。</p><p>4、根据中国海关总署的规定，旅客在境外购买的物品，在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告2010年第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 src="js/getParameter.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="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m40920d0669855e745d97f9ad1df966ebb.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m20920d0669855e745d97f9ad1df966ebb.jpg"></a><a title="" class="little_img cur_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m29788843d72171643297ccc033d9288ee.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4531a8dbceefa2c44e6d0e35627cd2689.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2531a8dbceefa2c44e6d0e35627cd2689.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m46d8cb900e9f6c0a762aca19eae40c00c.jpg"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m26d8cb900e9f6c0a762aca19eae40c00c.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m45ea00f6eba562a767b5095bbf8cffe07.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m25ea00f6eba562a767b5095bbf8cffe07.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4265ec488cd1bc7ce749bc8c9b34b87bc.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2265ec488cd1bc7ce749bc8c9b34b87bc.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4e7e964909d7dd1a9f6e5494d4dc0c847.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2e7e964909d7dd1a9f6e5494d4dc0c847.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m467db00e1b76718fab0fe8b96e10f4d35.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m267db00e1b76718fab0fe8b96e10f4d35.jpg"></a><a title="" class="little_img" data-bigpic="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m487bbbc6e43eba6aa6a36cc1a182f7a20.jpg" style="display:none;"><img src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m287bbbc6e43eba6aa6a36cc1a182f7a20.jpg"></a><a class="down_img down_img_disable" style="margin-bottom: 0;"></a></dd>*///1.获取ridvar 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>';//遍历routeImgListfor (var i = 0; i < route.routeImgList.length; i++) {var astr ;if(i >= 4){astr = '<a title="" class="little_img" data-bigpic="'+route.routeImgList[i].bigPic+'" style="display:none;">\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>';$("#dd").html(ddstr);//图片展示和切换代码调用goImg();});});</script>
</body></html>

在这里插入图片描述

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

微信小程序云开发学习笔记（三）云存储
一、小程序云存储简介云开发提供了一块存储空间，提供了上传文件到云端、带权限管理的云端下载能力，开发者可以在小程序端和云函数端通过 API 使用云存储功能。在小程序端可以分别调用 wx.cloud.uploadFile 和 wx.cloud.downloadFile 完成上传和下载云文件操作二、选择并上…...
2024/5/5 11:00:27
MPLS多协议标签交换原理—Vecloud微云
MPLS:Multi-Protocol Label Switching，多协议标签交换 ① mpls-vpn ② 在各种运营商的设备上面例如：LTE 注意：MPLS是二层半协议，介于mac和ip之间减少运营商大型路由的报文转发，降低路由器对路由的递归查询等导致的性能消耗，直接查询MPLS标签传输。注意：MPLS只是一种数…...
2024/5/5 0:09:32
一、Spring Boot 入门
文章目录1、Spring Boot 简介2、微服务3、环境准备（1）MAVEN设置（2）IDEA设置4、Spring Boot HelloWorld（1）创建一个maven工程（jar）（2）导入spring boot相关的依赖（3）编写一个主程序；启动Spring Boot应用（4）编写相关的Controller、Service（5）运行主程序测试（6）…...
2024/4/11 19:24:59
刷脸支付服务商有极大的发展潜力
当下，支付无卡化已成趋势，而作为一种新型、具有大规模商业化推广前景的创新支付方式，业内倾向认为“刷脸付”将有很大可能替代扫码支付，推动国内支付行业从卡时代、APP时代进一步向以“刷脸付”为代表的生物识别支付媒介时代跃迁。在第三方支付领域，由于移动互联网以及人…...
2024/4/11 19:24:58
徒手编写服务发现框架系列三：服务消费端实现
上一篇文章主要介绍了服务提供端的大致实现，这一篇我们继续研究服务消费端如何实现。服务提供端启动后，接口已经对外暴露出来了，且提供端已经注册到注册中心里面，那消费端的主要工作就是从配置中心获取提供端的注册信息，然后订阅其提供的接口。消费端配置如下：package co…...
2024/5/5 8:39:04
咳咳，建模大神教你如何用ZBrush雕刻肌肉上课时间到了
ZBrush随着版本的更新，不断的给用户提供了更多的用于雕刻的笔刷。这些笔刷只有用了，才能真切体会到ZBrush的雕刻功能是多么的强大。3D雕刻笔刷效果逼真，感觉就像真实物体沾黏一样，不仅能雕刻出木头、石头还能轻松的表现出不同质感的骨骼肌肉，（如果想更多了解游戏建模可以…...
2024/5/5 12:42:48
Git和GitHub
目录01，了解GitHub和Git1.1，什么是GitHub？1.2，什么是Git？1.3，GitHub和Git的关系？02，Github2.1，为什么学GitHub？2.2，基本概念（GitHub网站提供的功能）2.2.1，GitHub主页2.2.2，个人主页2.2.3，仓库主页2.2.4，仓库页面2.3，创建仓库/创建新项目2.4，仓库管理2.4.1，…...
2024/5/5 7:24:38
Camera用例设计、测试
Camera常见的用例种类: 1.功能测试，复杂功能测试 2.压力测试（monkey，airtest ；三方apk压测:长时间微信视频，长时间电话视频等等） 3.兼容性测试（三方camera apk，直播apk，微信语音视频） 4.用户场景测试（交互测试，中断测试，交叉事件测试，并发测试）...
2024/5/5 8:07:41
Redis踩坑
springboot中使用redisTemplate往server端存kv对时，redisTemplate会多存几个字符，应该是序列化导致的，结果就是在程序中使用api存数据，在redis客户端取不到，或者客户端存，程序取不到的情况...
2024/5/5 5:29:53
国内git的镜像
taobao提供的镜像 https://npm.taobao.org/mirrors/git-for-windows/，根据自己的机器选择合适的版本就可以了，下载会很快。...
2024/4/27 22:16:36
SQL中为什么经常要加NOLOCK？
作者：丶平凡世界来源： SQL数据库开发刚开始工作的时候，经常听同事说在SQL代码的表后面加上WITH(NOLOCK)会好一些，后来仔细研究测试了一下，终于知道为什么了。那么加与不加到底有什么区别呢？SQL在每次新建一个查询，就相当于创建了一个会话。在不同的查询窗口操作，会影响…...
2024/5/5 11:21:24
如何在vue项目中系统的使用iconfont字体图标
如何在vue项目中系统的使用iconfont字体图标前言iconfont的特色官网注册在项目中使用的方式前言今天聊一下前端iconfont的使用方式，前端的图标经过这些年的发展，变得更系统化了，从最开始，我们使用的img图标，需要一个一个导入，再后来发明雪碧图，所以图标放在一张图上，…...
2024/4/29 17:46:25
【原版教材•中英对照】美国国家自然科学基金会对未来十年纳米科技的发展计划和重点领域进行了规划
Nanotechnology Research Directions for Societal Needs in 2020:Retrospective and Outlook 2020年社会需求的纳米技术研究方向：回顾与展望 Author: Mihail C. Roco, Mark C. Hersam, Chad A. Mirkin 原文地址：https://www.zhisci.com/pdfshow/17888This volume presents a…...
2024/4/14 12:11:36
Spark面试题补充
文件格式如下： spark,1 hadoop,2 spark,3 flume,2 hadoop,5问题1：求对应数字后面的和 object Spark01_WordCount {def main(args: Array[String]): Unit = {// 1. 创建 SparkConf对象, 并设置 App名字, 并设置为 local 模式val conf: SparkConf = new SparkConf().setAppName…...
2024/5/4 22:56:21
Vue2数据响应式核心原理
Vue2数据响应式核心原理 $ 定义 Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 $ 语法 Object.defineProperty(obj, prop, descriptor)$ 参数 obj:要定义属性的对象。 prop:要定义或修改的属性的名称或 Symbol 。…...
2024/4/12 10:25:08
js原型和原型链
原型 js的原型是为了实现像有类的语言里的继承功能，每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是，让所有对象实例共享它所包含的属性和方法。原型链访问或调用一个引用类型的属性或方法会先在当前引用类型的中查找，如果没有继续…...
2024/4/10 12:07:19
深圳CA二十周年成绩单：已累计为780万机构 1.05亿用户提供认证相关服务
8月18日，在深圳CA二十周年庆上，金融壹账通企业金融CEO、深圳CA公司董事长费轶明披露深圳CA二十周年成绩单显示，“截止目前，深圳CA已在中国大陆及港澳地区、东盟等国家开展业务，累计为超过780万机构，1.05亿自然人用户提供认证相关服务，累计发放证书1.9亿张，其中为100多家…...
2024/4/11 19:24:56
CSS的复合选择器——伪类选择器
伪类选择器伪类选择器用于向某些选择器添加特殊的效果，或选择第1个，第n个元素伪类选择器最大的特点是用冒号（：），比如 :hover、:first-child。因为伪类选择器很多，比如链接伪类、结构伪类等，所以这里先给大家讲解常用的链接伪类选择器。链接伪类选择器关键字 a:lin…...
2024/4/11 19:24:55
ubuntu截图+编辑flameshot工具
本来使用的是shutter，但是在ubuntu18.04上面图片无法编辑。重新安装依赖包也未成功。此时发现了优秀的flameshot，只需要一行命令，就能成功使用： sudo apt-get install flameshot快捷键设置：设置>设备>键盘，设置一个自定义快捷键（拉到最下面）命令填写：flamesho…...
2024/4/11 19:24:51
【ROS学习】- qt_gui_main() found no plugin matching “xxx” 解决方法
今天测试 ROS 程序的时候，运行 rosrun rqt_tf_tree rqt_tf_tree 出现如下报错 qt_gui_main() found no plugin matching "rqt_tf_tree.tf_tree.RosTfTree"但是自己的 rqt 已经安装了，考虑到自己很久没有重装系统了，所以问题出在 qt 的缓存没有更新安装插件。解决…...
2024/4/11 19:24:50

08 旅游线路详情功能实现

一页面展示

二整体逻辑

三后端代码实现

四前端代码实现

相关文章

最新文章

08 旅游线路详情功能实现

一 页面展示

二 整体逻辑

三 后端代码实现

四 前端代码实现

相关文章

最新文章

一页面展示

二整体逻辑

三后端代码实现

四前端代码实现