扫描pc端二维码在手机上出现相关信息

显示二维码的代码与所需要得js库

<script src="${js}/jquery.js"></script> 
<script src="${js}/jquery.qrcode.min.js"></script> 
<script type="text/javascript">
$('#id').qrcode({
    //绑定一个属性名为id的的区域放置二维码
  text:"http://192.168.137.120:8080/mobile/mobile/product/${productDetails.id}/",//二维码包含的内容，默认只支持英文内容,中文会乱码，通过utf16to8转码可支持中文
    render: "canvas",//渲染方式可选择canvas或table，默认是canvas，推荐用canvas
    width: 96,//宽度，默认是256
    height: 96,//高度，默认是256，建议宽度和高度保持一致，否则不容易被识别
    typeNumber: -1,//计算模式，默认是-1
    //correctLevel: QRErrorCorrectLevel.H,//纠错等级，默认是QRErrorCorrectLevel.H，但是加上correctLevel这一行后无法渲染出二维码
    background: "#ffffff",//背景颜色，默认是白色
    foreground: "#000000"//前景颜色，默认是黑色
});
</script>

这个项目主要包含pc端，移动端，后台管理三大部分，二维码要实现的功能就是通过扫描pc端可以在手机端实现相应的信息
注意text的后面192.168.137.120指的是电脑的ip地址，8080说的是访问时的端口号；后面就是访问的具体地址了；访问时手机与电脑要在同一个局域网下，上次遇到的问题是手机上已经出现了电脑端的访问url路径，电脑上按照这个路径可以访问出来，但手机端就是不行，拒绝访问，这个问题解决了，原来电脑端的防火墙没有关，关掉之后就可以访问了。