国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

laravel中使用WangEditor及多圖上傳(下篇)

hosition / 3042人閱讀

摘要：中使用及多圖上傳下篇快速生成前臺文章創建路由快速生成文章控制器修改文章控制器創建視圖文件列表頁文章列表頁文章列表什么都沒有詳情頁詳情頁圖

laravel中使用WangEditor及多圖上傳(下篇) 1. 快速生成前臺文章

1.1 創建路由

Route::resource("/article", "ArticleController");

1.2 快速生成文章控制器ArticleController

php artisan make:controller ArticleController

1.3 修改文章控制器app/Http/ArticleController.php



1.4 創建視圖文件


列表頁
resource/view/home/article/index.blade.php


extends("layouts.app")

@section("title", "文章列表頁")

@section("content")


    

        

            

                
文章列表

            

            @forelse ($data as $list)
                
            @empty
                
什么都沒有 :(

            @endforelse

            {{ $data->links() }}
        

    



@endsection


詳情頁
resource/view/home/article/list.blade.php


@extends("layouts.app")

@section("title", "$data->title")

@section("content")


    

        

            

                
詳情頁

            

            

                
  • {!! $data->title !!}
    • 
                
                
                
  • {!! $data->content !!}
    • 
                
  • 創建時間: {!! $data->created_at !!}
    • 
                
  • 更新時間: {!! $data->updated_at !!}
    • 
            
    
         
    
    
    

    
@endsection
    

    這里我們用到了bootstrap的導航欄
    在resource/layouts/app.php
    引入bootstrap.css
    

        
    
    
    
    

    效果圖
    

    
2. 美化圖片顯示，加入lightbox

    2.1 加入lightbox.css以及lightbox.js
    

    在頭部加入
    

        
    
    
    
    
    

    加載js 注意lightbox.js依賴jquery.js
    所以要先加載jquery
    

        
    
    
    
    

    在視圖文件list.blade.php加入
    

    加在
  • {!! $data->content !!}
    • 上面
    

                    @foreach($data->cover as $cover)
                
                @endforeach
    

    最后效果圖
    

    

    原文鏈接 https://www.bear777.com/blog/laravel-wangeditor-1
    github地址 https://github.com/pandoraxm/laravel-admin-wangeditor

    文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

    轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/31981.html

    相關文章

    • laravel中使用WangEditor及多圖上傳

      摘要：多圖上傳修改里面的方法將封面修改為封面創建圖片修改器修改器使用說明，請閱讀相關說明文檔在里增加和兩個方法顯示效果原文地址地址 laravel中使用WangEditor及多圖上傳 1. 創建項目及安裝所需安裝包 1.1 創建項目 composer create-project laravel/laravel=5.3 blog_wangeditor --prefer-dist 1.2 創建...

      FingerLiu 評論0 收藏0

    • laravel中使用WangEditor及多圖上傳

      摘要：多圖上傳修改里面的方法將封面修改為封面創建圖片修改器修改器使用說明，請閱讀相關說明文檔在里增加和兩個方法顯示效果原文地址地址 laravel中使用WangEditor及多圖上傳 1. 創建項目及安裝所需安裝包 1.1 創建項目 composer create-project laravel/laravel=5.3 blog_wangeditor --prefer-dist 1.2 創建...

      qianfeng 評論0 收藏0

    • laravel5.3 vue 實現收藏夾功能

      摘要：要定義這種關系，請打開模型并添加一個注意模型的命名空間是所以注意要頭部引入第二個參數是數據透視表收藏夾的名稱。這將允許插入或更新行時，數據透視表上的時間戳和列將受到影響。 laravel5.3 vue 實現收藏夾功能 ? 本篇是接著laravel中使用WangEditor及多圖上傳(下篇) 所以我們這里不演示怎么新建項目了。? 1. laravel項目安裝 ?下載之前的項目，完成安裝。...

      adie 評論0 收藏0

    • laravel5.3 vue 實現收藏夾功能

      摘要：要定義這種關系，請打開模型并添加一個注意模型的命名空間是所以注意要頭部引入第二個參數是數據透視表收藏夾的名稱。這將允許插入或更新行時，數據透視表上的時間戳和列將受到影響。 laravel5.3 vue 實現收藏夾功能 ? 本篇是接著laravel中使用WangEditor及多圖上傳(下篇) 所以我們這里不演示怎么新建項目了。? 1. laravel項目安裝 ?下載之前的項目，完成安裝。...

      mumumu 評論0 收藏0

    • yamecent-admin 基于laravel框架的rbac后臺管理系統

      摘要：示例列表批量操作按鈕批量刪除全選復選框列表復選框示例部分截圖作者年月日 歡迎使用yamecent-admin后臺管理 環境要求 依賴 說明 PHP PHP7+ 項目簡介 yamecent-admin是一款基于laravel框架進行封裝的后臺管理系統,其中包含： rbac權限管理模塊 完整的ui組件(外部引入) 圖片上傳,網絡請求等常用的js公共函數 持續維護中... ...

      Elle 評論0 收藏0

    發表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <