wordpress开发之实现使用第三方库qrcode-generator生成二维码并上传和展示
文章目录
- 一、需求
- 二、技术实现 - 利用qrcode-generator库
- 三、代码实现
一、需求
客户的需求是能将特定的url生成二维码，以便将二维码分享或贴到合同纸上给他的客户扫描查看信息。
这个url包含的内容类似于如下格式：
https://www.example.com/contract?bhid=HXDB-L-2024121503&bhcode=Swf3
效果如下：
二、技术实现 - 利用qrcode-generator库
我用的是wordpress，基于PHP，而且需要将二维码上传到服务器，并且写入到数据库中。所以最好的方式就是直接用PHP来写功能，而不是JS来实现。
能生成二维码的库不少，其中有一个不错，简单易用：qrcode-generator（https://github.com/kazuhikoarase/qrcode-generator）。
它可以用你最喜欢的编程语言来生成二维码，JS，java，PHP等都可以生成，案例地址：https://kazuhikoarase.github.io/qrcode-generator/js/demo/.
那么如何生成呢，我的思路就是，在保存保函的时候，通过wp的保存文章的钩子函数save_post调用二维码生成函数，生成二维码后，存储图片到服务器中，返回url写入到对应保函记录中。
三、代码实现
在wp的主题下，有个function.php，它允许开发者为主题添加功能、修改默认行为以及注册新的功能或功能模块等。比如我刚刚说的保函即为一种自定义文章类型，在该类型下，来生成保函信息和二维码的查询url等。
如果你还不了解wp的
function.php的作用，可以看这篇文章：https://blog.csdn.net/imqdcn/article/details/144529634
完成生成二维码图片，上传到服务器，并返回图片url的核心代码如下：
1、到qrcode-generator 的github仓库中下载 qrcode.php库，并且放在主题的inc文件夹下（你也可以放在主题根目录下）
然后在funnction.php中导入：
require_once get_template_directory() . '/inc/qrcode.php';
2、实现保存文章的钩子函数
function generate_qr_on_save($post_id) {// 检查是否是自动保存，防止重复执行if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {return;}// 检查是否是特定的文章类型（可选）if (get_post_type($post_id) == 'baohan') {// echo '正在生成二维码...';// 获取文章的 bhid 和 bhcode 元数据$bhid = get_post_meta($post_id, 'bhid', true);$bhcode = get_post_meta($post_id, 'bhcode', true);// 确保必要数据存在if (empty($bhid) || empty($bhcode)) {return;}// 拼接要生成二维码的url$url = home_url() . '/baohan';$search = "bhid={$bhid}&bhcode={$bhcode}";$qr_content = $url . '?' . $search;// 生成二维码图像$qr = QRCode::getMinimumQRCode($qr_content, QR_ERROR_CORRECT_LEVEL_L);$im = $qr->createImage(4, 4);// 保存二维码到文件$upload_dir = wp_upload_dir();$file_path = $upload_dir['path'] . '/qr_' . $post_id . '.gif'; // 文件名以文章ID命名避免冲突imagegif($im, $file_path);imagedestroy($im);// 检查文件是否保存成功if (file_exists($file_path)) {// 构建二维码的 URL$qr_url = $upload_dir['url'] . '/qr_' . $post_id . '.gif';// 保存二维码 URL 到文章的 qrCode 元数据update_post_meta($post_id, 'qrCode', $qr_url);} else {error_log("Failed to save QR code for Post ID $post_id.");}}
}
add_action('save_post', 'generate_qr_on_save');
这样就可以保存二维码到wp的上传目录，且写入该二维码的url到当前文章的qrCode字段了。
因为我不需要在媒体库中管理，所以，并没有调用上传到媒体库的钩子函数，无法在后台的媒体库中看到。
3、如何显示到wp的管理后台（如图一效果）
只需要在遍历列表时，添加如下判断：
$qr_url = get_post_meta( $post->ID, 'qrCode', true );
if($qr_url){echo "<img src='{$qr_url}' width='100' height='100' />";
}else{echo "编辑或新建后保存一次，二维码才会生成";
}
这样就完美实现了如上需求。
也就是说二维码包含的信息可以是任意的，本文所实现的无非就是将特定的url转为二维码，并且将二维码图片上传到服务器而已。
如果你在web前端开发、面试、前端学习路线有困难可以在下方加我名片。
免费答疑，行业深潜多年的技术牛人帮你解决bug。
并可提供web前端开发，网站开发、技术咨询、答疑、直播讲座等服务。
祝你能成为一名优秀的WEB前端开发工程师！
相关文章：
wordpress开发之实现使用第三方库qrcode-generator生成二维码并上传和展示
文章目录 一、需求二、技术实现 - 利用qrcode-generator库三、代码实现 一、需求 客户的需求是能将特定的url生成二维码，以便将二维码分享或贴到合同纸上给他的客户扫描查看信息。 这个url包含的内容类似于如下格式： https://www.example.com/contrac…...
计算机网络——物理层
一、通信基础 1.相关术语： • 数据(data)——运送消息的实体。 • 信号(signal)——数据的电气的或电磁的表现。 • “模拟的”(analogous)——代表消息的参数的取值是连续的。 • “数字的”(digital)——代表消息的参数的取值是离散的。 • 码元(code)——在…...
网络IP协议
IP（Internet Protocol，网际协议）是TCP/IP协议族中重要的协议，主要负责将数据包发送给目标主机。IP相当于OSI（图1）的第三层网络层。网络层的主要作用是失陷终端节点之间的通信。这种终端节点之间的通信也叫点…...
Unity UGUI使用技巧与经验总结（不定期更新）
Text自动缩放参考连接： Unity -UGUI中Text文本框的自动调整，字体大小的自适应调节_unity添加的字体大小锁定-CSDN博客 Toggle按钮选择时，显示对应的UI界面： 为Toggle组件的On Value Change事件添加对需要显示的对象的SetActive…...
Tailwind CSS 使用简介
参考网站安装 - Tailwind CSS 中文网 号称是开始使用 Tailwind CSS 通过 npm 安装 tailwindcss，并创建你的 tailwind.config.js 文件。 npm install -D tailwindcss npx tailwindcss init 在 tailwind.config.js 文件中添加所有模板文件的路径。 /** type {im…...
嵌入式linux中socket控制与实现
一、概述 1、首先网络，一看到这个词，我们就会想到IP地址和端口号，那IP地址和端口各有什么作用呢？ （1）IP地址如身份证一样，是标识的电脑的，一台电脑只有一个IP地址。 （2）端口提供了一种访问通道，服务器一般都是通过知名端口号来识别某个服务。例如，对于每个TCP/IP实…...
Go语言的 的数据封装（Data Encapsulation）核心知识
Go语言的数据封装（Data Encapsulation）核心知识 引言 在现代编程语言中，数据封装是一个重要的编程概念。它不仅帮助开发者管理复杂性，还提高了代码的可维护性和安全性。Go语言（Golang）作为一种注重简洁性…...
25/1/5 算法笔记＜强化学习＞ MPC，交叉熵法，PETS算法
MPC 一个棋手下棋，会根据当前的局势来推演落子几步可能发生的局势，然后选择局势最好的一种情况来决定当前落子位置。 模型预测控制方法MPC,就是这样一种迭代的、基于模型的控制方法。值得注意的是MPC中不存在一个显示的策略。具体而言就是MPC在每次采取…...
最新版Chrome浏览器加载ActiveX控件之CFCA安全输入控件
背景 CFCA安全输入控件用于保证用户在浏览器、桌面客户端、移动客户端中输入信息的安全性，防止运行在用户系统上的病毒、木马等恶意程序入侵窃取用户输入的敏感信息。确保用户输入、本地缓存、网络传输整个流程中，输入的敏感信息不被窃取。广泛应用于银行…...
vue 项目集成 electron 和 electron 打包及环境配置
vue electron 开发桌面端应用 安装 electron npm i electron -D记得加上-D，electron 需添加到devDependencies，如果添加到dependencies后面运行可能会报错 根目录创建electron文件夹，在electron文件夹创建main.js（或者backgrou…...
计算机网络--UDP和TCP课后习题
【5-05】 试举例说明有些应用程序愿意采用不可靠的UDP, 而不愿意采用可靠的TCP。 解答： 这可能有以下几种情况。 首先，在互联网上传输实时数据的分组时，有可能会出现差错甚至丢失。如果利用 TCP 协议对这些出错或丢失的分组进行重传&…...
【算法不挂科】算法期末考试题库（带解析）【选择题53道＆填空题36道＆算法填空题7道＆问答题33道】
前言 大家好吖，欢迎来到 YY 滴算法不挂科系列 ，热烈欢迎！ 本章主要内容面向接触过C的老铁 下面是相关传送门 【算法不挂科】算法期末考试题库1（带解析）【选择题53道＆填空题36道＆算法填空题7道&a…...
Java+maven+selenium3+testng 自动化测试环境IDEA
软件测试资料领取：[内部资源] 想拿年薪40W的软件测试人员，这份资料必须领取~ 软件测试面试刷题工具领取：软件测试面试刷题【800道面试题答案免费刷】 idea 、java环境变量jdk maven安装及环境变量配置这里就不多说了，网上有很多…...
【踩坑指南2.0 2025最新】Scala中如何在命令行传入参数以运行主函数
这个地方基本没有任何文档记录，在学习的过程中屡屡碰壁，因此记录一下这部分的内容，懒得看可以直接跳到总结看结论。 踩坑步骤 首先来看看书上让我们怎么写： //main.scala object Start {def main(args:Array[String]) {try {v…...
vue3-watchEffect异步依赖收集
当 b 更新时 a 并不会更新，因为watchEffect的依赖收集在该案例中停止于await asyncFn()，也就是只会收集同步代码的依赖，await 之后的异步代码的依赖并不会收集到 <template> <div>a: {{ a }} <br>b: {{ b }} <br>&l…...
【Go研究】Go语言脚本化的可行性——yaegi项目体验
0x01 背景——云计算中脚本化困境 作为云基础设施管理中，大量需要跟文件系统、容器等相关的操作，这些操作实现通常用脚本来实现。 现在探讨下，这些脚本为什么一定要用脚本语言来实现，以及目前实现中的常见的问题。 常见的两个场…...
Genome Research | 俄亥俄州立于忠堂组-结合深度学习与蛋白质数据库系统探究反刍动物真核微生物...
结合深度学习与蛋白质数据库系统探究反刍动物真核微生物 Probing the eukaryotic microbes of ruminants with a deep-learning classifier and comprehensive protein databases 期刊：Genome Research DOI：https://doi.org/10.1101/gr.279825.124 第一作…...
centos7yum安装mysql5.7
1、安装mysql5.7 (1) 正常安装 [rootBrianZhu /]# wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm [rootBrianZhu /]# yum -y install mysql57-community-release-el7-10.noarch.rpm [rootBrianZhu /]# yum -y install mysql-community-se…...
JavaScript系列（8）-- Array高级操作
JavaScript Array高级操作 📚 在前七篇文章中，我们探讨了JavaScript的语言特性、ECMAScript标准、引擎工作原理、数值类型、字符串处理、Symbol类型和Object高级特性。今天，让我们深入了解JavaScript中的Array高级操作。数组是最常用的数据结…...
蓝牙架构介绍
架构1：hostcontroller双芯片标准架构 这个标准把蓝牙协议栈分成host和controller两部分，其中host跑在AP上，controller跑在蓝牙模块上，两者之间通过HCI协议进行通信，AP芯片厂商一般会直接采用开源的Bluez来实现Host功能…...
青少年编程与数学 02-006 前端开发框架VUE 08课题、列表渲染
青少年编程与数学 02-006 前端开发框架VUE 08课题、列表渲染 一、列表渲染v-for 指令:key 属性遍历对象响应式更新列表渲染的作用 二、应用示例项目结构public/index.htmlsrc/components/TodoApp.vuesrc/main.jspackage.json构建和运行项目 课题摘要:本文介绍了Vue.js中的列表渲…...
12.3【hardware][day3]
关于使用硬件 DSP 资源实现乘法的含义 在 Xilinx 7 Series FPGA（现场可编程门阵列）中，乘法运算可以通过专门的数字信号处理（DSP）硬件资源来完成。当使用 Verilog 语言编写代码进行乘法运算时，直接使用乘号&…...
)
降维算法之PCA（PrincipalComponent Analysis，主成分分析)
降维是指在保留数据特征的前提下，以少量的变量表示有许多变量的数据，这有助于降低多变量数据分析的复杂度。比如在分析有 100 个变量的数据时，与其直接分析数据，不如使用 5 个变量表示数据，这样可以使后续分析比较容易…...
【JVM】总结篇-类的加载篇之 类的加载器 和ClassLoader分析
文章目录 类的加载器ClassLoader自定义类加载器双亲委派机制概念源码分析优势劣势如何打破Tomcat 沙箱安全机制JDK9 双亲委派机制变化 类的加载器 获得当前类的ClassLoader clazz.getClassLoader() 获得当前线程上下文的ClassLoader Thread.currentThread().getContextClassLoa…...
Android：文件管理：打开文件意图
三步走： 一、先在AndroidManifest.xml声明provider： <providerandroid:name"androidx.core.content.FileProvider"android:authorities"${applicationId}.FileProvider"android:exported"false"android:grantUriPermi…...
《计算机网络A》单选题（详解）
《计算机网络A》单选题-复习题库 1、计算机网络最突出的优点是（ D ） A、存储容量大 B、将计算机技术与通信技术相结合 C、集中计算 D、资源共享 解析：算机网络最突出的优点是 D、资源共享。通过计算机网络&…...
【SpringBoot3】Spring Boot 3.0 集成 Mybatis Plus
在Spring Boot 3.0中，你可以使用MyBatis Plus来简化数据库操作。以下是一个基本的集成示例： 1.添加依赖到你的pom.xml： <dependencies> <!-- Spring Boot Starter --> <dependency> <groupId>org.springframework.…...
第147场双周赛:子字符串匹配模式、设计任务管理器、最长相邻绝对差递减子序列、删除所有值为某个元素后的最大子数组和
Q1、子字符串匹配模式 1、题目描述 给你一个字符串 s 和一个模式字符串 p ，其中 p 恰好 包含 一个 * 符号。 p 中的 * 符号可以被替换为零个或多个字符组成的任意字符序列。 如果 p 可以变成 s 的子字符串，那么返回 true ，否则返回 false…...
--二叉树和特殊书的概念，二叉树“最傻瓜式创建”与前中后序的“递归”与“非递归遍历”)
数据结构C语言描述9(图文结合)--二叉树和特殊书的概念，二叉树“最傻瓜式创建”与前中后序的“递归”与“非递归遍历”
前言 这个专栏将会用纯C实现常用的数据结构和简单的算法；有C基础即可跟着学习，代码均可运行；准备考研的也可跟着写，个人感觉，如果时间充裕，手写一遍比看书、刷题管用很多，这也是本人采用纯C语言…...
开源存储详解-分布式存储与ceph
ceph体系结构 rados：reliable, autonomous, distributed object storage, rados rados采用c开发 对象存储 ceph严格意义讲只提供对象存储能力，ceph的块存储能力实际是基于对象存储库librados的rbd 对象存储特点 对象存储采用put/get/delete…...
Vue 快速入门：开启前端新征程
在当今的 Web 开发领域，Vue.js 作为一款极具人气的 JavaScript 前端框架，正被广泛应用于各类项目之中。它以简洁的语法、高效的数据绑定机制以及强大的组件化开发模式，为开发者们带来了前所未有的开发体验。如果你渴望踏入前端开发的精彩世界…...
GPT系统重大升级，开创国内先河：o1支持图片识别功能正式上线
文章目录 零、前言一、授权码登录体验优化：一步直达聊天界面二、全新“项目”功能：让工作更有条理三、语音功能升级：全新交互体验四、o1支持图片识别五、总结 零、前言 我是虚竹哥，目标是带十万人玩转ChatGPT。 亲爱的用户&…...
常用的数据结构API概览
List ArrayList 1、在初始化一个ArrayList的时候，如果我想同时set一些值 比如存放int[ ] List<int[]> list new ArrayList(Arrays.asList(new int[]{intervals[0][0],intervals[0][1]}));//或者int[] temp new int[]{intervals[0][0],intervals[0][1]}…...
《探秘计算机视觉与深度学习：开启智能视觉新时代》
《探秘计算机视觉与深度学习：开启智能视觉新时代》 一、追溯起源：从萌芽到崭露头角二、核心技术：解锁智能视觉的密码（一）卷积神经网络（CNN）：图像识别的利器（二࿰…...
Linux：操作系统不朽的传说
操作系统是计算机的灵魂，它掌控着计算机的硬件和软件资源，为用户和应用程序提供了一个稳定、高效、安全的运行环境。 在众多操作系统中，Linux 的地位举足轻重。它被广泛应用于服务器、云计算、物联网、嵌入式设备等领域。Linux 的成功离不开…...
Excel重新踩坑5：二级下拉列表制作；★数据透视表；
0、在excel中函数公式不仅可以写在单元格里面，还可以写在公式里面。 1、二级下拉列表制作： 2、数据透视表： 概念：通过拖拉就能实现复杂函数才能实现的数据统计问题。 概览：在插入选项中有个数据透视表，数…...
containerd配置镜像加速（含新旧版本）
文章目录 镜像加速使用文档containerd配置说明文档host.toml配置步骤（containerd2.x新版功能，与config.toml解耦，无需重启containerd）传统配置（需要重启containerd） 镜像加速使用文档 关于镜像加速的使用可…...
国产编辑器EverEdit - 常用资源汇总
1 国产编辑器EverEdit-常用资源汇总 EverEdit是一款国产文本编辑器，历经超过15年的更新和维护，拥有不输业界顶级商业文本编辑器(EmEditor、UltraEdit)的实力，甚至在某些方面的功能更强(当然，各有千秋)，开发者对文本编辑…...
应急指挥系统总体架构方案
引言 应急指挥系统总体架构方案旨在构建一个高效、智能的应急管理体系，以应对自然灾害、事故灾难等突发事件，保障人民生命财产安全。 背景与挑战 近年来，安全生产形势严峻，自然灾害事故频发，对应急指挥系统的要求越…...
Edge Scdn的应用场景有哪些？
酷盾安全Edge Scdn 具备强大的安全防护能力，通过多层防御机制，如防火墙、DDoS 攻击防护、入侵检测和防御、数据加密等，有效抵御各种网络攻击，包括 DDoS 攻击、CC 攻击、SQL 注入攻击、XSS 跨站脚本攻击等，保障网站和应…...
LeetCode：98.验证二叉搜索树
跟着carl学算法，本系列博客仅做个人记录，建议大家都去看carl本人的博客，写的真的很好的！ 代码随想录 LeetCode：98.验证二叉搜索树 给你一个二叉树的根节点 root ，判断其是否是一个有效的二叉搜索树。 有效 …...
mysql报错2059
客户端连接mysql服务时提示2059错误，通常与身份验证插件有关，具体表现为客户端无法加载指定的身份验证插件。这个错误在MySQL 8.0及更高版本中较为常见，因为从MySQL 8.0开始，默认的加密规则从mysql_native_password变为了caching_…...
2025/1/4期末复习 密码学 按老师指点大纲复习
我们都要坚信，道路越是曲折，前途越是光明。 --------------------------------------------------------------------------------------------------------------------------------- 现代密码学 第五版 杨波 第一章 引言 1.1三大主动攻击 1.中断…...
【数据仓库金典面试题】—— 包含详细解答
大家好，我是摇光~，用大白话讲解所有你难懂的知识点 该篇面试题主要针对面试涉及到数据仓库的数据岗位。 以下都是经典的关于数据仓库的问题，希望对大家面试有用~ 1、什么是数据仓库？它与传统数据库有何区别？ 数据仓库…...
deepFM模型pytorch实现
deepFM deepfm包含两个部分：因子分解机FM和神经网络DNN，分别负责低阶特征和高阶特征的提取。可以处理全是分类特征的数据，或者分类与数值型结合的数据。 FM部分是对一阶特征和二阶特征（一阶特征之间的交互）的处理。 …...
【Linux】传输层协议UDP
目录 再谈端口号 端口号范围划分 UDP协议 UDP协议端格式 UDP的特点 UDP的缓冲区 UDP注意事项 进一步深刻理解 再谈端口号 在上图中，有两个客户端A和B，客户端A打开了两个浏览器，这两个客户端都访问同一个服务器，都访问服务…...
MOE怎样划分不同专家：K-Means聚类算法来实现将神经元特征聚类划分
MOE怎样划分不同专家：K-Means聚类算法来实现将神经元特征聚类划分 目录 MOE怎样划分不同专家：K-Means聚类算法来实现将神经元特征聚类划分MOE划分不同专家的方法K-Means聚类算法来实现将神经元特征聚类划分成不同专家（行或者列聚类）举例说明怎么聚类,最后神经网络怎么保存M…...
Redis两种主要的持久化方式是什么？
Redis支持两种主要的持久化方式，它们分别是RDB（Redis Database Snapshotting）和AOF（Append Only File）。以下是这两种持久化方式的详细介绍： 一、RDB（Redis Database Snapshotting） …...
)
【生活】冬天如何选口罩(医用口罩，N95, KN95还是KP95？带不带呼吸阀门？带不带活性炭？)
💡总结一下就是： 日常防护的话，医用口罩就可以啦。要是想长时间佩戴N95（KN95）口罩的话也可以. 在高风险环境（像医院、疫情防控期间），一定要选不带呼吸阀门的N95口罩KN95）…...
机器学习基础-卷积的计算
1 掌握卷积计算的基本过程 1.1 单通道单卷积核 如图3所示，现在有一张形状为[5,5,1]的灰度图，我们需要用图3右边的卷积核对其进行卷积处理，同时再考虑到偏置的作用。计算过程如下： 1.2 单通道多卷积核 如下图所示，左…...