在laravel中对数据数组进行分页并在vuejs中使用无限滚动的最佳方法

时间:2018-11-22 09:20:14

标签: php arrays laravel vue.js infinite-scroll

请有人帮助我, 我有一个数据数组(该数组包含一个已登录的用户帖子和已登录的用户朋友的帖子:也就是说,如果我登录,它将获取我的帖子和我的朋友的帖子),此数组将获取所有帖子,因此如果我有100个朋友,而我的每个朋友都有30个帖子,则我将获取300个帖子,我想对获取的数据进行分页并从数组中获取5个帖子,随着用户向下滚动页面,获取的信息更多 我正在使用laravel和vuejs来显示数据,请问实现此效果的最佳方法是什么,请检查我已经编写的代码

public function feeds()
{
    $friends = Auth::user()->friends();

    $feed = array();

    foreach ($friends as $friend):

        foreach ($friend->posts as $post):

            array_push($feed, $post);

        endforeach;

    endforeach;


    foreach (Auth::user()->posts as $post):

        array_push($feed, $post);

    endforeach;

    usort($feed, function($p1, $p2){
        return $p1->id < $p2->id;
    });

    return $feed;
}

vuejs

get_feed()
{
    this.loading = true;
    axios.get('/feed').then((response) => {
        this.loading = true;
        response.data.forEach((post) => {
        this.$store.commit('add_post', post)
            this.loading = false;
        })
    })
} 
computed: {
    posts() {
        return this.$store.getters.all_posts
    },
}

2 个答案:

答案 0 :(得分:0)

这里有一个更快的版本,可以检索帖子。

public function feeds(){
    $userdIds = Auth::user()->friends()->pluck('id')->toArray();
    $userIds[] = Auth::id();

    $feed = Post::whereIn('user_id', $userIds)->orderBy('id', 'desc')->paginate(10);
    return $feed; 
}

答案 1 :(得分:-1)

感谢N69S 我终于想到了

    public function feeds(){
    $userIds = Auth::user()->friends_id();
    array_push($userIds, Auth::id());

    $feed = Posts::whereIn('user_id', $userIds)->orderBy('id', 'desc')->paginate(5);
    return $feed;
}