极致cms后台文章列表添加文章详情页二维码

实现效果

和缩略图一样可以点击放大

实现逻辑

先创建 二维码 qrcode_url字段并绑定栏目

修改

/app/admin/t/tpl

目录下文章列表前端文件article-list.html表头处添加一列

//添加一个二维码图片qrcode_url
,{field: 'qrcode_url', title: '二维码', width:100,templet: function(d){
return '<img src="'+ d.qrcode_url +'" ' +
' class="hover-preview" ' + // 添加悬停类名
' style="width:80px;height:80px;cursor:pointer;" ' +
' data-src="'+ d.qrcode_url +'">'; // 存储大图地址
}}

修改

/app/admin/c

目录下ArticleController.php文章控制器添加一个字段

//添加一个二维码qrcode_url
$v['qrcode_url'] = get_domain().'/common/qrcode?data='.gourl($v,$v['htmlurl']);

使用草料二维码生成带logo的二维码方法

将上述的

//添加一个二维码qrcode_url
$v['qrcode_url'] = get_domain().'/common/qrcode?data='.gourl($v,$v['htmlurl']);

修改为：

//添加一个二维码qrcode_url
$v['qrcode_url'] = 'https://open-api.cli.im/cli-open-platform-service/v1/labelStyle/createWithKey?api_key=CL4fc1f71aa5abb777&cliT=D10&cliD='.gourl($v,$v['htmlurl']);

就可以了，效果图如下