今天本来是要去学习平台学习代码的，但是无意中发现自己的浏览器被挟持，某网页无法固定打开，并且会自动跳转到某游戏发布网站。经过我的多番钻研，总结了以下几种解决办法

一、重装系统

当然这种操作适用于大多数问题，但是成本太高，不推荐。

二、取消自动配置脚本

其实这种情况的原理，就是在我们的浏览器设置中添加了恶意的自动配置脚本，是的我们我们访问某网址的时候，我们本地进行了网址的自动修改改成了改游戏发布的网址，我们只要取消该设置即可。
1、在设置中搜索internet 找到internet选项 如下图

2、打开后选择 连接选项卡 点击 局域网设置按钮如下图

3、这个时候我们看到使用自动配置脚本的选项已被勾选并且指向了一个网址的脚本

4、把输入框的网址清楚然后将使用自动配置脚本选项取消勾选后确定保存即可

5、这个时候就不会再出现挟持的情况了

三、删除对应的注册表

1、按win+R唤出运行框 输入regedit打开注册表编辑器如下图

3、进入注册表找到HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Connections项下，把里面的DefaultConnectionSettings和SavedLegacySettings全部删除即可如下图

4、如果出现删除了之后再打开注册表对应位置发现俩个文件还在这里，证明删除失败，证明文件权限也被修改了，此时右击左侧Connection文件，选择权限，如下图

我们会发现，该文件夹我们只有读取的权限

这也就是为什么删除不成功，我们勾选允许完全控制

此时再去删除就没问题了，这样就成功解决掉浏览器被挟持的问题了

前言：该文只是初步带你了解电脑配置这门学问，希望对你有所帮助

如何查看自己的电脑配置

最简单的右键桌面此电脑->点击属性

下载个电脑管家等电脑助手软件也可以查看详细配置

如何DIY自己的第一台电脑

篇幅有限，这里我只详细分析一台电脑的核心配置（CPU、主板、显卡），外加内存

定好预算

对于电脑来说，预算是最重要的！没有预算，一切都是空谈。没预算默认外星人Area51M（价格在2万左右），现在电脑往往充当一种娱乐需求，相对来说比较次要，因此大多数人配电脑预算都不算太高，好在现在DIY市场比较平价，3000块就能装到不错的电脑了。

核心配置

一般指CPU、主板、显卡三大件

举个例子，你预算5000元，那你可以花3500左右购买CPU+主板+显卡；

1.CPU的选择
处理器分为台式CPU和笔记本CPU，受技术限制，一般来说台式CPU的性能要远高于笔记本CPU，笔记本CPU产品名称后面会跟有M这样的后缀，K后缀可用于超频，台式CPU的低功耗版本意义不大，笔记本CPU的U和Y后缀用于超极本等轻薄的笔记本，为的是提升续航所进行了性能缩水，有两个字母后缀的是后缀的组合，比如M是移动版，X是至尊版，那么XM就是移动至尊版了。
现在的桌面CPU市场，是两强分立的阶段，Intel和AMD都可以推荐。AMD现在的桌面CPU产品相当不错的，无论是日常办公还是游戏，都可以买的！

Intel：9代是最新款

注：对于小白来说最大的误区就是：i7>i5>i3，我之前也是这么去理解的，明显是不对的 比如
i7-3537U，i7-5550U都是比较入门级的cpu，而i3-9350KF却接近中高端CPU的水平

注：比如core i5-4210U代表第四代低压i5。一般游戏玩家和adobe至少要达到i5级别。这里一定要注意啦！同代CPU中低压和标压的性能差别是非常巨大的，以后有导购跟你介绍：“看，这款可是I5芯噢！” 你就可以果断反击："尼玛一个低压的I5也想忽悠我！当我小白呀！ " ，看到这里想必大家已经明白了吧？ 举个例子，同样是I7 四核八线程的CPU，其性能也会有很大区别的噢，这一点大家在选购电脑时一定要注意注意再注意。（PS，还有一款末尾带K的如 I7-6700K代表的是顶级台式机CPU噢 ）

AMD：3代锐龙是最新款

后缀说明：
X：高频版桌面CPU
G：带核显的桌面CPU
GE：低功耗的带核显桌面CPU

2.下面就是最关键的部分：AMD和Intel到底哪个值得选？

