laravel框架调用接口实现页面渲染【小案例】

川长思鸟来 2022-04-16 02:21 266阅读 0赞

首先我们先看文档  找到对应的文档

再找到对应的页面  我要渲染的页面如下图   先看看分别都是什么  比如说  轮播图  导航  图片信息等等...

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjExNTQ3_size_16_color_FFFFFF_t_70][]

获取到了页面我们写好路由就开始写控制器  控制器如下

json\_encode跟json\_decode这两个函数  json\_oncode是把对象转化成json格式   而json\_decode是转化成对象或者数组

控制器 :**因为一个页面需要渲染多个接口  所以要写成一个方法 别写成了两个方法   **

**url是接口地址  file\_get\_contents获取文件  然后转化成数组格式然后return返回渲染**

public function apicoursel(){
            $url=file_get_contents("http://seven.haoyunyun.cn/pictureShow");
            $data=json_decode($url,true);
            $rel=file_get_contents("http://seven.haoyunyun.cn/navRead");
    		$datas=json_decode($rel,true);
    		$urls=file_get_contents("http://www.laravel55.com/goodsclassindex");
    		$datab=json_decode($urls,true);
    		$urla=file_get_contents("http://www.laravel55.com/cityshow");
    		$dataz=json_decode($urla,true);
    		$urlc=file_get_contents("http://www.laravel55.com/article");
    		$datal=json_decode($urlc,true);
            return view('apishow/apicoursel',['data'=>$data,'datas'=>$datas,'datab'=>$datab,'dataz'=>$dataz,'datal'=>$datal]);
    	}

如果不确保数据正不正确的可以先打印一下  接下来我们渲染页面

因为使用了json\_decode  而且是true   true是数组 默认false是对象  所以这里用了中括号

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjExNTQ3_size_16_color_FFFFFF_t_70 1][]

下面是效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjExNTQ3_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjExNTQ3_size_16_color_FFFFFF_t_70]: /images/20220416/980742b6094e4c4385f6b7b3a62579ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjExNTQ3_size_16_color_FFFFFF_t_70 1]: /images/20220416/6d3aad86370b42ea956054e42730e8a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjExNTQ3_size_16_color_FFFFFF_t_70 2]: /images/20220416/fc88d4a3c2bf47b3b83722f2c5031295.png