vue+layui

效果图

前端/;

    
    
    



    
    

        

            
奥运头条
            

                

                    

                        

                    
                
            
        
    
    

    

        

            

                

                    
奖牌榜
                    
用户管理
                
                

                    

                        

                            

                            

                                
国家/地区
                                
金牌
                                
银牌
                                
铜牌
                                
总数
                            
                            
                            

                            

                                
{{worldMedal.country_name}}
                                
{{worldMedal.gold_num}}
                                
{{worldMedal.silver_num}}
                                
{{worldMedal.bronze_num}}
                                
{{worldMedal.medal_total_num}}
                            
                            
                        
                    
                    

                        

                            

                            

                                
奖牌数
                                
选手名称
                                
介绍
                            
                            
                            

                            

                                
{{ChinaMedal.medal_total}}
                                
{{ChinaMedal.name}}
                                
{{ChinaMedal.desc}}
                            
                            
                        
                    
                
            
        
    

php：

//赛事轮播图
    public function getBanners()
    {
        $data = Banner::getBanners();
        if ($data !== false) {
            $data = $data->toArray();
        }
        return json($data);
    }

    //世界奖牌
    public function getWorldMedal()
    {
        $data = WorldMedal::getWorldMedal();
        if ($data !== false) {
            $data = $data->toArray();
        }
        return json($data);
    }

    public function getChinaMedal()
    {
        $data=ChinaMedal::getChinaMedals();
        if ($data !== false) {
            $data = $data->toArray();
        }
        return json($data);
    }

class Banner extends Model
{
    protected $table = 'banners';

    //查询轮播图数据
    public static function getBanners()
    {
        return self::paginate(3);
    }

}


----------------------------------------------
class ChinaMedal extends Model
{
    //
    protected $table = 'china_medals';

    public static function getChinaMedals()
    {
        return self::select();
    }
}

---------------------------------------------
class WorldMedal extends Model
{
    //
    protected $table = 'world_medals';

    public static function getWorldMedal()
    {
        return self::select();
    }
}