當前位置:主頁 > 網站優化 >

dedecms織夢頁面中增加手機二維碼功能的實現方法

奕星seo偽原創
作者: 奕星SEO 分類: 網站優化 發布時間: 2020-03-18 19:07 內容來源:網絡整理閱讀量:

現在手機端使用越來越廣泛,因此為了提升用戶體驗很有必要在網頁上增加二維碼掃描功能,讓訪客可以直接將頁面掃到手機端閱讀,這里提供了在dedecms中增加二維碼功能的方法,主要有兩種,一種是使用GOOGLE的API,一種是使用dede的qrcode插件:

一、使用google api
在dedecms中增加二維碼功能

1、打開/include/extend.func.php文件,在文件結尾添加:

代碼示例:if ( ! function_exists('qr_code'))
{ function qr_code($aid,$widhtHeight ='150',$EC_level='L',$margin='0') { $arr = GetOneArchive($aid); if($arr['arcurl']){ $str = urlencode($arr['arcurl']); }else{ $str = urlencode($GLOBALS['cfg_phpurl'].'/view.php?aid='.$aid); } return '<img src="?chs='.$widhtHeight.'x'.$widhtHeight.'&cht=qr&chld='.$EC_level.'|'.$margin.'&chl='.$str.'" alt="QR code" widhtHeight="'.$widhtHeight.'" widhtHeight="'.$widhtHeight.'"/>'; } }  


2、在文章頁模板調用,{dede:field.id function="qr_code(@me,200);"/}

注:qr_code(@me,200)  200是二維碼大小,可自行調整。

此種增加DEDE二維碼掃描功能適用dede5.0及以上版本

使用了google提供二維碼生成器,因此可能會被墻,只適合墻外的網站使用

參考地址:
?cht=qr&chs=200x200&chl=http://www.bnxb.com&amp;choe=UTF-8

另外需要使用絕對路徑,因此要在在后臺系統-核心設置里“(是/否)支持多站點,開啟此項后附件、欄目連接、arclist內容啟用絕對網址:”選是 就可以開啟絕對路徑,生成出來的二維碼網址就沒問題了。



二、使用PHP二維碼生成類庫PHP QR Code生成二維碼

PHP QR Code是一個PHP二維碼生成類庫,利用它可以輕松生成二維碼,官網提供了下載和多個演示demo,查看地址:。如果看不懂英文不知道怎么下載也可以下載本站的https://www.bnxb.com/soft/site/26931.html
下載官網提供的類庫后,只需要使用phpqrcode.php就可以生成二維碼了,當然您的PHP環境必須開啟支持GD2。 phpqrcode.php提供了一個關鍵的png()方法,其中參數$text表示生成二位的的信息文本;參數$outfile表示是否輸出二維碼圖片 文件,默認否;參數$level表示容錯率,也就是有被覆蓋的區域還能識別,分別是 L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%),Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%); 參數$size表示生成圖片大小,默認是3;參數$margin表示二維碼周圍邊框空白區域間距值;參數$saveandprint表示是否保存二維碼并 顯示。
public static function png($text, $outfile=false, $level=QR_ECLEVEL_L, $size=3, $margin=4, $saveandprint=false) { $enc = QRencode::factory($level, $size, $margin); return $enc->encodePNG($text, $outfile, $saveandprint=false); } 調用PHP QR Code非常簡單,如下代碼即可生成一張內容為""的二維碼. Php代碼 include 'phpqrcode.php'; QRcode::png('');  

那么實際應用中,我們會在二維碼的中間加上自己的LOGO,已增強宣傳效果。那如何生成含有logo的二維碼呢?其實原理很簡單,先使用PHP QR Code生成一張二維碼圖片,然后再利用php的image相關函數,將事先準備好的logo圖片加入到剛生成的原始二維碼圖片中間,然后重新生成一張新 的二維碼圖片。
include 'phpqrcode.php';
$value = ''; //二維碼內容
$errorCorrectionLevel = 'L';//容錯級別
$matrixPointSize = 6;//生成圖片大小
//生成二維碼圖片
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
$logo = 'logo.png';//準備好的logo圖片
$QR = 'qrcode.png';//已經生成的原始二維碼圖

if ($logo !== FALSE) {
$QR = imagecreatefromstring(file_get_contents($QR));
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR);//二維碼圖片寬度
$QR_height = imagesy($QR);//二維碼圖片高度
$logo_width = imagesx($logo);//logo圖片寬度
$logo_height = imagesy($logo);//logo圖片高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
//重新組合圖片并調整大小
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
$logo_qr_height, $logo_width, $logo_height);
}
//輸出圖片
imagepng($QR, 'helloweba.png');
echo '<img src="helloweba.png">';

下面是參考上面的代碼,不生產圖片文件,方便調用的,將下面的代碼保存為img.php

<?php
include 'phpqrcode.php';
$value = $_GET['url'];//二維碼內容
$errorCorrectionLevel = 'L';//容錯級別
$matrixPointSize = 6;//生成圖片大小
//生成二維碼圖片
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
$logo = 'jb51.png';//準備好的logo圖片
$QR = 'qrcode.png';//已經生成的原始二維碼圖

if ($logo !== FALSE) {
$QR = imagecreatefromstring(file_get_contents($QR));
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR);//二維碼圖片寬度
$QR_height = imagesy($QR);//二維碼圖片高度
$logo_width = imagesx($logo);//logo圖片寬度
$logo_height = imagesy($logo);//logo圖片高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
//重新組合圖片并調整大小
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
$logo_qr_height, $logo_width, $logo_height);
}
//輸出圖片
Header("Content-type: image/png");
ImagePng($QR);



調用方法:
<img src="?url={dede:field name='arcurl'/}">


由于二維碼允許有一定的容錯性,一般的二維碼即使在遮住部分但仍然能夠解碼,經常我們掃描二維碼的時候掃描到甚至不到一半時就能解碼掃描結果,這是因為生成器會將部分信息重復表示來提高其容錯度,這就是為什么我們在二維碼中間加個LOGO圖片并不影響解碼結果的原因。


本文鏈接地址:http://www.pxynqa.icu/webyouhua/26453.html
上一篇:<<織夢模板下載Dedecms時間limit在dedecms織夢模板下載中的使用方法以及作
下一篇:將文章從普通模型移動到自定義模型的辦法>>
吉林时时历史开奖号码 黑龙江6加1开奖结果查询 腾讯网球比分直播 快乐双彩开奖结果今 成都打麻将赌博的标准 外星大袭击 贵阳沐足服务哪最爽 南京小姐一条龙服务 七乐彩 合肥小姐降价 哪个赌博麻将平台好 体彩福建31选7开奖结果19210 初美沙希作品 广西体彩11选5走 在线免费日本av电影 重庆幸运农场官方开 微信麻将平台