解释： (1)定预算：比如预算5000元，就只需要看3000-5000这一栏的内容； (2)用途：这里面给出的几种常用用途：
均衡发展：就是什么用途都适合，追求配置均衡，适合大多数人； 多核用途：适合多开、渲染、建模用户
单核用途：适合追求帧数的网游、只吃单核的工作程序用户 显卡性能优先：单机大作爱好者，追求单机大作帧数

比如：:预算5000元封顶，平时游戏LOL为主，也会玩玩NBA,2K等单机游戏，也需要拿电脑跑一些程序。
这种用途属于”均衡发展“类型，对应到3000-5000元，找橙色色块——所以需要选择R5 3500X或者i5 9400F。

主板

主板的高端低端并不会对CPU性能产生影响，也不会对显卡性能产生影响。主板属于有功能性但没性能的配件，所以主板不像CPU，GPU那样有性能天梯图。现在由于CPU和主板基本都是搭配着卖，所以很难选错主板。

显卡（GPU）

显卡是电脑的一个重要组成部分，承担着输出显示图形的任务，显卡的作用是协助CPU，提高整体的运行速度。比如我们玩游戏时，CPU负责计算怪物的血量，显卡负责渲染你与怪物搏斗时的场景，分工合作这样就减轻了CPU的负担。

分类

1、核显集显独显区别：
（1）从性能上来讲， 独显是最好的，适合于游戏玩家且对显卡有要求的。 i3 i5 i7的cpu内部集成的显卡性能不错，一般性能和gt210的独立显卡相当。
（2）集显还可能有人使用，性能上可满足一般的 网络游戏 的需要。 集显适合于办公用户使用，这种用户对显卡要求低，不要求显卡有多强的3D图形功能。
（3）目前核显性能已经领先于主板集显，并且将显卡核心集成处理器中相比集成主板中优势更明显，因此主板集显至今已经终结了，除了老平台外，估计已经不会再有主板集显的新品出现了。
2、基本介绍：
核显：就是和cpu集成在一起的，如现在的i3 i5 i7等cpu里面集成的显卡。
集显：就是集成在主板北桥中间的显卡。如g41 880G主板的显卡。
独显：卡有独立的显示芯片（不是做在主板或集成在cpu中的），单独做成一张卡的。

显卡现在有两家在做：NVIDIA（N卡）和AMD（A卡）

NVIDIA：RTX3090系列是最新款

RTX和GTX的区别是RTX支持光线追踪，产品定位代表了产品实力，比如RTX2070就高于RTX2060。而后缀则代表了不同版本的意思，比如Super代表”增强版“，ti也差不多是”增强版“的意思，Max-Q表示低功耗版。

AMD：RX 6X00系列是新款

命名方式上看，AMD和NVIDIA比较接近，XT也表示“增强版”的意思。

目前，显卡主要还是推荐N卡，不仅价位覆盖全面，高中低端都有，而且性价比也不低。

举例：还是上面那个例子，5000元总预算，用于核心配置的预算就是5000x70%=3500元，我们已经选择了3500X+B450主板CPU套装，已经花掉1400元了。 我们还剩下2100元左右可以选择显卡。

带着2100元上淘宝看看：

一目了然。就选择RTX2060 6G终结者V1了。

内存

内存是CPU能直接读取和写入数据的地方，是数据的中转站。内存速度极快，一个程序运行时，电脑会把这个程序运行所需要的数据全部放到内存里去。就好比我们吃饭时，不是直接拿着电饭锅吃而是用碗装着吃一样。

在手机内存都8G起步的年代，电脑如果还弄8G内存，好像有点不好意思。当然了，一切看预算办事，8G其实已经能满足不少需求了。

8G：预算不足的用户，满足日常办公+不吃配置的网游需求

16G：主流用户，满足单机大作+吃配置网游需求

32G：适合工作用户，比如视频剪辑、渲染、建模等

64G以上：适合重度工作用户，以及喜欢插满内存条的人

理论上来说，电脑内存是越大越好，就好比手机上的运存，8G肯定好于6G，越大的内存，越不容易杀后台。同样，对于电脑来说，电脑内存越大，后台上挂的软件和进程也就可以越多，也越不容易死机，所以买内存条根据自己预算，尽量越大越好。

内存的好坏也决定了电脑运行的质量，内存的频率一般都差不多，大多是1600，影响内存最重要的还是内存的总容量大小。使用大内存可以让电脑运行更加畅，比如你可以同时开启多个程序而不会觉得卡顿，程序之间的切换速度也更快，也不用为了节省内存而关闭这个效果，优化那个设置。同时32位系统的最大内存使用量为2.9Gb，即使你装了16Gb的内存，能够用得上的内存也只有2.9Gb而已，所以推荐使用64位操作系统。

