前端web页面实现手机端扫码登录

今天做项目实现了这个功能，不妨就记下来啦

首先前提是手机和电脑服务器要在同一个局域网内部

在服务器的前端页面，我们可以写一个li标签列表，li里面的class样式等可以实现在页面上显示一个手机图标样式（代码自行百度）。然后在li下面在写一个ul列表，class样式里实现鼠标指在手机图标上显示列表框，最后再在ul的li下面代码显示二维码在列表框。（一个div指示 id即可）

最后我们在javascript代码中调用qrcode函数（大概是函数吧,用于自动生成二维码），在qrcode中我们设置好二维码的宽度，高度以及地址等即可使用，代码如下：
显示移动端二维码

<script type="text/javascript">
   $("#code").qrcode({
       render: "table",         //table方式
       width: 160,               //宽度
       height: 150,             //高度
       text: "http://xxx"           //二维码地址
   });
</script>