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

資訊專欄INFORMATION COLUMN

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

hosition / 3029人閱讀

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

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

1.1 創(chuàng)建路由

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

1.2 快速生成文章控制器ArticleController

php artisan make:controller ArticleController

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



1.4 創(chuàng)建視圖文件


列表頁
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 !!}
    • 
                
  • 創(chuàng)建時間: {!! $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

    文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/31981.html

    相關(guān)文章

    • laravel中使用WangEditor及多圖上傳

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

      FingerLiu 評論0 收藏0

    • laravel中使用WangEditor及多圖上傳

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

      qianfeng 評論0 收藏0

    • laravel5.3 vue 實現(xiàn)收藏夾功能

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

      adie 評論0 收藏0

    • laravel5.3 vue 實現(xiàn)收藏夾功能

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

      mumumu 評論0 收藏0

    • yamecent-admin 基于laravel框架的rbac后臺管理系統(tǒng)

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

      Elle 評論0 收藏0

    發(fā)表評論

    0條評論

    閱讀需要支付1元查看
    <