jsp实现打印功能

news2024/10/5 12:51:12

1.先实现列表页查询

在这里插入图片描述

2.做一个打印按钮

function  plprint(){
        var rows = $('#whYcfTzList').datagrid('getData');
        var ORGCODE=$('input[name=ORGCODE]').val();
        var ISCONTAIN=$('input[name=ISCONTAIN]').val();
        var RECCODE=$('input[name=RECCODE]').val();
        var CUSTOMERNAME=$('input[name=CUSTOMERNAME]').val();
        var BASICID=$('input[name=BASICID]').val();
        var IDCARD=$('input[name=IDCARD]').val();
        var STARTDATE=$('input[name=STARTDATE]').val();
        var ENDDATE=$('input[name=ENDDATE]').val();
        if (rows == null || rows == '') {
            $.messager.alert('操作提示', '无可打印数据！');
        } else {
            var dialog = {
                id: 'dialog_whYcfTzList',
                title: '打印',
                modal: true,
                width: '100%',
                height: '100%',
                closable: true,
                src: '<%=path%>/chineseMedicalManage/whYcfTzPrinting.do?ORGCODE='+ORGCODE+'&ISCONTAIN='+ISCONTAIN+'&RECCODE='+RECCODE+'&CUSTOMERNAME='+CUSTOMERNAME+'&BASICID='+BASICID+'&IDCARD='+IDCARD+'&STARTDATE='+STARTDATE+'&ENDDATE='+ENDDATE,
                toolBar: [{
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                        $('#dialog_whYcfTzList').dialog('close');
                    }
                }]
            };
            createDialog(dialog);
        }
    }

完整代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@include file="../../inc.jsp" %>
<%
    String opid = (String) request.getAttribute("opid");
    String opidrec = (String) request.getAttribute("opidrec");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="<%=path%>/jQuery/myjs/common.js"></script>
</head>
<style>
    input[type="text"] {
        border: 1px solid #ccc;
        padding: 2px;
        width: 150px;
        height: 20px;
    }


    select {
        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
        border: solid 1px #ccc;
        /*很关键：将默认的select选择框样式清除*/
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("<%=path%>/images/arrow.png") no-repeat scroll right center transparent;
        /*为下拉小箭头留出一点位置，避免被文字覆盖*/
        padding-right: 14px;
        width: 150px;
        height: 20px;
    }
