WordPress开发

WordPress开发首页文章列表接口

引言

本教程为《用WordPress与uni-app开发,包含所有源代码》系列教程之一。

全功能WordPress API接口工具已出

全功能WordPress API接口工具已出只为前端开发者的你设计,详情查看:Sliver Rest Wp api:全功能的WordPress api工具

前面我们已经用uni-app制作出了首页文章列表的样式,在这一节中我将讲解如何获取这些文章,也就是开发首页文章列表的api接口。

开始

首页文章列表,一般来说就是获取最新的十篇文章,所以在我们的接口中只需要写一个方法来获取十篇文章就行了。

在前面我们制作的简易WP主题的api文件夹下新建接口文件:indexList.php

此图像的alt属性为空;文件名为image-36.png

在该文件中编写代码如下:

<?php
// 接口名:首页文章列表
// 教程地址:https://www.inacorner.top/395.html
// 可传参数:page(页数)
header('Access-Control-Allow-Headers:*'); 
//引入WP加载文件,引入之后就可以使用WP的所有函数 
require( '../../../../wp-load.php' );


// 这里为了方便后期的下拉加载更多,我们可以定义一个页码参数
$page=@$_GET['$page'];

//定义返回数组,默认先为空
$data=[];

// 使用wp的查询文章函数查询最新文章列表
// 1、定义查询条件
$args = array( 
	'post_type'=>'post',  //查询文章类型
	'post_status'=>'publish', //查询文章状态
	'posts_per_page'=>10,  //一页显示十篇文章
	'paged'=>$page,  //第几页,默认为1
	'orderby'=>'date',  //按照时间排序
	'order'=>'DESC'
);
// 2、开始查询文章
query_posts($args);
if (have_posts()){ //如果查询出来了文章
	// 定义接收文章数据的数组
	$posts=[];
	// 循环文章数据
	while ( have_posts() ) : the_post();
		// 获取文章id
		$post_id=get_the_ID();
		// 定义单条文章所需要的数据
		$list=[
			"id"=>$post_id,  //文章id
			"title"=>get_the_title(), //文章标题
			"img"=>get_the_post_thumbnail_url() //文章缩略图
		];
		// 将每一条数据分别添加进$posts
		array_push($posts,$list);
	endwhile;
	// 定义返回值
	$data['code']=200;
	$data['msg']="查询数据成功!";
	$data['post']=$posts;
}else {
	// 如果没有文章
	$data['code']=404;
	$data['msg']="没有相关文章";
	$data['post']=[];
}
// 输入json数据格式
print_r(json_encode($data));
?>

将主题打包,重新安装该,在浏览器直接访问该文件(我的链接是:http://appblog.inacorner.top/wp-content/themes/wpApp/api/indexList.php),你应该得到以下结果:

此图像的alt属性为空;文件名为image-37.png

结束

首先文章列表的api接口开发完成,下一节我将讲解如何将这些数据渲染到app上。

用WordPress与uni-app开发,包含所有源代码 用WordPress与uni-app开发,包含所有源代码 引言 废话不多说这套系列的教程就是教你怎么将自己现有的WP网站做成一个app或者小程序 技术栈要求 需要声明的是,在这套教程之中,因为精力有限的关系,我不负责任何前端页面的设计以及开发,只讲前端... 2019-6-14 6440 0

代码仓库:https://github.com/sliverRing/wpApp

QQ交流群: 824144151

技术援助

需要技术援助?点击这里,帮你解决你的所有问题!PS:可能你离大神之间,只差一个我们!!!!

2 条评论

  1. 正在研究wp+uniapp,感谢博主无私主分享。 [机智]

发表评论

插入图片

推荐文章

  1. 抱歉,没有找到文章!