進入官網 Dcat Admin - Php后臺開發框架

這里要選擇1.x
下面來安裝框架


安裝完laravel之后,需要修改.env檔案,設定資料庫鏈接設定正確

安裝 dcat-admin
composer require dcat/laravel-admin
然后運行下面的命令來發布資源:
php artisan admin:publish
然后運行下面的命令完成安裝:
php artisan admin:install
這里需要注意的是
{tip} 執行這一步命令可能會報以下錯誤 Specified key was too long ... 767 bytes,如果出現這個報錯,請在 app/Providers/AppServiceProvider.php 檔案的 boot 方法中加上代碼 \Schema::defaultStringLength(191);,然后洗掉掉資料庫中的所有資料表,再重新運行一遍 php artisan admin:install 命令即可,
給該框架配置一個域名

在laravel7.x的官方檔案中找到優雅鏈接,并粘貼到public目錄下的.htaccess檔案里面
Options +FollowSymLinks -Indexes
RewriteEngine On
RewriteCond %{HTTP:Authorization} .
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]
在網站上訪問www.wenjian.com/admin

此時已經進入
更改config目錄下面的app.php里面的組態檔,使的框架變成中文

賬號密碼都是admin,點擊登錄,便可以進入

打開系統里的選單,創建一個商品管理

此時左側便有一個商品管理

不過,這個是一個空的頁面
下面創建一個表格,在開發工具下面的代碼生成器里面創建一個goods表,注意,標注的地方全選住


此時,我們資料庫里面便新增了一個goods表格

這時,專案里面新增一個GoodsController.php的控制器,我們看一下選單,商品管理后面的路徑

我們找到路由,新增一條
$router->resource('goods', 'GoodController');
此時,便可以訪問到商品管理里面

我們也可以做一下增刪改查了
點擊添加,這時,我們并沒有辦法上傳圖片

我們更改一下GoodsController.php控制器里面的檔案


再回到頁面重繪一下,此時,便可以對圖片進行上傳

添加后,發現圖片在頁面上不顯示

打開config/filesystems.php檔案,在disks內增加以下代碼
'admin' => [
'driver' => 'local',
'root' => public_path('uploads'),
'visibility' => 'public',
'url' => env('APP_URL').'/uploads',
],
接著找到config/admin.php檔案里的在221行左右,有一個upload,里面disk指向換成admin
'disk' => 'admin',
注意,在.env組態檔里,這里要改成自己的域名

我們回傳到頁面,重新添加一條資料,這時,便可以展示出來

下面是多檔案上傳展示
找到GoodsController.php控制器,最上面的
$grid->column('goods_image')->image();
注釋掉,換成以下代碼
// 顯示多圖
$grid->goods_image()->display(function ($pictures) {
return json_decode($pictures, true);
})->image('', 100, 100);
接著找到protected function form里的
$form->image('goods_image');
注釋掉,換成以下代碼
// 轉化為json格式保存到資料庫
$form->multipleImage('goods_image')->saving(function ($paths) {
// 可以轉化為由 , 隔開的字串格式
// return implode(',', $paths);
// 也可以轉化為json
return json_encode($paths);
});
回傳到頁面,重新添加兩張以上的圖片

此時,可以上傳成功,并且展示出來
接下來是云端上傳,這里使用的是七牛云
首先需要在終端安裝云上傳的包
composer require zgldh/qiniu-laravel-storage:0.10.3
打開自己的七牛云,把滑鼠放到上面,這時,有那個黑框里的一個鏈接,復制黑框里的鏈接

將剛才復制的網址復制到這里來

和本地上傳一樣,在filesystems.php檔案admin下面添加一下代碼,里面的內容按自己的七牛云的配置寫,注意,七牛云創桶的時候,把權限設定為公有,不然圖片在展示的時候咩有權限,無法正常顯示到頁面

再回到config/admin.php目錄下面,將原本的admin改為qiniu

到頁面上重繪,并添加資料


這時,檔案已經成功上傳到七牛云上,并且也可以成功的在頁面上展示
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/547124.html
標籤:其他
上一篇:制作學生資訊管理系統
