php详情内容,迅睿CMS 模块内容详情页面数据调用

调用模块内容数据在小程序页面中显示，用到的api接口是：

/index.php?appid=[授权ID]&appsecret=[授权码]&s=[模块目录]&c=show&id=内容id号动态传入

pages\news\show.js 文件中请求小程序的代码

var WxParse = require('../../wxParse/wxParse.js'); // 这个是用来解析文章内容中的标签的

var app = getApp();

Page({

data:{

id:'',

content:'',

supports: 0,

upsImg:"../../icons/ups.png",

collectImg:"../../icons/collect.png",

},

onLoad:function(options){

app.showModel();

var self=this;

wx.request({

url: "http://www.pcms.com/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&s=news&c=show",

data: {

id:options.id

},

header: {

'content-type': 'application/json'

},

dataType:'json',

method: 'GET',

success: function(res){

if (res.data.code == 1) {

// 格式化文章内容

var article = res.data.data.content;

WxParse.wxParse('data', 'html', article, self);

self.setData({

content:res.data.data,

supports: res.data.data.support,

id: options.id

})

wx.hideToast();

} else {

wx.showModal({

showCancel: false,

content: res.data.msg

})

}

}

})

},

})

这个请求代码表示请求后台news模块的内容数据

pages\news\show.wxml 小程序模板代码为：

{{content.title}}

{{content.inputtime}}

{{content.cat.name}}

浏览{{content.hits}}次

pages\news\show.wxss

page{

height: 100%;

}

.news-title{

background: white;

padding: 40rpx 0;

margin: 0 30rpx;

border-bottom: 1px solid #e0e0e0;

font-size: 38rpx;

}

.news-title text{

font-size: 28rpx;

margin-right: 20rpx;

color: #888;

}

.news-title text.news-local{

color: #389fcf;

}

.news-zw{

padding: 40rpx 30rpx 30rpx 30rpx;

background: white;

}

image.news-cimg{

width: 690rpx;

height: 260rpx;

}

.content-indent{

text-indent: 2em;

font-size: 26rpx;

margin-top: 20rpx;

line-height: 50rpx;

}

.ds-flex{

margin: 100rpx 0;

display: flex;

align-items: center;

justify-content: center;

}

.ds-flex image{

width: 242rpx;

height: 123rpx;

}

.view-postion{

padding-bottom: 100rpx;

}

.pl-bar{

display: flex;

width: 100%;

height: 100rpx;

background-color: #f5f5f5;

position: fixed;

bottom:0;

align-items: center;

}

.pl-bar image{

width: 41rpx;

height: 41rpx;

margin-left: 40rpx;

}

.isay{

margin-left: 30rpx;

height: 55rpx;

line-height: 55rpx;

width: 330rpx;

border: 1px solid #c9c9c9;

border-radius: 10rpx;

font-size: 25rpx;

text-indent: 20rpx;

}

.pl-flex{

display: flex;

align-items: center;

}

.conut-22{

font-size: 22rpx;

color: black;

display: inline-block;

margin-left: 12rpx;

}

.pl-bottom {

margin-top:30rpx;

}