1<?php
 2include('../conn.php');
 3 
 4$id=$_REQUEST['id'];//wordoress中文章的id
 5$db = new Db('select ID,post_date,post_content,post_title from wp_posts where post_status="publish" and post_type = "post" and ID='.$id);
 6//var_dump($db->get_res());
 7$r0=$db->get_res();
 8$r['post_content']=_setcontenttoarray($r0[0]['post_content']);
 9$r['post_title']=$r0[0]['post_title'];
10echo json_encode($r);//返回结果
11 
12function _filtercontent($content){//提取图片数组 
13  $content = preg_replace('/<\/?(html|head|meta|link|base|body|title|style|script|form|iframe|frame|frameset|p)[^><]*>/i','',$content);
14   $pattern ='<img.*?src="(.*?)">';
15   preg_match_all($pattern,$content,$matches);
16   return $matches[1];
17}
18 
19 function _setcontenttoarray($content){//提取文字数组 
20   $content = preg_replace('/<\/?(img)[^><]*>/i','#+#',$content);
21   $res = preg_replace('/<\/?(html|head|meta|link|base|body|title|style|script|form|iframe|frame|frameset|p|span|strong|sup|figure|article)[^><]*>/i','',$content);
22 //  $res = str_replace(' ', "\r\t ", $res);
23 //  $res = str_replace('<br/><br/>', "\r\n", $res);
24 //  $res = str_replace('<br/>', "\r\n", $res);
25 //  $res = str_replace('<br>', "\r\n", $res);
26   $res=strip_tags($res);//过滤网页标签
27   $res=str_replace("\n\n\n","\n",$res);
28   $res=str_replace("\n\n","\n",$res);
29   $res=str_replace("<","<",$res);
30   $arr = explode('#+#', $res);
31   foreach( $arr as $k=>$v){   
32     if( !$v )   
33       unset( $arr[$k] );   
34     }  
35    return $arr;
36}

 1// pages/post-detail/post-detail.js
 2Page({
 3  /**
 4   * 页面的初始数据
 5   */
 6  data: {
 7  },
 8 
 9  /**
10   * 生命周期函数--监听页面加载
11   */
12  onLoad: function (options) {
13    var that=this
14    wx.request({
15      url: 'https://ranjuan.cn/test/getdetail.php',
16      data: {
17        id:options.id
18      },
19      success: function (res) {
20       //将获取到的json数据，存在名字叫zhihu的这个数组中
21        that.setData({
22        getdetail: res.data,
23        //res代表success函数的事件对，data是固定的，stories是是上面json数据中stories      
24        })
25        console.log(res)
26      }
27    })//发起网络请求
28  }
29})

 1<!--pages/post-detail/post-detail.wxml-->
 2<!--
 3<text>{{getdetail[0].post_title}}</text>
 4<view>
 5<text>
 6{{getdetail[0].post_content}}
 7</text>
 8</view>
 9-->
10<view class="main">
11<text>{{getdetail.post_title}}</text>
12 
13<view class="content">
14<block wx:for="{{getdetail.post_content}}">
15<text>{{item}}</text>
16<view wx:if="{{getdetail['post_img'][index]}}">
17<image src="{{getdetail['post_img'][index]}}" mode="widthFix"></image>
18</view>
19</block>
20</view>
21</view>

 1  /*
 2  传递id参数打开文章详情页面js
 3  */
 4  onDetail: function (event) {
 5    var postId = event.currentTarget.dataset.id;
 6     console.log("on post id is" + postId);
 7    wx.navigateTo({
 8      url: "../post-detail/post-detail?id="+postId
 9    })
10/*
11   wx.redirectTo({
12      url: '../post-detail/post-detail',
13    })  
14*/
15  },

 1<!--index.wxml-->
 2<view class="container">
 3<view style="algin:center;font-size:20px">文章列表</view>
 4 <block wx:for="{{contentlist}}">
 5 
 6 <!-- <text>{{item.images}}</text> -->
 7 <view class="main"  bindtap="onDetail" data-id='{{item.ID}}'>
 8 <view class="post_left">
 9<image  style="width:100%;height:100%" src="../../images/topp.jpg" ></image>
10</view>
11 
12<view class="post_right">
13  <view class="post_title">{{item.post_title}}</view>  
14  <view class="post_date"> {{item.post_date}}</view>
15</view>
16</view>
17 </block>
18</view>