</style>
<body class="easyui-layout" id="cc">
<!-- toolBar -->
<div data-options="region:'north',title:'查询条件' ,minHeight:110,maxHeight:200" split="false" border="false"
     style="padding-left: 10px;padding-right: 10px;padding-top: 10px;height: 110px">
    <form id="search_basicInfo_form">
        <div id="viewSearch">
            <table cellpadding="0" cellspacing="0" border="1" class="grid">
                <tr>
                    <td align="right" style="width: 100px" class="bigColor">组织机构：</td>
                    <td>
                        <input class="search_box" type="text" name="ORGCODE" id="ORGCODE" style="width: 256px;">
                        <input type="radio" checked="checked" name="ISCONTAIN" value="1"/>本机构(包含辖下机构)
                        <input type="radio" name="ISCONTAIN" value="2"/>仅本机构
                        <input type="radio" name="ISCONTAIN" value="3"/>仅辖下机构
                    </td>
                    <td align="right" style="width: 100px" class="bigColor">行政区划：</td>
                    <td>
                        <input class="search_box" type="text" name="RECCODE" id="RECCODE" style="width: 256px;">
                    </td>
                    <td align="right">
                        <input onclick="showDIV()" id="search_but" class="button_m green" type="button"
                               value="更多条件∨"/>
                        <input onclick="search_basicInfo()" class="button_m green" type="button" value="查询">
                    </td>
                </tr>
            </table>
        </div>
        <div id="hiddenSearch" style="padding-top: 2px;display: none">
            <table cellpadding="0" cellspacing="0" border="1" class="grid">
                <tr>
                    <td align="right" style="width: 100px" class="bigColor">姓名：</td>
                    <td><input class="search_box" type="text" name="CUSTOMERNAME"></td>
                    <td align="right" style="width: 100px" class="bigColor">档案编号：</td>
                    <td><input class="search_box" type="text" name="BASICID"></td>
                    <td align="right" style="width: 100px" class="bigColor">身份证号：</td>
                    <td><input class="search_box" type="text" name="IDCARD"></td>
                </tr>
                <tr>
                    <td align="right" style="width: 100px" class="bigColor">登记日期</td>
                    <td colspan="5">
                        <input type="text" class="easyui-datebox" id="STARTDATE" name="STARTDATE"/>
                        -
                        <input type="text" class="easyui-datebox" id="ENDDATE" name="ENDDATE"/>
                    </td>
                </tr>
                <tr>
                    <td align="right" style="width: 100px" class="bigColor">打印类型</td>
                    <td colspan="5">
                        <input type="checkbox" id="PRINTTYPE1" name="PRINTTYPE" value="1"/>残疾人中医健康管理随访封面&nbsp;
                        <input type="checkbox" id="PRINTTYPE2" NAME="PRINTTYPE" VALUE="2"/>慢病患者65岁以上中医健康管理封面&nbsp;
                        <INPUT TYPE="CHECKBOX" ID="PRINTTYPE3" name="PRINTTYPE" value="3"/>慢病患者65岁以下中医健康管理封面&nbsp;
                        <br/>
                        <input type="checkbox" id="PRINTTYPE4" name="PRINTTYPE" value="4"/>中医体质辨识&nbsp;
                        <input type="checkbox" id="PRINTTYPE5" name="PRINTTYPE" value="5"/>高血压中医健康管理服务随访&nbsp;
                        <input type="checkbox" id="PRINTTYPE6" name="PRINTTYPE" value="6"/>（2型糖尿病）中医健康管理服务随访&nbsp;
                        <br/>
                        <input type="checkbox" id="PRINTTYPE7" name="PRINTTYPE" value="7"/>残疾人康复需求调查表&nbsp;
                        <input type="checkbox" id="PRINTTYPE8" name="PRINTTYPE" value="8"/>残疾人康复服务记录&nbsp;
                        <input type="checkbox" id="PRINTTYPE9" name="PRINTTYPE" value="9"/>残疾人康复服务评估
                    </td>
                </tr>
            </table>
        </div>
    </form>
    <form action="" method="post"  id="Execl_Form">
        <input id="jsonStr"  name="jsonStr"  type="hidden"/>
    </form>
</div>
<div data-options="region:'west',title:'查询结果清单'" style="padding-bottom: 40px">
    <div id="toolBar" class="easyui-panel" border="false" style="padding:5px;height:40px;"></div>
    <table id="whYcfTzList" border="false" fit="true">
        <thead>
        <tr>
<%--            <th field="ID" checkbox="true"></th>--%>
            <th field="IDCARDNO" width="70px">身份证号</th>
            <th field="PREGNANTNAME" width="70px">姓名</th>
            <th field="SEX" width="30">性别</th>
            <th field="AGE" width="135px">年龄</th>
            <th field="ADDRESS" width="135px">居住地址(社区、团队)</th>
            <th field="PERSIONALPHONE" width="135px">联系方式</th>
            <th field="FOLLOWUPDATE" width="135px">时间</th>
            <th field="FIRSTTRIMESTER" width="135px">孕早期</th>
            <th field="SECONDTRIMESTER" width="135px">孕中期</th>
            <th field="LATEPREGNANCY" width="135px">孕晚期</th>
            <th field="POSTPARTUM" width="135px">产后</th>
            <th field="FOLLOWDOCTOR" width="135px">随访人</th>
            <th field="NOTES" width="135px">备注</th>
        </tr>
        </thead>
    </table>
