JDK动态代理 WebService js快速排序 压制组装机 numpy https sqlite flash arraylist websocket vue插件 spark项目 matlab中axis pcie高速固态硬盘 mac版的matlab好用吗 手动安装fastboot驱动 centos定时任务 mysql查询 python报错 python新手教程 python文件 java学习手册 配置java开发环境 java自定义异常 linux命令行 超级煎蛋卷 在线pr序列设置 tftpd64 电视免费软件 网络文件服务器 隐藏进程 滑动门代码 unity3d下载 英雄联盟崩溃 16进制编辑器 php四舍五入 c语言幂函数 蜘蛛皮肤 怎么看淘龄 欧洲卡车模拟2存档
当前位置: 首页 > 学习教程  > 编程语言

1.10 旅游网出现错误

2021/1/13 19:23:59 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

一. “show”方法未传参&#xff0c;返回多个函数使用LIST 实现关联表查询 mapper <select id"show" parameterType"java.lang.Integer" resultType"com.spring.demo.model.Travel">SELECT*FROMapplication_form a,t_travel bWHEREa.t…

一. “show”方法未传参,返回多个函数使用LIST

实现关联表查询
在这里插入图片描述
在这里插入图片描述

mapper

    <select id="show" parameterType="java.lang.Integer" resultType="com.spring.demo.model.Travel">
        SELECT
        *
        FROM
            application_form a,t_travel b
        WHERE
            a.travel_id=b.travel_id AND a.user_id=#{userId} //多条件时需要传参的放在后面
    </select>

Service

    List<Travel> show(Integer userId);
//记住把参数写进去

Dao

    List<Travel> show(@Param("userId") Integer userId);

实现层

    @Override
    public List<Travel> show(Integer userId) {
        List<Travel> travel=TravelDao.show(userId);
        return travel;
    }

controller层

    @GetMapping("show")
    public ResponseEntity show(Integer userId){
        return ResponseEntity.ok(travelService.show(userId));
    }

二. 动态添加报名参加的旅游项目,实现 “show”方法

**1.**动态添加

  function show(){
            $.ajax({
                url: 'http://localhost:8085/Travel/show?userId='+xx,
                type: 'GET',
                success:function (data) {
                    let dataHtml = "";
**********************************************************************************************
                    for(var i=0;i<data.length;i++){
                        let itemHtml = `<tr onclick="trClick(this)"><td>${data[i].viewName}</td><td>${data[i].money}</td><td>${data[i].location}</td></tr>`;
                        dataHtml += itemHtml;
                    }
**********************************************************************************************
                    $('#travelTableBody').empty().append(dataHtml);//Div内容是通过url页面进行动态添加的,需要先清除tbody内容
                }
            })
        }

2. trClick方法 js和css结合 使鼠标点击经过位置变红,为tr添加class
在这里插入图片描述
加粗样式

四. console

1、console.log 用于输出普通信息

2、console.info 用于输出提示性信息

3、console.error用于输出错误信息

4、console.warn用于输出警示信息

5、console.debug用于输出调试信息


本文链接: http://www.dtmao.cc/news_show_600058.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?