页面表格中每行前添加复选框,点击复选框导出本行数据(掉后端接口)

news2024/11/24 11:57:35

 需求如下:html表格中,每行前面添加一个复选框,单机复选框下载/到处本行数据

 思路:

页面:

页面首先要添加复选框,然后点击复选框,调用导出方法

同时获取到与它对应的数据库唯一id信息(本次假设或企业他员工id),作为参数传给导出方法

后台:

写一个导出方法(controller),并给出请求地址

方法内查询数据,根据前端传来的用户id(复选框获取的数据库某表的唯一id,可管理其他字段关系的这么一个字段),调用mapper,查询数据

然后下载:

response.setContentType("application/octet-stream;charset=UTF-8");
try {
    response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode("(" + tAttendRecord.getYear()+"-"+tAttendRecord.getMonth() + ").xlsx", "UTF-8"));
    xssfWorkbook.write(response.getOutputStream());
} catch (Exception e) {
    System.out.println(e.getMessage());
}

实际做法/例子: 

1.页面

添加复选框

<input  type="checkbox" name="aaa">

 2.当你选中复选框时,要获取到他在数据库表中的唯一id,与页面上其他数据有关联的那么一个id

比如,你要查询员工工资,那你添加复选框,就应该是员工的id信息,因为员工id与姓名和工资都有关联关系,通过sql可以查到彼此

 

 

let userInfor = flieList[i];//用户信息
var userid = userInfor.user_id;
<input  id="' + userid + '" type="checkbox" name="aaa" οnclick="downone(this)"  >

 这样,你就获取到了他的用户id,把input作为参数传递

下面两个方法参数(紫色)要一致

下面的条件(绿色)要与domain字段一致

下面的条件(黄色)要与紫色参数字段一致

function downone(onenews){
    //获取当前id
    var newsid = onenews.id;
    console.log(newsid)
    console.log(yearStr)
    console.log(monthStr)
    downExcelone(newsid);
  
}