</div>
</body>
</html>
<script>

    var opid = '<%=opid%>';
    var opidrec = '<%=opidrec%>';

    function formatsex(value, row, index) {
        if (row.SEX == '1') {
            return '男';
        } else if (row.SEX == '2') {
            return '女';
        } else {
            return '';
        }
    }

    function search_basicInfo() {
        var jsonStr = $("#search_basicInfo_form").serializeObject();
        $('#whYcfTzList').datagrid({
            url: '<%=path%>/chineseMedicalManage/getWhYcfTzList.do',
            id: 'whYcfTzList',
            checkbox: true,
            fitColumns: true,
            pagination: true,
            nowrap: false,
            singleSelect: false,
            queryParams: {"jsonStr": jsonStr}
        });
        $("#whYcfTzList").datagrid("loadData", []);
    }

    function creat_orgTree(obj) {
        obj.combotree({
            url: '<%=path%>/get_org_list.do',
            parentField: 'pid',
            lines: true,
            method: 'get',
            onLoadSuccess: function (row, data) {
                //obj.combotree('setValues', getInst_code());
                //search_basicInfo();
                obj.combotree('setValues', opid);
            }
        });
    }

    function creat_recTree(obj) {
        obj.combotree({
            url: '<%=path%>/get_rec_list.do',
            parentField: 'pid',
            lines: true,
            method: 'get',
            onLoadSuccess: function (row, data) {
                //obj.combotree('tree').tree("collapseAll");
                obj.combotree('setValues', opidrec);
                search_basicInfo();
            }
        });
    }


    function getInst_code() {
        var inst_code = "";
        var orgProvinceID = '<%=orgProvinceID%>';
        var orgCityID = '<%=orgCityID%>';
        var orgDistrictID = '<%=orgDistrictID%>';
        var orgTownID = '<%=orgTownID%>';
        var orgVillageID = '<%=orgVillageID%>';
        if (orgVillageID != "") {
            inst_code = orgVillageID;
        } else if (orgTownID != "") {
            inst_code = orgTownID;
        } else if (orgDistrictID != "") {
            inst_code = orgDistrictID;
        } else if (orgCityID != "") {
            inst_code = orgCityID;
        } else if (orgProvinceID != "") {
            inst_code = orgProvinceID;
        }
        return inst_code;
    }


    $(function () {
        creat_orgTree($("#ORGCODE"));
        creat_recTree($("#RECCODE"));
        $('#whYcfTzList').datagrid({
            data: [],
            id: 'whYcfTzList',
            fitColumns: true,
            pagination: true,
            nowrap: false,
            singleSelect: true,
        });
    });


    function closeDialog(dataGridId, dialogId) {
        $('#' + dataGridId).datagrid('reload');
        $('#' + dialogId).dialog('close');
    }


    function showDIV() {
        if ($('#hiddenSearch').is(':visible')) {
            $("#hiddenSearch").hide();
            $("#search_but").attr("value", "更多条件∨");
            setHeight('110px');
        } else {
            $("#search_but").attr("value", "更多条件∧");
            $("#hiddenSearch").show();
            setHeight('180px');
        }
    }

    function setHeight(num) {
        var c = $("#cc");
        var p = c.layout('panel', 'north'); //get the north panel
        var oldHeight = p.panel('panel').outerHeight(); //获得north panel 的原高度
        p.panel('resize', {height: num}); //设置north panel 新高度
        var newHeight = p.panel('panel').outerHeight();
        c.layout('resize', {height: c.height() + newHeight - oldHeight});  //重新设置整个布局的高度
    }

    //定义操作按钮栏
    var $toolBar = $('#toolBar');
    var buttons = [{
        id: 'button_print',
        text: '打印',
        iconCls: 'icon-print',
        showEvent: 'click',
        handler: function () {
            plprint();
        }
    }, {
        id: 'button_dialog_exportRecord',
        text: '导出',
        iconCls: 'icon-large-smartart',
        showEvent: 'click',
        handler: function () {
            toExcel();//新导出方法
        }
    }];
    createToolBar2($("#toolBar"), buttons);


    function toExcel() {
        var  jsonStr = $("#search_basicInfo_form").serializeObject();
        $("#jsonStr").val(jsonStr);
        $("#Execl_Form").attr("action", "<%=path%>/chineseMedicalManage/getWhYcfTzExcel.do");
        $("#Execl_Form").submit();
        return false;
    }

    function  plprint(){
        var rows = $('#whYcfTzList').datagrid('getData');
        var ORGCODE=$('input[name=ORGCODE]').val();
        var ISCONTAIN=$('input[name=ISCONTAIN]').val();
        var RECCODE=$('input[name=RECCODE]').val();
        var CUSTOMERNAME=$('input[name=CUSTOMERNAME]').val();
        var BASICID=$('input[name=BASICID]').val();
        var IDCARD=$('input[name=IDCARD]').val();
        var STARTDATE=$('input[name=STARTDATE]').val();
        var ENDDATE=$('input[name=ENDDATE]').val();
        if (rows == null || rows == '') {
            $.messager.alert('操作提示', '无可打印数据！');
        } else {
            var dialog = {
                id: 'dialog_whYcfTzList',
                title: '打印',
                modal: true,
                width: '100%',
                height: '100%',
                closable: true,
                src: '<%=path%>/chineseMedicalManage/whYcfTzPrinting.do?ORGCODE='+ORGCODE+'&ISCONTAIN='+ISCONTAIN+'&RECCODE='+RECCODE+'&CUSTOMERNAME='+CUSTOMERNAME+'&BASICID='+BASICID+'&IDCARD='+IDCARD+'&STARTDATE='+STARTDATE+'&ENDDATE='+ENDDATE,
                toolBar: [{
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                        $('#dialog_whYcfTzList').dialog('close');
                    }
                }]
            };
            createDialog(dialog);
        }
    }
