掃一掃二維碼就能打開網站?這是如何實現的呢?有人把編寫程序看得很神秘,其實沒有那樣了。你只需要通過一些簡單的學習,你也可以的。網上有很多這方面的教程,但是很多人,還是不知道怎么入手。為了幫助各位朋友,小編準備寫一些這方面的文章,希望能夠幫助到這些朋友。今天我們來學習一下怎么在你的網頁上面增加網頁訪問地址的二維碼。這個功能可以很方便的讓使用手機的朋友不用輸入網址就可以訪問你的網頁哦。
網站已經做好了,很多朋友都會在上面加上網站的二維碼圖片,手機掃描一下就訪問網站了。但是問題來了,如果我只是喜歡看某一篇文章,怎么快速使用手機來訪問呢?
解決辦法就是,直接給每個網頁加一個唯一的二維碼圖片哦。
給每個頁面加上二維碼圖片的方法有很多哦。我們今天使用最簡單的方法,就是在動態頁面上面,直接使用js生成一個二維碼圖片哦。
原理很簡單,就是在頁面組合這個頁面的訪問地址,然后專遞給js,js生成二維碼圖片,然后寫到頁面上就是了。
在php代碼里面,組合url地址。
<?php
$weixin_url=$_config['weburl']."/?m=index&a=artile&id=".$id;
//這個就是組合成的訪問地址,可以根據你的情況自己修改。
前面是網站的根目錄訪問,后面是對應的參數。
?>
導入js庫
jquery.qrcode.min.js
這個就是生產二維碼的js庫,如果沒有可以聯系我,我可以發給你哦。
也可以度娘,很容易下載的。
需要在靜態頁面使用前先載入js庫。
<script src="/js/qrcode/jquery.qrcode.min.js"></script>
使用js生產二維碼,并且寫到html標簽上面。
<script type="text/javascript">
$(function(){
$('#code').qrcode("<?php echo $weixin_url;?>");
});
</script>
html代碼部分。
<tr>
<td class="txt">二維碼:</td>
<td><div id="code"></div></td>
</tr>
注意:js生成二維碼圖片,會直接顯示在id值為code的地方哦。
新聞熱點
疑難解答