当前位置: 首页 > news >正文

微信网站建设方案网站flash

微信网站建设方案,网站flash,wordpress 优化seo插件,网站后台导航随意添加分析判断当前登录用户是否收藏过该线路当页面加载完成后#xff0c;发送ajax请求#xff0c;获取用户是否收藏的标记根据标记#xff0c;展示不同的按钮样式编写代码后台代码RouteServlet/*** 判断当前登录用户是否收藏过该路线*/ public void isFavorite(HttpServletReques…分析判断当前登录用户是否收藏过该线路当页面加载完成后发送ajax请求获取用户是否收藏的标记根据标记展示不同的按钮样式编写代码后台代码RouteServlet/*** 判断当前登录用户是否收藏过该路线*/ public void isFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1. 获取线路idString rid request.getParameter(rid);//2. 获取当前登录的用户 userUser user (User) request.getSession().getAttribute(user);int uid;//用户idif(user null){//用户尚未登录uid 0;}else{//用户已经登录uid user.getUid();}//3. 调用FavoriteService查询是否收藏boolean flag favoriteService.isFavorite(rid, uid);//4. 写回客户端writeValue(flag,response); }测试一下后台代码访问http://localhost:80/travel/route/isFavorite?rid1前台代码route_detail.html//旅游路线收藏$(function () {// 发送请求判断用户是否收藏过该线路var rid getParameter(rid);$.get(route/isFavorite,{rid:rid},function (flag) {if(flag){// 用户已经收藏过//a classbtn already disableddisabled//设置收藏按钮的样式$(#favorite).addClass(already);$(#favorite).prop(disabled,disabled);}else{// 用户没有收藏}});});登录后点击收藏界面一开始按钮是红色显示状态因为此时未被收藏在数据库设置好数据刷新前也是红色可添加状态无法保存数据1452 -Cannot add or update a child row: a foreign key constraint fails (travel. tab favorite , CONSTRAINT FK user favoriteFOREIGN KEY (uid )REFERENCES tab_user (uid ) ON DELETE RESTRICT ON UPDATE RESTRICT)1452-无法添加或更新子行外键约束失败(旅行)。选项卡收藏夹约束‘FK用户收藏夹FOREIGN键(Uid)引用’tab_user‘(Uid)对更新限制的删除限制)破案了误将cid当成uid填进去了好家伙对照tab_user表改成正确的即可保存数据库数据刷新后变成灰色已被收藏无法再次添加收藏收藏次数的动态展示后台新增收藏次数设置RouteServiceImpl//4. 查询收藏次数int count favoriteDao.findCountByRid(route.getRid());route.setCount(count);FavoriteDaoImplOverride //根据rid查询收藏次数 public int findCountByRid(int rid) {String sql select count(*) from tab_favorite where rid ?;return template.queryForObject(sql,Integer.class,rid); }前台详情页面展示新增收藏次数展示被收藏了1次点击按钮收藏线路分析后台代码RouteServlet //添加收藏 public void addFavorite(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1. 获取线路idString rid request.getParameter(rid);//2. 获取当前登录的用户 userUser user (User) request.getSession().getAttribute(user);int uid;//用户idif(user null){//用户尚未登录return;}else{//用户已经登录uid user.getUid();}//3. 调用FavoriteService查询是否收藏favoriteService.add(rid, uid); }FavoriteServiceImplOverride//添加收藏 public void add(String rid, int uid) {favoriteDao.add(Integer.parseInt(rid),uid); }FavoriteDaoImplOverride //添加收藏 public void add(int rid, int uid) {String sql insert into tab_favorite values(?,?,?);template.update(sql, rid, new Date(), uid); }注意是日期Date导入的是java.util不是java.sql!!!!前台代码route_detail.html//旅游路线收藏$(function () {// 发送请求判断用户是否收藏过该线路var rid getParameter(rid);$.get(route/isFavorite,{rid:rid},function (flag) {if(flag){// 用户已经收藏过//a classbtn already disableddisabled//设置收藏按钮的样式$(#favorite).addClass(already); //添加样式$(#favorite).attr(disabled,disabled); //添加属性 attr() 方法设置或返回被选元素的属性值//删除按钮的点击事件 使按钮依旧置灰$(#favorite).removeAttr(onclick);}else{// 用户没有收藏}});});//点击收藏按钮触发的方法 function addFavorite(){var rid getParameter(rid);//1. 判断用户是否登录$.get(user/findOne,{},function (user) {if(user){//用户登录了//添加功能$.get(route/addFavorite,{rid:rid},function () {//代码刷新页面location.reload();});}else{//用户没有登录alert(您尚未登录请登录);location.hrefhttp://localhost/travel/login.html;}}) } 可能会遇到的问题及解决方法代码更改好以后可能因为是异步提交的原因需要手动刷新为了方便将自动刷新写入代码中。 按钮置灰却依然可以被点击这样不好于是删除按钮的点击事件 $(#favorite).removeAttr(onclick);选择样式之前的prop是固有属性attr可以设置一部分固有属性和自定义属性disabled作为属性要被引号引起来之后最后效果如图所示用户登录才可收藏已收藏的线路无法再次选中有禁用标识route_detail.html!DOCTYPE html html langenheadmeta charsetutf-8title路线详情/titlelink relstylesheet typetext/css hrefcss/bootstrap.min.csslink relstylesheet typetext/css hrefcss/common.csslink relstylesheet typetext/css hrefcss/route-detail.cssscript srcjs/getParameter.js/script!-- 引入js方法-- /headbody !--引入头部-- div idheader/div!-- 详情 start -- div classwrapdiv classbread_boxa href/首页/aspan gt;/spana href#国内游/aspan gt;/spana href#全国-曼谷6-7天自由行 泰国出境旅游 特价往返机票自由行二次确认/a/divdiv classprosum_boxdl classprosum_leftdtimg alt classbig_img srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpg/dtdd iddd a classup_img up_img_disable/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m40920d0669855e745d97f9ad1df966ebb.jpgimg srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m20920d0669855e745d97f9ad1df966ebb.jpg/aa title classlittle_img cur_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpgimg srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m29788843d72171643297ccc033d9288ee.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4531a8dbceefa2c44e6d0e35627cd2689.jpgimg srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2531a8dbceefa2c44e6d0e35627cd2689.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m46d8cb900e9f6c0a762aca19eae40c00c.jpgimg srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m26d8cb900e9f6c0a762aca19eae40c00c.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m45ea00f6eba562a767b5095bbf8cffe07.jpg styledisplay:none;img srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m25ea00f6eba562a767b5095bbf8cffe07.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4265ec488cd1bc7ce749bc8c9b34b87bc.jpg styledisplay:none;img srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2265ec488cd1bc7ce749bc8c9b34b87bc.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m4e7e964909d7dd1a9f6e5494d4dc0c847.jpg styledisplay:none;img srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m2e7e964909d7dd1a9f6e5494d4dc0c847.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m467db00e1b76718fab0fe8b96e10f4d35.jpg styledisplay:none;img srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m267db00e1b76718fab0fe8b96e10f4d35.jpg/aa title classlittle_img data-bigpichttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m487bbbc6e43eba6aa6a36cc1a182f7a20.jpg styledisplay:none;img srchttp://www.jinmalvyou.com/Public/uploads/goods_img/img_size2/201703/m287bbbc6e43eba6aa6a36cc1a182f7a20.jpg/aa classdown_img down_img_disable stylemargin-bottom: 0;/a/dd/dldiv classprosum_rightp classpros_title idrname【尾单特卖】全国-曼谷6-7天自由行 泰国出境旅游 特价往返机票自由行二次确认/pp classhot idrouteIntroduce1-2月出发网付立享1099/2人起爆款位置有限抢完即止/pdiv classpros_otherp经营商家 span idsname黑马国旅/span/pp咨询电话 :span idconsphone 400-618-9090/span/pp地址 span idaddress传智播客黑马程序员/span/p/divdiv classpros_pricep classpricestrong idprice¥2699.00/strongspan起/span/pp classcollecta classbtn idfavorite onclickaddFavorite();i classglyphicon glyphicon-heart-empty/i点击收藏/a!-- a classbtn already disableddisabledi classglyphicon glyphicon-heart-empty/i点击收藏/a--span idfavoriteCount已收藏100次/span/p/div /div/divdiv classyou_need_konwspan旅游须知/spandiv classnoticep1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 brp2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动如旅游者不具备较好的身体条件及技能可能会造成身体伤害。/pp3、参加出海活动时请务必穿着救生设备。参加水上活动应注意自己的身体状况有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时严禁触摸海洋中各种鱼类水母海胆珊瑚等海洋生物避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时注意保管好随身携带的贵重物品。/pp4、根据中国海关总署的规定旅客在境外购买的物品在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告2010年第54号文件》。/pp5、建议出发时行李托运贵重物品、常用物品、常用药品、御寒衣物等请随身携带尽量不要托运。行李延误属于不可抗力因素我司将全力协助客人跟进后续工作但我司对此不承担任何责任。/pp1、旅行社已投保旅行社责任险。建议游客购买旅游意外保险 brp2、旅游者参加打猎、潜水、海边游泳、漂流、滑水、滑雪、滑草、蹦极、跳伞、滑翔、乘热气球、骑马、赛车、攀岩、水疗、水上飞机等属于高风险性游乐项目的敬请旅游者务必在参加前充分了解项目的安全须知并确保身体状况能适应此类活动如旅游者不具备较好的身体条件及技能可能会造成身体伤害。/pp3、参加出海活动时请务必穿着救生设备。参加水上活动应注意自己的身体状况有心脏病、冠心病、高血压、感冒、发烧和饮酒及餐后不可以参加水上活动及潜水。在海里活动时严禁触摸海洋中各种鱼类水母海胆珊瑚等海洋生物避免被其蛰伤。老人和小孩必须有成年人陪同才能参加合适的水上活动。在海边游玩时注意保管好随身携带的贵重物品。/pp4、根据中国海关总署的规定旅客在境外购买的物品在进入中国海关时可能需要征收关税。详细内容见《中华人民共和国海关总署公告2010年第54号文件》。/pp5、建议出发时行李托运贵重物品、常用物品、常用药品、御寒衣物等请随身携带尽量不要托运。行李延误属于不可抗力因素我司将全力协助客人跟进后续工作但我司对此不承担任何责任。/p/div /div/div!-- 详情 end --!--引入头部--div idfooter/div!-- jQuery (necessary for Bootstraps JavaScript plugins) --script srcjs/jquery-3.3.1.js/script!-- Include all compiled plugins (below), or include individual files as needed --script srcjs/bootstrap.min.js/script!--导入布局js共享header和footer--script typetext/javascript srcjs/include.js/scriptscript$(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 () {//1.获取ridvar rid getParameter(rid);//2.发送ajax请求 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);//收藏次数展示$(#favoriteCount).html(已收藏route.count次)//图片展示var ddstr a classup_img up_img_disable/a; //向上切换图片//遍历routeImgList 使其动态展示for (var i 0; i route.routeImgList.length; i) {var astr ;if(i 4){ //如果展示图片大于等于4则隐藏 styledisplay:none;astr a title classlittle_img data-bigpicroute.routeImgList[i].bigPic styledisplay:none;\n img srcroute.routeImgList[i].smallPic\n /a;}else{ //如果展示图片不大于4则无需隐藏astr a title classlittle_img data-bigpicroute.routeImgList[i].bigPic\n img srcroute.routeImgList[i].smallPic\n /a;}ddstr astr;}ddstr a classdown_img down_img_disable stylemargin-bottom: 0;/a;//向下切换图片$(#dd).html(ddstr);//图片展示和切换代码调用goImg();});});//旅游路线收藏$(function () {// 发送请求判断用户是否收藏过该线路var rid getParameter(rid);$.get(route/isFavorite,{rid:rid},function (flag) {if(flag){// 用户已经收藏过//a classbtn already disableddisabled//设置收藏按钮的样式$(#favorite).addClass(already); //添加样式//添加属性 attr() 方法设置或返回被选元素的属性值$(#favorite).attr(disabled,disabled);//之前的prop是固有属性attr可以设置一部分固有属性和自定义属性//删除按钮的点击事件$(#favorite).removeAttr(onclick);}else{// 用户没有收藏}});});//点击收藏按钮触发的方法function addFavorite(){var rid getParameter(rid);//1. 判断用户是否登录$.get(user/findOne,{},function (user) {if(user){//用户登录了//添加功能$.get(route/addFavorite,{rid:rid},function () {//代码刷新页面location.reload();});}else{//用户没有登录alert(您尚未登录请登录);location.hrefhttp://localhost/travel/login.html;}})}/script /body/html
http://www.dnsts.com.cn/news/20015.html