</script>

3.打印按钮请求后台查询语句返回数据跳转到打印预览页面

@RequestMapping(value = "whYcfTzPrinting.do")
    public ModelAndView whYcfTzPrinting(HttpServletRequest request, HttpServletResponse response,String ORGCODE,String ISCONTAIN,String RECCODE,String CUSTOMERNAME,String BASICID,String IDCARD,String STARTDATE,String ENDDATE){
        ModelAndView  mv=new ModelAndView();
        List<Map<String,Object>> resList = Lists.newArrayList();
        String rows = request.getParameter("rows");
        String page = request.getParameter("page");
        List<Map<String, Object>> lis = chineseMedicalManageService.getWhYcfTzList(ORGCODE,ISCONTAIN,RECCODE,CUSTOMERNAME,BASICID,IDCARD,STARTDATE,ENDDATE,page,rows);
        if (CollectionUtils.isNotEmpty(lis)){
            for(Map<String, Object> lisMap:lis){
                Map<String, Object> vpd = new HashMap<String, Object>();
                vpd.put("IDCARDNO", Tools.getMaptoString(lisMap, "IDCARDNO")); // 1
                vpd.put("PREGNANTNAME", Tools.getMaptoString(lisMap, "PREGNANTNAME")); // 2
                vpd.put("SEX", Tools.getMaptoString(lisMap, "SEX")); // 3
                vpd.put("AGE", Tools.getMaptoString(lisMap, "AGE")); // 4
                vpd.put("ADDRESS", Tools.getMaptoString(lisMap, "ADDRESS")); // 5
                vpd.put("PERSIONALPHONE", Tools.getMaptoString(lisMap, "PERSIONALPHONE")); // 6
                vpd.put("FOLLOWUPDATE", Tools.getMaptoString(lisMap, "FOLLOWUPDATE")); // 7
                vpd.put("FIRSTTRIMESTER", Tools.getMaptoString(lisMap, "FIRSTTRIMESTER")); // 8
                vpd.put("SECONDTRIMESTER", Tools.getMaptoString(lisMap, "SECONDTRIMESTER")); // 9
                vpd.put("LATEPREGNANCY", Tools.getMaptoString(lisMap, "LATEPREGNANCY")); // 10
                vpd.put("POSTPARTUM", Tools.getMaptoString(lisMap, "POSTPARTUM")); // 11
                vpd.put("FOLLOWDOCTOR", Tools.getMaptoString(lisMap, "FOLLOWDOCTOR")); // 12
                vpd.put("NOTES", Tools.getMaptoString(lisMap, "NOTES")); // 13
                resList.add(vpd);
            }
        }
        mv.addObject("basicList",lis);
        mv.setViewName("view/support/chineseMedical/whYcfTzPrinting.jsp");
        return mv;
    }

在这里插入图片描述