function downExcelone(newsid) {
    console.log("jiushiwol");
    if (newsid == null || newsid == "undefind" || newsid == ""|| newsid == 0) {
        window.open(ctx + "jh_product/record/export?"&userId=" + newsid, "下载", true);
        // alert("请选择公司!");
        return;
    }
    window.open(ctx + "jh_product/record/export?"&userId=" + newsid, "下载", true);
}

 2.后台:

controller就是调数据库查询

我们在这要讲的是数据库查询语句

上面我们本身查出来所以信息,现在要做的就是给他限制只查一条对应的数据

所以mapper.xml我们加一个条件

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/144245.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Seata 1.6.0 正式发布,大幅度提升存储性能

作者&#xff1a;Seata 社区 用户登记* * 欢迎已使用用户在此链接登记&#xff0c;便于我们更好的针对业务场景优化&#xff1a; https://github.com/seata/seata/issues/1246 发布概览* * 主要新增特性&#xff1a;支持 oracle 和 pgsql 多主键&#xff1b;支持 seata-ser…

芯片+步进电机档位控制实验

1、系统功能 目的&#xff1a;学习步进电机的控制。 使用设备&#xff1a;步进电机、两位共阴数码管、按键 功能&#xff1a;驱动步进电机以不同转速&#xff08;4档&#xff09;转动&#xff0c;并将当前档位用数码管显示 (1)按键 KEY1 作为启动和停止的切换按键&#xff1b;…

【Git】Git概述与安装

1、Git 概述 Git 是一个免费的、开源的分布式版本控制系统&#xff0c;可以快速高效地处理从小型到大型的各种项目。 Git 易于学习&#xff0c;占地面积小&#xff0c;性能极快。 它具有廉价的本地库&#xff0c;方便的暂存区域和多个工作流分支等特性。其性能优于 Subversio…

SwitchResX for Mac 屏幕分辨率修改工具

前言 SwitchResX V4.12.1 是Mac上一款功能强大的屏幕分辨率修改软件&#xff0c;可以为您提供控制显示器分辨率所需的所有工具。在switchresx帮助下&#xff0c;您可以管理无论是Mac Retina显示器&#xff0c;Cinema Displays还是电视机甚至投影仪的任何分辨率。而且switchres…

C语言-三子棋

文章目录三子棋一、问题描述二、基本流程在写三子棋的代码之前&#xff0c;我们来看看实现这个游戏的逻辑&#xff1a;三、步骤1. 菜单界面2. 创建棋盘3. 棋盘初始化4.打印棋盘(1)简陋棋盘&#xff1a;(2)自己打印棋盘&#xff1a;5.玩家落子6.电脑落子7.判断胜负1) 判定是否和…

CAPL学习之路-测试功能集函数(最终篇,其他的一些函数介绍)

TestSetEcuOffline 断开ECU与总线的连接 这个ecu是仿真ecu,不是真实ecu哦! testcase TCExample() {testSetEcuOffline(Engine); }void MainTest () {TCExample(); }Trace窗口: TestSetEcuOnline 将ECU连接到总线 testGetCurrentCycle 返回测试的当前周期 这里不管怎么试都返…

【目标检测】TOOD:Task-aligned One-stage Object Detection

TOOD:Task-aligned One-stage Object Detection 论文题目&#xff1a;《TOOD:Task-aligned One-stage Object Detection》——任务对齐的单阶段目标检测 论文地址&#xff1a; https://arxiv.org/abs/2108.07755 论文代码&#xff1a; https://github.com/fcjian/TOOD 1、前言…

优秀的 Verilog/FPGA开源项目介绍(三十六)-RISC-V(新增一)

关于RISC-V的二三事risc-v官网❝https://riscv.org/RISC-V&#xff08;跟我读&#xff1a;“risk----------------five”&#xff09;是一个基于精简指令集&#xff08;RISC&#xff09;原则的开源指令集架构&#xff08;ISA&#xff09;。这里要明确两个概念&#xff1a;指令集…

基于VC++的3D地形绘制与纹理贴图

前言随着地理信息系统产业的发展&#xff0c;三维产品也在生活中处处吸引着我们的眼球。作为数字城市的核心内容&#xff0c;城市模型的构建成为了目前研究的热点。OpenGL是独立于操作系统和硬件环境的三维图形库&#xff0c;其为实现逼真的三维绘制效果和建立交互的三维场景提…

ES6 课程概述④

文章目录6-1. 对象解构什么是解构在解构中使用默认值非同名属性解构7-2. 共享符号7-3. 知名&#xff08;公共、具名&#xff09;符号[回顾]事件循环8-1. 事件和回调函数的缺陷8-2. 异步处理的通用模型8-3. Promise 的基本使用8-4. Promise 的串联8-5. Promise 的其他 api原型成…

通关手册 | 祝我通关成功!!!

Framework of MLLoss on training data1. large1.1 Model Bias1.2 Optimization2. smallLoss on testing data2.1 large2.1.1 overfitting2.1.2 mismatch2.2 small通关手册&#xff1a;祝我通关成功&#xff01;&#xff01;&#xff01; Loss on training data 1. large 1.1…

Vue--》Vue3生命周期以及其它组合API的讲解

目录 生命周期 自定义hook函数 toRef shallowReactive与shallowRef readonly与shallReadonly toRaw与markRaw 生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子&#xff0c;但是有两个被更名&#xff1a;Vue2中的beforeDestroy改名为&#xff1a;beforeUnmount&…

【数字孪生百科】可视化图表知识科普——Pareto图(Pareto Chart)

简介Pareto图&#xff08;Pareto Chart&#xff09;又称帕累托图、排列图&#xff0c;是一种特殊类型的条形图。图中标绘的值是按照事件发生的频率排序而成&#xff0c;显示由于各种原因引起的缺陷数量或不一致的排列顺序。Pareto图是根据 Vilfredo Pareto 命名的&#xff0c;他…

Go语言设计与实现 --Goroutine

Goroutine是GMP模型中的G&#xff0c;是属于用户态的线程&#xff0c;由Go runtime管理&#xff0c;而不是操作系统管理。 数据结构 type g struct {goid int64 // 唯一的goroutine的IDsched gobuf // goroutine切换时&#xff0c;用于保存g的上下文stack stack // 栈gopc…

Android Studio调用so库中方法

一、JNI规范so库调用 在 Android Studio生成自己的so库 中已经创建了自己的so库&#xff0c;这是一个JNI规范的so库&#xff0c;可以直接将so库放到libs中&#xff0c;并按照上面文章中MainActivity中的调用方法使用。 1、build.gradle&#xff08;app&#xff09;配置 andro…

SHELL脚本学习 --- 第六次作业(正则和sed)

SHELL脚本学习 — 第六次作业 思路&#xff1a; 作业1&#xff1a; 1&#xff0c;正则匹配h或H即可 2&#xff0c;sh$匹配以sh结尾 3&#xff0c;使用[[:space:]]匹配空格&#xff0c;[^[:space:]]匹配非空格 4&#xff0c;^to开头&#xff0c;中间.匹配任意字符0次或多次&…

Java一学就会系列:介绍与第一个java程序

系列文章目录 java环境-jdk环境安装与配置&#xff08;jdk1.8&#xff09; 文章目录系列文章目录前言一、JAVA是什么&#xff1f;二、环境安装三、开发工具1. Eclipse&#xff08;推荐&#xff09;2. IntelliJ IDEA &#xff08;收费&#xff09;四、第一个Java程序总结前言 …

搭建Django项目——实现简单的API访问

1、创建Django项目 打开pycharm&#xff0c;新建Django项目&#xff0c;可以选择一个虚拟环境 建完之后目录如下&#xff1a; 2、创建应用&#xff0c;我这里命名为demo 在命令行执行 python manage.py startapp demo执行之后&#xff0c;会发现项目目录下多了demo文件夹…

Linux小黑板(6):软硬链接

"飞吧&#xff0c;去寻觅红色的流星!"一、软硬链接简介软链接:软链接又叫符号链接&#xff0c;这个文件包含了另一个文件的路径名。可以是任意文件或目录&#xff0c;可以链接不同文件系统的文件。软链接硬链接:硬链接&#xff08;hard link&#xff0c;也称链接&…

美创科技深度参编,中国信通院《数据安全治理实践指南(2.0)》发布

1月5日&#xff0c;由中国信息通信研究院、中国通信标准化协会指导&#xff0c;中国通信标准化协会大数据技术标准推进委员会主办&#xff0c;数据安全推进计划承办的第二届数据安全治理峰会成功召开&#xff0c;多项数据安全研究重要成果发布。会上&#xff0c;美创科技参与编…