专栏首页ytkahLaravel展示产品-CRUD之show

Laravel展示产品-CRUD之show

  上一篇讲了Laravel创建产品-CRUD之Create and Store,现在我们来做产品展示模块,用到是show,①首先我们先修改controller,文件是在/app/Http/Controllers/ItemController.php,定义一下show function

    public function show($id)
    {
        $item = Item::find($id);
        return view('items.show')->with('item', $item);
    }

  ②创建show模板,文件是/resources/views/items/show.blade.php,添加如下代码

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Item:{{$item->id}}</div>
                    <div class="card-body">
                        <div class="col-md-8" style="float: left;">
                            <div class="form-group row">
                                <label>ID:</label>
                                <div class="col-md-6">{{$item->id}}</div>
                            </div>  
                            <div class="form-group row">  
                                <label>Name:</label>
                                <div class="col-md-6">{{$item->name}}</div>
                            </div>  
                            <div class="form-group row">  
                                <label>Price:</label>
                                <div class="col-md-6">{{$item->price}}</div>
                            </div>  
                            <div class="form-group row">  
                                <label>Description:</label>
                                <div class="col-md-6">{{$item->description}}</div>
                            </div>                            
                        </div>
                        <div class="col-md-4" style="float: left;">
                            <dl class="well">
                                <label>Created At:</label>
                                <div>{{$item->created_at}}</div>
                                <label>Updated At:</label>
                                <div>{{$item->updated_at}}</div>
                            </dl>
                            <div class="row">
                                <div class="col-md-6">
                                    <a class="btn btn-primary" href="{{route('items.edit', $item->id)}}">edit</a>
                                </div>
                                <div class="col-md-6">
                                    <a class="btn btn-danger" href="{{route('items.destroy', $item->id)}}">delete</a>
                                </div>                        
                            </div>
                        </div>
                    </div>
                </div>                    
            </div>  
        </div>  
    </div>  
@endsection

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Laravel删除产品-CRUD之delete(destroy)

      上一篇讲了Laravel编辑产品-CRUD之edit和update,现在我们讲一下删除产品,方法和前面的几篇文章类似,照着ytkah来操作吧

    ytkah
  • Laravel编辑产品-CRUD之edit和update

      上一篇讲了Laravel展示产品-CRUD之show,现在我们说一下Laravel编辑产品,涉及到编辑和更新,

    ytkah
  • Laravel上传产品图片Uploading img

      这节我们讲Laravel产品图片上传,有很多方式可以实现,这里我们用intervention/image插件来进行。首先安装intervention/ima...

    ytkah
  • AngularJS:如何使用自定义指令来取代ng-repeat

    引言 本文主要介绍了另一种即具有与ng-repeat 一样处理大量数据的绑定的功能,又具有超高的性能。 对于处理小数量,ng-repeat是非常有用的,但是如果...

    葡萄城控件
  • 2045: 双亲数

    2045: 双亲数 Time Limit: 10 Sec  Memory Limit: 259 MB Submit: 659  Solved: 302 [Sub...

    HansBug
  • CSS3 3D转换

      x轴:水平向右 注意: x 右边是正值,左边是负值   y轴:垂直向下 注意: y 下面是正值,上面是负值   z轴:垂直屏幕 ...

    梨涡浅笑
  • CSS动效集锦,视觉魔法的碰撞与融合(三)

    在一些杀毒或文件扫描类的软件上,我们可能会看到一些雷达扫描的UI样式,例如下图所示

    外婆的彭湖湾
  • CSS3实现3D水晶立方体效果

    前段时间写过一篇《CSS3实现美美哒的图片倒影效果》,里面最后一步,“我们使倒影倾斜一个角度,让整个倒影效果更具有立体效果”,不知道大家有没有联想到用倾斜,我们...

    Javanx
  • css3转换(banner)

    天天_哥
  • CSS旋转魔方

     想不想做一个3D魔方,把儿子的照片放进去,外面是你,里面是他。本人从业至今,自诩是动画机器人,苦心钻研各种动画,精通CSS3、Canvas等,不管你要做什么,...

    我不是费圆

扫码关注云+社区

领取腾讯云代金券