4.利用打印方法调用浏览器的打印

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@include file="../../inc.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="<%=path%>/plugin/jquery-easyui-1.4.4/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<%=path%>/plugin/print/jquery.jqprint-0.3.js"></script>
    <script type="text/javascript" src="<%=path%>/plugin/print/jquery-migrate-1.1.0.js"></script>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script src="<%=path%>/plugin/html2canvas/html2canvas.js"></script>
    <script src="<%=path%>/plugin/pdf/jspdf.debug.js"></script>
</head>
<body>
<div><input onclick="myPreview()" class="button_m green" type="button" value="打印"></div>
<div id="printcover">
    <style type="text/css" id="yangshi">
        .xiaoKuang {
            height: 12px;
            width: 12px;
            border: 0px solid #000000;
            line-height: 12px;
            float: right;
            align: center;
        }

        input, textarea {
            border: 0 none;
        }

        .under_line {
            border-bottom: 1px solid black;
            display: inline-block;
            padding-bottom: 2px;
            width: 70px;

        }
        .table {
            width: 100%

        }

        .table td {
            white-space: inherit;
        }

    </style>
    <style type="text/css">
        .under_line {
            border-bottom: 1px solid black;
            display: inline-block;
            padding-bottom: 2px;
            width: 90px;
        }

    </style>


    <div class="pageContent" style="height:auto;" id="prin">
        <table  border="false" fit="true" style="border-spacing: 0px!important;">
            <thead>
            <tr>
                <%--            <th field="ID" checkbox="true"></th>--%>
                <th width="70px">身份证号</th>
                <th width="70px">姓名</th>
                <th width="30">性别</th>
                <th width="135px">年龄</th>
                <th  width="135px">居住地址(社区、团队)</th>
                <th  width="135px">联系方式</th>
                <th  width="135px">时间</th>
                <th  width="135px">孕早期</th>
                <th  width="135px">孕中期</th>
                <th  width="135px">孕晚期</th>
                <th width="135px">产后</th>
                <th width="135px">随访人</th>
                <th width="135px">备注</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach items="${basicList}" var="res" varStatus="stat">
                <tr>
                    <td>${ res.IDCARDNO}</td>
                    <td>${ res.PREGNANTNAME}</td>
                    <td>${ res.SEX}</td>
                    <td>${ res.AGE}</td>
                    <td>${ res.ADDRESS}</td>
                    <td>${ res.PERSIONALPHONE}</td>
                    <td>${ res.FOLLOWUPDATE}</td>
                    <td>${ res.FIRSTTRIMESTER}</td>
                    <td>${ res.SECONDTRIMESTER}</td>
                    <td>${ res.LATEPREGNANCY}</td>
                    <td>${ res.POSTPARTUM}</td>
                    <td>${ res.FOLLOWDOCTOR}</td>
                    <td>${ res.NOTES}</td>
                </tr>
            </c:forEach>
            </tbody>
        </table>
    </div>
 </div>
</body>
<script language="javascript">
    var LODOP; //声明为全局变量
    function myPreview() {
        $("#printcover").jqprint();
    };
</script>
</html>

其中需要注意的点，我在后台没有分页那么就会出现表格数据过多一页打不开的情况，为了美观我每页都做了表头，代码中就需要把表头放到thead中，把数据放到tbody里

在这里插入图片描述
实现效果如下
在这里插入图片描述

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

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

相关文章

安卓抓包神器黄鸟HttpCanary安装配置及使用教程

安卓抓包神器黄鸟HttpCanary安装配置及使用教程

1、下载安装包 黄鸟抓包下载地址 2、安装下载的apk 3、证书安装问题 vivo手机我安装时打开黄鸟app&#xff0c;会直接弹出&#xff0c;直接安装即可 其他手机&#xff0c;需要去系统设置中安装 3.1 搜索 证书&#xff0c;选择CA证书 3.2 进行本人操作验证 3.3 安装HttpCa…
阅读更多...
【LeetCode】下降路径最小和

【LeetCode】下降路径最小和