值得一提的是，有的时候我们会听到有人说“我的电脑内存500G”，这明显是不正确的说法，内存是内存，硬盘是硬盘，不要和手机的内存弄混了，内存和硬盘的区别我们还可以用上面说的“我们吃饭不是直接拿着电饭锅吃而是用碗装着吃”来类比

其他

其他还包括硬盘，电源，机箱和散热器，显示屏我就不过多赘述了

如何选择电脑

1、台式机还是笔记本？

学生党、经常出差、移动办公，为了方便携带选择笔记本。台式机比笔记本的性能高出一截，追求高性能选择台式机。相同配置台式机比笔记本要便宜很多，价格因素选择台式机。台式机可以通过更换部分硬件来达到长期使用，而笔记本的使用寿命在五年左右，5年之后就会老化，同时性能也跟不上时代了。

2、品牌机还是组装机？

品牌机一般是大公司生产，出厂前经常了严格的性能测试，稳定耐用，一般图方便的人，公司，机关单位选择较多，但品牌机价格较贵也不可升级。组装机配置灵活，升级方便，性价比也高于品牌机，有DIY动手能力的人都选组装机。

3、实体店买还是网上买？

去实体店买的话，卖家的报价肯定会贵一些，网上买的话会便宜一些，你可以先去电脑城实体店逛一逛，然后再到网上买，淘宝京东都可以，京东相对让人放心一些，淘宝会便宜些，淘宝会有以旧充新情况，注意甄别。

4、网上的整机能不能买？

整机就是商家已经帮你配置好所有的硬件，收到货插上电就能用。但这里不推荐购买，商家会把某个高性能硬件拿出来大说特说然后在其它硬件上缩水，或者这个硬件是这个版本的乞丐版。买来的电脑部件如果不会组装可以拿给电脑维修店的师傅装，组装费一般不会太贵。

5、二手硬件能不能买？

CPU可以买二手的，CPU不存在一手二手，一是CPU无法山寨，二是CPU非常的耐用会坏的情况极少，可以说是电脑硬件里最耐用的部件，内存是第二耐用的部件，只要内存容量大小一样，不同品牌之间的差距非常的小，直接在搜索结果里买销量最大的就行。主板要买全新的或者高端二手的也行，硬盘不用说一定要买全新的，而且一定要买一线品牌的。显卡二手这里水非常的深，显卡的核心倒不会有问题，出问题的往往是风扇，如果经验不足的话，建议不要买二手的。

6、有必要上SSD（固态硬盘）？

非常建议入手SSD，SSD极大提升了开机速度和文件打开速度，飞一般的体验，谁用谁知道，128G或者256G用来安装系统就行。

7、如何开始配置电脑？

首先要明确电脑的用途和预算，离开用途和预算谈配置都是耍流氓。二是了解配置电脑存在“边际效益”，从低端升级到中端带来的效益是非常明显的，但如果是中端升级到高端带来的效益就逐渐变小，这时你需要花很大的价钱才能提升少量的性能。三是了解配置电脑也存在“木桶效应”，电脑的性能是所有硬件共同决定的，如果某一硬件的性能特别低，势必会影响其他硬件的发挥。你可以使用太平洋网络的 DIY模拟装机 或者中关村在线的 模拟攒机来确定大概的配置。这里大概分成三种情况：
(1), 办公家用型。主要用途包括浏览网页，处理文档，收发邮箱，看看视频，运行轻量级游戏（比如英雄联盟，DOTA），选择中低配置就足以满足要求了，可以把钱主要放在CPU上，不需要显卡。
(2), 大型游戏型。大型游戏都会涉及3D和渲染，所以有独立显卡是非常必要的，不然游戏会掉帧幻灯片一样的运行，这里可以考虑用“低CPU高显卡”的搭配方式，网吧也是这样搭配他们的电脑的。
(3), 图形设计型。通常需要运行Photoshop，After Effect，Premiere，3Dmax这类图形视频软件，运行Photoshop如果不涉及3D和渲染可以采用办公家用型的配置，其他的情况就需要安装独立显卡了，这对于软件的处理速度有着极大的提升，可以选择QUADRO专业显卡，但往往较昂贵，你也可以采用GeForce游戏显卡来代替也是可以的，毕竟会便宜一些。

