首页 > 软件开发 > JQUERY >

怎样利用jquery给dedecms添加二维码

来源:互联网 2023-03-17 00:52:12 209

利用jquery qrcode给dedecms添加二维码lPj办公区 - 实用经验教程分享!

工具/原料

  •  dedecms任意版本/
  •  jquery任意版本/
  •  jquery-qrcode/

方法/步骤

  • 1

    下载jquery(这个到处有不说了)lPj办公区 - 实用经验教程分享!

    下载jquery-qrcodelPj办公区 - 实用经验教程分享!

    打开后点击右侧的 Download zip 如图lPj办公区 - 实用经验教程分享!

    lPj办公区 - 实用经验教程分享!

    怎样利用jquery给dedecms添加二维码lPj办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    将下载来的压缩包解压lPj办公区 - 实用经验教程分享!

    复制src文件夹里的两个js文件到dedecms模板目录lPj办公区 - 实用经验教程分享!

    jquery.qrcode.js 二维码渲染文件lPj办公区 - 实用经验教程分享!

    qrcode.js二维码数据计算的核心类lPj办公区 - 实用经验教程分享!

    怎样利用jquery给dedecms添加二维码lPj办公区 - 实用经验教程分享!

  • 3

    在模板调用jquery及qrcode的两个文件lPj办公区 - 实用经验教程分享!

    如图lPj办公区 - 实用经验教程分享!

    然后再要显示二维码的地方插入lPj办公区 - 实用经验教程分享!

    div id="qrcode">/div>lPj办公区 - 实用经验教程分享!

    怎样利用jquery给dedecms添加二维码lPj办公区 - 实用经验教程分享!

  • 4

    做完上面的就可以在文章页显示二维码了 频道列表只是调用代码不同大家可以自己参考dedecms的说明文档lPj办公区 - 实用经验教程分享!

    怎样利用jquery给dedecms添加二维码lPj办公区 - 实用经验教程分享!

  • 5

    默认是显示黑色的二维码,现在都讲究统一色调那么我们也给这个改下颜色吧lPj办公区 - 实用经验教程分享!

    打开jquery.qrcode.jslPj办公区 - 实用经验教程分享!

    第16行背景颜色,第17行二维码颜色改成你需要的就行了lPj办公区 - 实用经验教程分享!

    如图lPj办公区 - 实用经验教程分享!

    怎样利用jquery给dedecms添加二维码lPj办公区 - 实用经验教程分享!

  • 注意事项

    • 注意第3步为了调用到完整的url地址需要在dede后台开启绝对地址,或者自己手动补全。lPj办公区 - 实用经验教程分享!

    • 如果不需要改色可以不调用jquery.qrcode.jslPj办公区 - 实用经验教程分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lPj办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码