下降路径最小和 题目描述算法分析编程代码 链接: 下降路径最小和 题目描述 算法分析 编程代码 class Solution { public:int minFallingPathSum(vector<vector<int>>& matrix) {int n matrix.size();vector<vector<int>> dp(n1,vector(n2,INT_M…
阅读更多...
【密码学】五、序列密码

【密码学】五、序列密码

序列密码 1、概述1.1序列密码的分类1.1.1同步序列密码1.1.2自同步序列密码 2、序列密码的组成2.1密钥序列生成器KG2.2有限状态自动机 3、LFSR 1、概述 采用一个短的种子密钥来控制某种算法获得长的密钥序列的办法&#xff0c;用以提供加解密&#xff0c;这个种子密钥的长度较短…
阅读更多...
java实现文件下载

java实现文件下载

1.文件上传 文件上传&#xff0c;也称为upload&#xff0c;是指将本地图片、视频、音频等文件上传到服务器上&#xff0c;可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛&#xff0c;我们经常发微博、发微信朋友圈都用到了文件上传功能。 import com.itheima.…
阅读更多...
Leetcode-每日一题【剑指 Offer II 006. 排序数组中两个数字之和】

Leetcode-每日一题【剑指 Offer II 006. 排序数组中两个数字之和】

题目 给定一个已按照 升序排列 的整数数组 numbers &#xff0c;请你从数组中找出两个数满足相加之和等于目标数 target 。 函数应该以长度为 2 的整数数组的形式返回这两个数的下标值。numbers 的下标 从 0 开始计数 &#xff0c;所以答案数组应当满足 0 < answer[0] &l…
阅读更多...
简述token和如何使用token

简述token和如何使用token

一、什么是token&#xff08;理论&#xff09; 解决http短连接,无状态管理的问题。 Jeb web token(JWT),是为了在网络应用环境间传递声明而执行的一种基于JSON的开发标准&#xff0c;JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息&#xff0c;以便于…
阅读更多...
ChatGPT在法律行业的市场潜力

ChatGPT在法律行业的市场潜力

​ChatGPT现在已经成为我们的文字生成辅助工具、搜索引擎助手&#xff0c;许多体验过它的朋友会发现对它越来越依赖&#xff0c;并将其逐渐融入到自己的日常工作、生活。但有一点值得注意&#xff1a;这种人工智能除了技术可行、经济价值可行还要与相关规范即人类普遍的价值观念…
阅读更多...
JVM复习(史上最全！！！)

JVM复习(史上最全！！！)

一、JDK、JRE、JVM的区别 JDK: 全称Java Development Kit&#xff0c;是 Java 语言的软件开发工具包&#xff0c;主要用于移动设备、嵌入式设备上的Java应用程序。JDK是整个Java开发的核心。 JRE: JRE&#xff0c;全称Java Runtime Environment&#xff0c;是指Java的运行环境&…
阅读更多...
vue3如何封装框架

vue3如何封装框架

在Vue 3中&#xff0c;你可以通过创建一个基础的框架来封装一些常用的功能、组件和样式&#xff0c;以便在不同的项目中重复使用。下面是一个简单的步骤来封装一个Vue 3框架&#xff1a; 创建一个新的Vue项目&#xff1a;首先&#xff0c;使用Vue CLI创建一个新的Vue项目。 v…
阅读更多...
eam资产管理系统,eam资产管理系统功能介绍

eam资产管理系统,eam资产管理系统功能介绍

基于固定资产管理系统PDA并结合RFID技术固定资产管理信息系统将固定资产管理、低价值消耗品管理和设备维护融为一体。根据先进的射频识别技术&#xff0c;从资产购买公司到资产退出的整个生命周期&#xff0c;每一个固定资产唯一的条形码资产标签都被赋予了后续管理&#xff0c…
阅读更多...
【多模态】23、RO-ViT | 基于 Transformer 的开发词汇目标检测（CVPR2023）

【多模态】23、RO-ViT | 基于 Transformer 的开发词汇目标检测（CVPR2023）

文章目录 一、背景二、方法2.1 基础内容2.2 Region-aware Image-text Pretraining2.3 Open-vocabulary Detector Finetuning 三、效果3.1 细节3.2 开放词汇目标检测效果3.3 Image-text retrieval3.4 Transfer object detection3.5 消融实验 论文&#xff1a;Region-Aware Pretr…
阅读更多...
大数据课程D4——hadoop的YARN

大数据课程D4——hadoop的YARN

文章作者邮箱&#xff1a;yugongshiyesina.cn 地址&#xff1a;广东惠州 ▲ 本章节目的 ⚪ 了解YARN的概念和结构&#xff1b; ⚪ 掌握YARN的资源调度流程&#xff1b; ⚪ 了解Hadoop支持的资源调度器&#xff1a;FIFO、Capacity、Fair&#xff1b; ⚪ 掌握YA…
阅读更多...
4090Ti被取消，NVIDIA还要推出新“甜品卡“

4090Ti被取消，NVIDIA还要推出新“甜品卡“

不知不觉距离 NVIDIA RTX 40 系显卡发布已快一年&#xff0c;4090 到 4060 从旗舰到甜品也都差不多了。 不过每个男孩子都想要的礼物 - RTX 4090 Ti &#xff0c;至今仅在春晚发布。 从核心架构上来看&#xff0c;RTX 4090 上的 AD 102-300 也确实不是完全体。 仅拥有144组 S…
阅读更多...
模拟一个一维排斥场

模拟一个一维排斥场

( A, B )---3*30*2---( 1, 0 )( 0, 1 ) 让网络的输入只有3个节点&#xff0c;AB训练集各由5张二值化的图片组成&#xff0c;让A有6个1&#xff0c;B有4个1&#xff0c;比较迭代次数的顺序。 其中有12组数据 差值结构 迭代次数 全0行 位置 构造平均列 平均列 列排斥能 …
阅读更多...
手机照片转换成pdf怎么做？了解这几种方法就可以了

手机照片转换成pdf怎么做？了解这几种方法就可以了

手机照片转换成pdf怎么做&#xff1f;转换照片为PDF的需求在日常生活中很常见。无论是收集有关旅行、家庭或工作的照片&#xff0c;将它们组织成一个PDF文件可以更方便地分享给朋友或同事。那么下面就给大家分享几个手机照片转换成pdf的方法。 虽然有多种软件和工具可以将照片转…
阅读更多...
八大排序算法--直接插入排序（动图理解）

八大排序算法--直接插入排序（动图理解）

目录 直接插入排序 概念 算法思路 动画演示 代码如下 复杂度分析 时间复杂度测试 运行结果 完整代码 创作不易&#xff0c;如果本篇博客对您有一定的帮助&#xff0c;大家记得留言点赞哦。 直接插入排序 概念 直接插入排序是插入排序的一种。把待排序的数字按大小逐个插…
阅读更多...
【SpringBoot】笔记2

【SpringBoot】笔记2

文章目录 45、web实验-抽取公共页面46、web实验-遍历数据与页面bug修改47、视图解析-【源码分析】-视图解析器与视图[暂时没看]48、拦截器-登录检查与静态资源放行49、拦截器-【源码分析】-拦截器的执行时机和原理50、文件上传-单文件与多文件上传的使用51、文件上传-【源码流程…
阅读更多...
jQuery如何获取动态添加的元素

jQuery如何获取动态添加的元素

jQuery如何获取动态添加的元素 使用 on()方法 本质上使用了事件委派&#xff0c;将事件委派在父元素身上 自 jQuery 版本 1.7 起&#xff0c;on() 方法是 bind()、live() 和 delegate() 方法的新的替代品&#xff0c;但是由于on()方法必须有事件&#xff0c;没有事件时可选择de…
阅读更多...
elasticsearch 官方优化建议

elasticsearch 官方优化建议

.一般建议 a.不要返回过大的结果集。这个建议对一般数据库都是适用的&#xff0c;如果要获取大量结果&#xff0c;可以使用search_after api&#xff0c;或者scroll &#xff08;新版本中已经不推荐&#xff09;。 b.避免大的文档。 2. 如何提高索引速度 a.使用批量请求。为了…
阅读更多...
HCIP中期考试实验

HCIP中期考试实验

考试需求 1、该拓扑为公司网络&#xff0c;其中包括公司总部、公司分部以及公司骨干网&#xff0c;不包含运营商公网部分。 2、设备名称均使用拓扑上名称改名&#xff0c;并且区分大小写。 3、整张拓扑均使用私网地址进行配置。 4、整张网络中&#xff0c;运行OSPF协议或者BGP…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023