2021年游戏台式电脑配置推荐

1、入门游戏主机配置：


这两款价格估值都是3K左右。配置定位于入门游戏玩家，可以保证绝大多数游戏在高特效下流畅运行，主要针对腾讯类游戏，比如LOL,CF,DNF，以及魔兽世界之类不是很吃硬件的网游，绝地求生这样的大型游戏也能在中特效下流畅运行。 这两款cpu都是四核心，虽然R5-1500X的单线程性能稍弱，不过却有超线程技术的加持，在面对一些轻度的生产力需求时表现会更好一些。如果是纯粹游戏党的话，建议用i3-9100f的那款配置。
2.主流游戏主机配置


这两款估值4K左右，配置主要是在前边配置的基础上提升了cpu和显卡。虽然现在很多游戏用4核心的cpu就可以，不过面对一些大型3A游戏还是会有点力不从心，随着游戏不断更新迭代，以后对于cpu的要求也会越来越高，如果你想一台电脑能多玩上几年的话，那么就很有必要考虑6核心的处理器了。 这两款配置的cpu都是6核6线程，搭配GTX1660 SUPER显卡，在1080p分辨率下可以满足绝大多数游戏的需求。
3.中高端游戏主机配置


这两款估值10K左右，配置的cpu核心都上升到了8核，显卡也提升到了中高端型号，一方面可以轻松面对大型3A游戏，另外更多的核心数量在游戏直播以及生产力需求等方面也有更佳的表现。 这两款配置只要你不是追求极致4K分辨率的话，几乎是什么游戏都来者不拒。

2021年桌面（台式机）CPU 显卡天梯图

2021年移动（笔记本）CPU 显卡 天梯图

想了解其他详细性能数据对比梯度图我推荐一个网站：
https://rank.kkj.cn/soc.shtml
如果你想了解手机配置攻略，可以看我另一篇文章：
https://blog.csdn.net/qq_36303853/article/details/118016558

参考文章： https://zhuanlan.zhihu.com/p/110430940
https://www.pc841.com/article/20170814-83556_all.html
http://www.zhuangjiba.com/jiaocheng/17370.html
https://rank.kkj.cn/dcpu.shtml

如果您觉得本篇对你有帮助,可以点关注,给个赞,支持一下,过程有遇到什么问题也欢迎评论私信,进行交流

一、简介

华大HD-100多功能智能卡读写器作为IC卡系统集成必备的前端处理设备，极大地提高了系统的安全性和应用的方便性，能更加优秀的服务于卫生、社保、二代证查询、工商、电信、邮政、税务、银行、保险、医疗以及各种收费、储值、查询等智能卡管理应用行业。

1.HD-100有几种不同配置，功能分别如下：
四合一：身份证、社保卡、磁条卡、就诊卡 (此次教程叫的就是四合一)
三合一：社保卡、磁条卡、就诊卡

2.华大HD-100多功能读卡器产品特点：

• 支持 ISO/IEC 7816-1/2/3 标准 CPU 卡，T=0、T=1、逻辑加密卡及memory卡，社保卡、医保卡等

• 支持 Mifare 卡和符合 ISO14443 标准的 A 类和 B 类卡，ISO 15693 等卡片, 通讯速率最高支持 424 Kbps

• 支持身份证卡片

• 支持 4个 PSAM 卡安全模块、支持高速 PSAM 卡安全交易认证，符合 ISO7816 标准

• 安装方便，可靠性高，适合联机使用

• 全速 USB 接口, RS232，以太网等

• 人机界面：一个指示灯，指示电源和操作状态

• 支持在线程序升级，提供 Windows/Linux/Unix 等各种平台下的应用程序标 准 DLL 动态库接口

二、配置使用

读卡器图片，如下图




注意：安装前先把360等杀毒软件退出，否则可能会影响读卡器的正常使用
准备：先将读卡机设备连接到电脑usb接口，确定连接成功之后在进行一下操作

1.以管理员点击运行（华大多合一控件安装.exe）文件，如下图



2. 安装时一直点击下一步即可，安装成功会显示以下页面



3.完成安装之后打开页面时需要使用 360浏览器或者IE浏览器 打开浏览器–>工具–>Internet选项–>自定义级别 （Internet和本地Internet都需要设置），如下图





4.选择启用




5.选择 是，之后打开页面之后选择兼容模式



6.选择允许阻止内容



