PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

FAST - 生成条码/二维码

管理员 2024-12-14
Fastadmin
3

我们拿详情页面来做例子
1、下载JsBarcode.jsqrcode.Js
2、在详情页面拿到你要生成条码的值
3、获取要生成条码/二维码的值放入input隐藏域里面

    条码    <input type="hidden" id="barcode_src" value="{$row.order_code}">    二维码    <input type="hidden" id="qrcode_src" value="{$row.order_code}">

4、<svg></svg>标签来显示条码,<div></div>标签来显示二维码

    条码    <svg id="barcode"></svg>    二维码    <div id="qrcode"></div>

image.png

5、在对应的js里面的detail: function ()方法里面加上

require.config({    paths : {        "jsBarcode" : ["/x/x/JsBarcode"],        "qrcode" : ["/x/x/qrcode"],    }});require(["jsBarcode","qrcode"], function (JsBarcode,Qrcode){    $("#barcode").JsBarcode($("#barcode_src").val());    $("#qrcode").qrcode({        render: "canvas",        width: 200,        height: 200,        text: $("#qrcode_src").val()    });});

QQ截图20181116155910.png
QQ截图20181116155955.png
qrcode使用方法

                                            :grin:  欢迎小伙伴们优化!:grin:

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部