相关文章:

  • 房产信息查询系统官方网站wordpress要收钱吗
  • 宁夏住房和城乡建设厅网站首页jsp做的网站运行都需要什么
  • seo网站是什么意思站内关键词排名优化软件
  • 公司报备网站乐陵seo网站优化
  • 做不了大流量网站网赌网站怎么做
  • wordpress 媒体库哈尔滨排名seo公司
  • 有网站源码怎么搭建网站html网页设计网站
  • 网站建设公司济宁张掖市建设规划局网站
  • 如何免费做网站赚钱超链接到网站怎么做视频
  • 阳江市住房和城乡规划建设局网站软件开发兼职网站
  • asp.net开发的网站西丽网站建设
  • 做非法网站判刑多少年常州网站制作包括哪些
  • 淘宝网站开发实训报告苏州专业网站建设开发
  • 那个有那种网站最新新闻热点事件20237月
  • 商城网站开发技术可行性分析衡水seo
  • 贵港市建设局网站微信小程序直播平台
  • 宝安企业网站建设自己做的html网页怎么发布
  • 如何查询一个网站的空间微信公众号推广的好处
  • 一个网站如何进行推广宣传织梦自定义表单做网站在线留言
  • 2015年网站设计wordpress采集爬虫
  • 网站内容设计基本原则网站制作的公司
  • 音乐自助建站西安市城乡建设管理局网站的公示栏
  • 网站怎么做框架集evora wordpress
  • 公司想做个网站python做网站感觉好费劲
  • 广州 深圳 外贸网站建设公司如何备份wordpress数据库结构
  • 朝阳网站制作公司秦皇岛网络
  • 电商网站设计内容怎么建立公众号写文章
  • 免费asp公司网站模板宁阳房产网
  • 自适应网站会影响推广iis新建网站不能访问
  • 物流专线做网站WordPress最强大的主题