7.选择 是



8.选择 是



9.硬件配置已完成接下来就可以使用啦！

三、代码分享

1.华大读卡器会给一套js代码，首先，需要引入到页面中进行调用。

<script th:src="@{/js/common/hd_card.js}"></script>

hd_card.js的代码内容如下：

// version:2019011
// 华大读卡器 head 中加 <OBJECT classid=clsid:A02C6AFF-89E7-41232-9DF3-508DD546543F9E2 width=0 height=0 align="center" id="bsHDdev" HSPACE=0 VSPACE=0></OBJECT>
/** ***************基础工具*********************** */

/**
 * 华大读卡器。读身份证或社保卡。返回：{type:类型, realname:姓名，gender：性别，nation：民族，brithday：出生日期，address：家庭住址，idCardNum：身份证号, sidCardNum:社保号, photoBase64: 照片base64字符串}
 */
function tg_readCard4HD(deviceObjectId, slot) {
    var result = tg_readIdCard4HD(deviceObjectId); // 先读身份证
    if (!result.success) { // 身份证读取失败
        result = tg_readSidCard4HD(deviceObjectId, slot); // 读取社保卡
    }
    return result;
}
/**
 * 华大读卡器。读身份证 返回：{type:类型, realname:姓名，gender：性别，nation：民族，brithday：出生日期，address：家庭住址，idCardNum：身份证号, photoBase64: 照片base64字符串}<br>
 * 相片显示：document.getElementById("photo").src="https://img-blog.csdnimg.cn/2022010711192871364.png"+photoBase64;
 */
function tg_readIdCard4HD(deviceObjectId) {
    var result = { // 返回结果
        type : 'idCard' // 身份证
    };
    var deviceObject = document.getElementById(deviceObjectId); // 得到设备控件 deviceObjectId
    var readResult = deviceObject.iReaderIDCard("C:\\zp.jpg"); // 读卡,传入照片路径
    if (readResult == 0) { // 读卡成功
        var cardInfo = deviceObject.pOutInfo;
        var base64Str = deviceObject.base64Data;
        var idCardInfo = cardInfo.split('|').slice(0, 6);
        result.success = true;
        result.realname = idCardInfo[0];
        result.gender = idCardInfo[1];
        result.nation = idCardInfo[2];
        result.brithday = idCardInfo[3];
        result.address = idCardInfo[4];
        result.idCardNum = idCardInfo[5];
        result.photoBase64 = base64Str;
    } else { // 读卡失败
        console.log(deviceObject.pMsgErr);
    }
    return result;
}

/**
 * 华大读卡器。读社保卡 返回：{type:类型, sidCardNum:社保号，idCardNum：身份证号，realname：姓名，gender：性别，nation：民族，brithday：生日}
 */
function tg_readSidCard4HD(deviceObjectId, slotParm) {
    var result = { // 返回结果
        type : 'sidCard' // 社保卡
    };
    var deviceObject = document.getElementById(deviceObjectId); // 得到设备控件 deviceObjectId
    var slot = 17; // 传入卡座号 17 -20
    if (slotParm) {
        slot = slotParm;
    }
    var readResult = deviceObject.iReadSicard(slot); // 读卡
    if (readResult == 0) { // 读卡成功
        var cardInfo = deviceObject.pOutInfo;
        var scardInfo = cardInfo.split('|').slice(0, 6);
        result.success = true;
        result.sidCardNum = scardInfo[0];
        result.idCardNum = scardInfo[1];
        result.realname = scardInfo[2];
        result.gender = scardInfo[3];
        result.nation = scardInfo[4];
        result.brithday = scardInfo[5];
    } else { // 读卡失败
        console.log(deviceObject.pMsgErr);
    }
    return result;
}

2.会有一个object classid 需要引入，下面的是我乱写的classid，每个设备都不一样。

<object classid="clsid:A02C6AFF-89E7-41232-9DF3-508DD546543F9E2" id="bsHDdev" width="0" height="0" hspace="0" vspace="0" />

3.页面使用代码示例（会自带测试页面也可以使用）

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a> <a><cite>会员业务</cite></a> <a href="#/manage/member/"><cite>挂号</cite></a>
    </div>
    <object classid="clsid:A02C6AFF-89E7-41232-9DF3-508DD546543F9E2" id="bsHDdev" width="0" height="0" hspace="0" vspace="0" />
</div>
<!--/*******页面内容*******/-->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="tg_member_add_form" lay-filter="tg_member_add_form_filter" class="layui-form layui-form-pane">
                <!--/*防止重复提交*/-->
                <!--<input name="tgAvoidRepeatSubmitToken" th:value="" type="text" hidden="true" />-->
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <img src="" id="photoBase64" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">姓名<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="realname" id="realname" disabled placeholder="请输入姓名"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">性别<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input id="genderStr" disabled placeholder="请输入性别"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" /> 
                            <input id="gender" name="gender" type="text" hidden="true" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">民族<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="nation" id="nation" disabled placeholder="请输入民族"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">出生日期<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="brithday" id="brithday" disabled placeholder="请输入出生日期"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">身份证号<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="idCardNum" id="idCardNum" disabled placeholder="请输入身份证号"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">社保号<span style="color: red"> *</span></label>
                        <div class="layui-input-inline">
                            <input name="sidCardNum" id="sidCardNum" disabled placeholder="请输入社保号"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">地址<span style="color: red"> *</span></label>
                    <div class="layui-input-block">
                        <input name="address" id="address" disabled placeholder="请输入地址"  required maxlength="31" autocomplete="off" autofocus="autofocus" class="layui-input" type="text" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <div class="layui-footer">
                            <input type="button" id="tg_readCard_add_submit_but" value="读卡" class="layui-btn layui-btn-lg layui-btn-normal" lay-submit="" lay-filter="tg_readCard_add_submit_but_filter">
                            <button id="tg_member_add_form_submit_but" lay-filter="tg_member_add_form_submit_but_filter" class="layui-btn layui-btn-lg" lay-submit="">挂号</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!--/*******当前页js*******/-->
<script>
    layui.use([ 'member', 'form', 'layer' ], function() {
        var member = layui.member, form = layui.form, $ = layui.$, layer = layui.layer;
        form.render(null, 'tg_member_add_form_filter'); // 渲染该模板动态表单
        // 监听读卡 
        form.on('submit(tg_readCard_add_submit_but_filter)', function(data) {
            var result = tg_readCard4HD("bsHDdev", 17);
            if (result.success) {
                // 设置input值
                $("#realname").attr("value", result.realname); // 姓名
                $("#genderStr").attr("value", result.gender); // 性别
                if(result.gender == "男"){
                    $("#gender").attr("value", 1);
                } else {
                    $("#gender").attr("value", 2);
                }
                var year = result.brithday.substr(0, 4);
                var month = result.brithday.substr(4, 2);
                var day = result.brithday.substr(6, 2);
                $("#nation").attr("value", result.nation); // 民族
                $("#brithday").attr("value", year + "-" + month + "-" + day); // 出生日期
                $("#address").attr("value", result.address); // 地址
                $("#idCardNum").attr("value", result.idCardNum); // 身份证号
                $("#sidCardNum").attr("value", result.sidCardNum); // 社保号
                if( result.photoBase64 != null ){
                    $("#photoBase64").attr("src", 'data:image/jpeg;base64,' + result.photoBase64); // 照片base6
                }
                // 读卡提交到后台的值
                data.field.realname = result.realname; // 姓名
                data.field.gender = $("#gender").val(); // 性别
                data.field.nation = result.nation; // 民族
                data.field.brithday = year + "-" + month + "-" + day; // 出生日期
                data.field.address = result.address; // 地址
                data.field.idCardNum = result.idCardNum; // 身份证号
                data.field.sidCardNum = result.sidCardNum; // 社保号
                data.field.photoBase64 = result.photoBase64; // 照片base6
             tg_submitForm('tg_readCard_add_submit_but', BASE_URL + 'm/cardRecord/add.htm', data.field, function(d) {
            }); 
            return false; // 阻止form跳转
            }
        });
        // 监听提交 
        form.on('submit(tg_member_add_form_submit_but_filter)', function(data) {
            if(data.field.realname != ""){
                tg_submitForm('tg_member_add_form_submit_but', BASE_URL + 'm/signRecord/add.htm', data.field, function(d) {
                    tg_alert_success_location('/manage/member/show/id=' + data.field.idCardNum); // 成功提醒并跳转
                });
            }else{
                layer.msg("请读取卡片");
            }
            return false; // 阻止form跳转
        }); 
    });
</script>

以上就是华大多功能四合一HD-100多功能智能卡读写器配置的使用教程，希望可以帮助到你，如有疑问欢迎私信探讨交流。