Merge pull request '完成友链模块' (#12) from feature into master

Reviewed-on: https://git.x-lf.cn/XiaoLFeng/XF_Index/pulls/12

app/Exceptions/Handler.php

@@ -7,7 +7,13 @@
 
 namespace App\Exceptions;
 
+use Illuminate\Database\Eloquent\ModelNotFoundException;
 use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
 use Throwable;
 
 class Handler extends ExceptionHandler
@@ -37,10 +43,26 @@ class Handler extends ExceptionHandler
      *
      * @return void
      */
-    public function register()
+    public function register(): void
     {
         $this->reportable(function (Throwable $e) {
             //
         });
     }
+
+    /**
+     * 处理发现页面找不到之后返回内容
+     *
+     * @param Request $request 获取请求内容
+     * @param Throwable $e 抛出错误
+     * @return Response|JsonResponse|\Symfony\Component\HttpFoundation\Response|RedirectResponse
+     * @throws Throwable
+     */
+    public function render($request, Throwable $e): Response|JsonResponse|\Symfony\Component\HttpFoundation\Response|RedirectResponse
+    {
+        if ($e instanceof ModelNotFoundException || $e instanceof NotFoundHttpException) {
+            return response()->redirectToRoute('404');
+        }
+        return parent::render($request, $e);
+    }
 }

app/Http/Controllers/Console/Link.php

@@ -12,10 +12,15 @@
 use Illuminate\Contracts\Foundation\Application;
 use Illuminate\Contracts\View\Factory;
 use Illuminate\Contracts\View\View;
+use Illuminate\Http\JsonResponse;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
+use Illuminate\Mail\Message;
+use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Mail;
 use Illuminate\Support\Facades\Response;
+use Illuminate\Support\Facades\Validator;
 
 class Link extends Controller
 {
@@ -27,9 +32,476 @@ public function __construct()
         $this->data = $data->data;
     }
 
-    public function ViewEdit(Request $request, $userId): Application|Factory|View|RedirectResponse
+    public function apiConsoleAdd(Request $request): JsonResponse
+    {
+        // 检查数据
+        if (Auth::check()) {
+            if (Auth::user()->admin) {
+                // 处理获取数据
+                $dataCheck = Validator::make($request->all(), [
+                    'userEmail' => 'email',
+                    'userServerHost' => 'required|string',
+                    'userBlog' => 'required|string',
+                    'userUrl' => 'required|regex:#[a-zA-z]+://[^\s]*#',
+                    'userDescription' => 'required|string',
+                    'userIcon' => 'required|regex:#[a-zA-z]+://[^\s]*#',
+                    'checkRssJudge' => 'boolean',
+                    'userRss' => 'string|regex:#[a-zA-z]+://[^\s]*#',
+                    'userSelColor' => 'required|int',
+                    'userLocation' => 'required|string',
+                ]);
+                if ($dataCheck->fails()) {
+                    $errorType = array_keys($dataCheck->failed());
+                    $i = 0;
+                    foreach ($dataCheck->failed() as $valueData) {
+                        $errorInfo[$errorType[$i]] = array_keys($valueData);
+                        if ($i == 0) {
+                            $errorSingle = [
+                                'info' => $errorType[$i],
+                                'need' => $errorInfo[$errorType[$i]],
+                            ];
+                        }
+                        $i++;
+                    }
+                    $returnData = [
+                        'output' => 'DataFormatError',
+                        'code' => 403,
+                        'data' => [
+                            'message' => '输入内容有错误',
+                            'errorSingle' => $errorSingle,
+                            'error' => $errorInfo,
+                        ],
+                    ];
+                } else {
+                    if (empty($request->userEmail)) $request->userEmail = null;
+                    if (empty($request->checkRssJudge)) $request->checkRssJudge = 0;
+                    if (empty($request->userRss)) $request->userRss = null;
+                    // 更新数据库
+                    DB::table('blog_link')
+                        ->insert([
+                            'blogOwnEmail' => $request->userEmail,
+                            'blogServerHost' => $request->userServerHost,
+                            'blogName' => $request->userBlog,
+                            'blogUrl' => $request->userUrl,
+                            'blogDescription' => $request->userDescription,
+                            'blogIcon' => $request->userIcon,
+                            'blogRssJudge' => $request->checkRssJudge,
+                            'blogRSS' => $request->userRss,
+                            'blogSetColor' => $request->userSelColor,
+                            'blogLocation' => $request->userLocation,
+                            'created_at' => date('Y-m-d H:i:s'),
+                        ]);
+                    $returnData = [
+                        'output' => 'Success',
+                        'code' => 200,
+                        'data' => [
+                            'message' => '数据插入成功',
+                        ],
+                    ];
+                }
+            } else {
+                $returnData = [
+                    'output' => 'NoPermission',
+                    'code' => 403,
+                    'data' => [
+                        'message' => '没有权限',
+                    ],
+                ];
+            }
+        } else {
+            $returnData = [
+                'output' => 'PleaseLogin',
+                'code' => 403,
+                'data' => [
+                    'message' => '请登录',
+                ],
+            ];
+        }
+        return Response::json($returnData, $returnData['code']);
+    }
+
+    public function apiConsoleEdit(Request $request): JsonResponse
+    {
+        // 检查用户是否登录
+        if (Auth::check()) {
+            if (Auth::user()->admin) {
+                // 处理获取数据
+                $dataCheck = Validator::make($request->all(), [
+                    'userId' => 'required|int',
+                    'userEmail' => 'email',
+                    'userServerHost' => 'required|string',
+                    'userBlog' => 'required|string',
+                    'userUrl' => 'required|regex:#[a-zA-z]+://[^\s]*#',
+                    'userDescription' => 'required|string',
+                    'userIcon' => 'required|regex:#[a-zA-z]+://[^\s]*#',
+                    'checkRssJudge' => 'boolean',
+                    'userRss' => 'string|regex:#[a-zA-z]+://[^\s]*#',
+                    'userSelColor' => 'required|int',
+                    'userLocation' => 'required|string',
+                ]);
+                if ($dataCheck->fails()) {
+                    $errorType = array_keys($dataCheck->failed());
+                    $i = 0;
+                    foreach ($dataCheck->failed() as $valueData) {
+                        $errorInfo[$errorType[$i]] = array_keys($valueData);
+                        if ($i == 0) {
+                            $errorSingle = [
+                                'info' => $errorType[$i],
+                                'need' => $errorInfo[$errorType[$i]],
+                            ];
+                        }
+                        $i++;
+                    }
+                    $returnData = [
+                        'output' => 'DataFormatError',
+                        'code' => 403,
+                        'data' => [
+                            'message' => '输入内容有错误',
+                            'errorSingle' => $errorSingle,
+                            'error' => $errorInfo,
+                        ],
+                    ];
+                } else {
+                    if (empty($request->userEmail)) $request->userEmail = null;
+                    if (empty($request->checkRssJudge)) $request->checkRssJudge = 0;
+                    if (empty($request->userRss)) $request->userRss = null;
+                    // 更新数据库
+                    DB::table('blog_link')
+                        ->where([['id', '=', $request->userId]])
+                        ->update([
+                            'blogOwnEmail' => $request->userEmail,
+                            'blogServerHost' => $request->userServerHost,
+                            'blogName' => $request->userBlog,
+                            'blogUrl' => $request->userUrl,
+                            'blogDescription' => $request->userDescription,
+                            'blogIcon' => $request->userIcon,
+                            'blogRssJudge' => $request->checkRssJudge,
+                            'blogRSS' => $request->userRss,
+                            'blogSetColor' => $request->userSelColor,
+                            'blogLocation' => $request->userLocation,
+                            'updated_at' => date('Y-m-d H:i:s')
+                        ]);
+                    $returnData = [
+                        'output' => 'Success',
+                        'code' => 200,
+                        'data' => [
+                            'message' => '数据成功更新',
+                        ],
+                    ];
+                }
+            } else {
+                $returnData = [
+                    'output' => 'NoPermission',
+                    'code' => 403,
+                    'data' => [
+                        'message' => '没有权限',
+                    ],
+                ];
+            }
+        } else {
+            $returnData = [
+                'output' => 'PleaseLogin',
+                'code' => 403,
+                'data' => [
+                    'message' => '请登录',
+                ],
+            ];
+        }
+        return Response::json($returnData, $returnData['code']);
+    }
+
+    public function apiConsoleCheck(Request $request): JsonResponse
+    {
+        // 检查用户是否登录
+        if (Auth::check()) {
+            if (Auth::user()->admin) {
+                // 处理获取数据
+                $dataCheck = Validator::make($request->all(), [
+                    'userId' => 'required|int',
+                    'userEmail' => 'required|email',
+                    'userServerHost' => 'required|string',
+                    'userBlog' => 'required|string',
+                    'userUrl' => 'required|regex:#[a-zA-z]+://[^\s]*#',
+                    'userDescription' => 'required|string',
+                    'userIcon' => 'required|regex:#[a-zA-z]+://[^\s]*#',
+                    'checkRssJudge' => 'boolean',
+                    'userRss' => 'string|regex:#[a-zA-z]+://[^\s]*#',
+                    'userSelColor' => 'required|int',
+                    'userLocation' => 'required|string',
+                ]);
+                if ($dataCheck->fails()) {
+                    $errorType = array_keys($dataCheck->failed());
+                    $i = 0;
+                    foreach ($dataCheck->failed() as $valueData) {
+                        $errorInfo[$errorType[$i]] = array_keys($valueData);
+                        if ($i == 0) {
+                            $errorSingle = [
+                                'info' => $errorType[$i],
+                                'need' => $errorInfo[$errorType[$i]],
+                            ];
+                        }
+                        $i++;
+                    }
+                    $returnData = [
+                        'output' => 'DataFormatError',
+                        'code' => 403,
+                        'data' => [
+                            'message' => '输入内容有错误',
+                            'errorSingle' => $errorSingle,
+                            'error' => $errorInfo,
+                        ],
+                    ];
+                } else {
+                    // 更新数据库
+                    DB::table('blog_link')
+                        ->where([['id', '=', $request->userId]])
+                        ->update([
+                            'blogOwnEmail' => $request->userEmail,
+                            'blogServerHost' => $request->userServerHost,
+                            'blogName' => $request->userBlog,
+                            'blogUrl' => $request->userUrl,
+                            'blogDescription' => $request->userDescription,
+                            'blogIcon' => $request->userIcon,
+                            'blogRssJudge' => $request->checkRssJudge,
+                            'blogRSS' => $request->userRss,
+                            'blogSetColor' => $request->userSelColor,
+                            'blogLocation' => $request->userLocation,
+                            'updated_at' => date('Y-m-d H:i:s')
+                        ]);
+                    Mail::send('mail.link-console-verify', $request->all(), function (Message $mail) {
+                        global $request;
+                        $mail->from(env('MAIL_USERNAME'), env('APP_NAME'));
+                        $mail->to($request->userEmail);
+                        $mail->subject(env('APP_NAME') . '-友链审核通过通知');
+                    });
+                    $returnData = [
+                        'output' => 'Success',
+                        'code' => 200,
+                        'data' => [
+                            'message' => '数据成功更新',
+                        ],
+                    ];
+                }
+            } else {
+                $returnData = [
+                    'output' => 'NoPermission',
+                    'code' => 403,
+                    'data' => [
+                        'message' => '没有权限',
+                    ],
+                ];
+            }
+        } else {
+            $returnData = [
+                'output' => 'PleaseLogin',
+                'code' => 403,
+                'data' => [
+                    'message' => '请登录',
+                ],
+            ];
+        }
+        return Response::json($returnData, $returnData['code']);
+    }
+
+    public function apiConsoleCheckFail(Request $request): JsonResponse
+    {
+        // 检查用户是否登录
+        if (Auth::check()) {
+            if (Auth::user()->admin) {
+                // 处理获取数据
+                $dataCheck = Validator::make($request->all(), [
+                    'userId' => 'required|int',
+                    'sendMail' => 'int',
+                    'sendReason' => 'string',
+                ]);
+                if ($dataCheck->fails()) {
+                    $errorType = array_keys($dataCheck->failed());
+                    $i = 0;
+                    foreach ($dataCheck->failed() as $valueData) {
+                        $errorInfo[$errorType[$i]] = array_keys($valueData);
+                        if ($i == 0) {
+                            $errorSingle = [
+                                'info' => $errorType[$i],
+                                'need' => $errorInfo[$errorType[$i]],
+                            ];
+                        }
+                        $i++;
+                    }
+                    $returnData = [
+                        'output' => 'DataFormatError',
+                        'code' => 403,
+                        'data' => [
+                            'message' => '输入内容有错误',
+                            'errorSingle' => $errorSingle,
+                            'error' => $errorInfo,
+                        ],
+                    ];
+                } else {
+                    // 获取数据
+                    $this->data['blog'] = DB::table('blog_link')
+                        ->where([['id', '=', $request->userId]])
+                        ->get()
+                        ->toArray();
+                    $this->data['reason'] = $request->sendReason;
+                    if (!empty($this->data['blog'][0]->id)) {
+                        // 更新数据库
+                        DB::table('blog_link')
+                            ->where([['id', '=', $this->data['blog'][0]->id]])
+                            ->delete();
+                        if (!empty($request->sendMail) && !empty($this->data['blog'][0]->blogOwnEmail)) {
+                            Mail::send('mail.link-console-refuse-verify', $this->data, function (Message $mail) {
+                                global $request;
+                                $mail->from(env('MAIL_USERNAME'), env('APP_NAME'));
+                                $mail->to($this->data['blog'][0]->blogOwnEmail);
+                                $mail->subject(env('APP_NAME') . '-友链审核未通过通知');
+                            });
+                        }
+                        $returnData = [
+                            'output' => 'Success',
+                            'code' => 200,
+                            'data' => [
+                                'message' => '删除成功',
+                            ],
+                        ];
+                    } else {
+                        $returnData = [
+                            'output' => 'NoBlog',
+                            'code' => 403,
+                            'data' => [
+                                'message' => '没有对应博客序列',
+                            ],
+                        ];
+                    }
+                }
+            } else {
+                $returnData = [
+                    'output' => 'NoPermission',
+                    'code' => 403,
+                    'data' => [
+                        'message' => '没有权限',
+                    ],
+                ];
+            }
+        } else {
+            $returnData = [
+                'output' => 'PleaseLogin',
+                'code' => 403,
+                'data' => [
+                    'message' => '请登录',
+                ],
+            ];
+        }
+        return Response::json($returnData, $returnData['code']);
+    }
+
+    public function apiConsoleDelete(Request $request): JsonResponse
+    {
+        // 检查用户是否登录
+        if (Auth::check()) {
+            if (Auth::user()->admin) {
+                // 处理获取数据
+                $dataCheck = Validator::make($request->all(), [
+                    'userId' => 'required|int',
+                    'sendMail' => 'int',
+                ]);
+                if ($dataCheck->fails()) {
+                    $errorType = array_keys($dataCheck->failed());
+                    $i = 0;
+                    foreach ($dataCheck->failed() as $valueData) {
+                        $errorInfo[$errorType[$i]] = array_keys($valueData);
+                        if ($i == 0) {
+                            $errorSingle = [
+                                'info' => $errorType[$i],
+                                'need' => $errorInfo[$errorType[$i]],
+                            ];
+                        }
+                        $i++;
+                    }
+                    $returnData = [
+                        'output' => 'DataFormatError',
+                        'code' => 403,
+                        'data' => [
+                            'message' => '输入内容有错误',
+                            'errorSingle' => $errorSingle,
+                            'error' => $errorInfo,
+                        ],
+                    ];
+                } else {
+                    // 获取数据
+                    $this->data['blog'] = DB::table('blog_link')
+                        ->where([['id', '=', $request->userId]])
+                        ->get()
+                        ->toArray();
+                    if (!empty($this->data['blog'][0]->id)) {
+                        // 更新数据库
+                        DB::table('blog_link')
+                            ->where([['id', '=', $this->data['blog'][0]->id]])
+                            ->delete();
+                        if (!empty($request->sendMail) && !empty($this->data['blog'][0]->blogOwnEmail)) {
+                            Mail::send('mail.link-console-delete', $request->all(), function (Message $mail) {
+                                global $request;
+                                $mail->from(env('MAIL_USERNAME'), env('APP_NAME'));
+                                $mail->to($this->data['blog'][0]->blogOwnEmail);
+                                $mail->subject(env('APP_NAME') . '-友链被删除');
+                            });
+                        }
+                        $returnData = [
+                            'output' => 'Success',
+                            'code' => 200,
+                            'data' => [
+                                'message' => '删除成功',
+                            ],
+                        ];
+                    } else {
+                        $returnData = [
+                            'output' => 'NoBlog',
+                            'code' => 403,
+                            'data' => [
+                                'message' => '没有对应博客序列',
+                            ],
+                        ];
+                    }
+                }
+            } else {
+                $returnData = [
+                    'output' => 'NoPermission',
+                    'code' => 403,
+                    'data' => [
+                        'message' => '没有权限',
+                    ],
+                ];
+            }
+        } else {
+            $returnData = [
+                'output' => 'PleaseLogin',
+                'code' => 403,
+                'data' => [
+                    'message' => '请登录',
+                ],
+            ];
+        }
+        return Response::json($returnData, $returnData['code']);
+    }
+
+    protected function viewEdit($userId): Application|Factory|View|RedirectResponse
+    {
+        $this->setDataForViewEditAndCheckAdmin($userId);
+        if ($this->data['blog'][0] != null) {
+            // 没有查询到执行删除
+            $this->data['subDescriptionForLine'] = '友链修改';
+            if ($this->data['blog'][0] == null) return Response::redirectTo(route('console.friends-link.list'));
+            return view('console.friends-link.edit', $this->data);
+        } else {
+            return Response::redirectTo(route('console.friends-link.check'));
+        }
+    }
+
+    /**
+     * @param $userId
+     * @return void
+     */
+    private function setDataForViewEditAndCheckAdmin($userId): void
     {
-        // 查找友链
         $resultBlog = DB::table('blog_link')
             ->find($userId);
         $this->data['blog'] = [
@@ -39,16 +511,35 @@ public function ViewEdit(Request $request, $userId): Application|Factory|View|Re
             ->orderBy('sort')
             ->get()
             ->toArray();
-        $this->data['blogColor'] = DB::table('blog_color')
+        $blogColor = DB::table('blog_color')
             ->orderBy('id')
             ->get()
             ->toArray();
-        // 没有查询到执行删除
-        if ($this->data['blog'][0] == null) return Response::redirectTo(route('console.friends-link.list'));
-        return view('console.friends-link.edit', $this->data);
+        for ($i = 0; !empty($blogColor[$i]->id); $i++) {
+            $blogColor[$i]->colorDarkType = str_replace('dark:', '', $blogColor[$i]->colorDarkType);
+        }
+        $this->data['blogColor'] = $blogColor;
     }
 
-    protected function ViewList(Request $request): Factory|View|Application|RedirectResponse
+    protected function viewCheckAdmin($userId): View|Factory|Application|RedirectResponse
+    {
+        $this->setDataForViewEditAndCheckAdmin($userId);
+        if ($this->data['blog'][0] != null) {
+            if ($this->data['blog'][0]->blogLocation == 0) {
+                // 用户期望位置替换显示
+                $this->data['blog'][0]->blogLocation = $this->data['blog'][0]->blogUserLocation;// 没有查询到执行删除
+                $this->data['subDescriptionForLine'] = '友链审核';
+                if ($this->data['blog'][0] == null) return Response::redirectTo(route('console.friends-link.list'));
+                return view('console.friends-link.edit', $this->data);
+            } else {
+                return Response::redirectTo(route('console.friends-link.check'));
+            }
+        } else {
+            return Response::redirectTo(route('console.friends-link.check'));
+        }
+    }
+
+    protected function viewList(Request $request): Factory|View|Application|RedirectResponse
     {
         $this->data['request'] = $request;
         $dataMarge = [
@@ -86,36 +577,62 @@ protected function ViewList(Request $request): Factory|View|Application|Redirect
             $this->data['blog'] = DB::select("SELECT * FROM xf_index.blog_link WHERE blogName LIKE '%$request->search%' OR blogUrl LIKE '%$request->search%' ORDER BY id");
         }
         $this->data = array_merge($this->data, $dataMarge);
+        $blogColor = DB::table('blog_color')
+            ->orderBy('id')
+            ->get()
+            ->toArray();
+        for ($i = 0; !empty($blogColor[$i]->id); $i++) {
+            $blogColor[$i]->colorLightType = str_replace('border-', 'ring-', $blogColor[$i]->colorLightType);
+            $blogColor[$i]->colorDarkType = str_replace('border-', 'ring-', $blogColor[$i]->colorDarkType);
+        }
+        $this->data['blogColor'] = $blogColor;
         return view('console.friends-link.list', $this->data);
     }
 
-    protected function ViewCheck(Request $request): Factory|View|Application
+    protected function viewCheck(): Factory|View|Application
     {
         // 检查是否存在含有未在本站分配位置
         $this->data['blog'] = DB::table('blog_link')
-            ->whereIn('blog_link.blogLocation',[0])
+            ->whereIn('blog_link.blogLocation', [0])
+            ->orderBy('id', 'desc')
             ->get()
             ->toArray();
+        $blogColor = DB::table('blog_color')
+            ->orderBy('id')
+            ->get()
+            ->toArray();
+        for ($i = 0; !empty($blogColor[$i]->id); $i++) {
+            $blogColor[$i]->colorLightType = str_replace('border-', 'ring-', $blogColor[$i]->colorLightType);
+            $blogColor[$i]->colorDarkType = str_replace('border-', 'ring-', $blogColor[$i]->colorDarkType);
+        }
+        $this->data['blogColor'] = $blogColor;
         return view('console.friends-link.check', $this->data);
     }
 
-    protected function ViewAdd(Request $request): Factory|View|Application
+    protected function viewAdd(): Factory|View|Application
     {
+        $this->data['blogSort'] = DB::table('blog_sort')
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+        $blogColor = DB::table('blog_color')
+            ->orderBy('id')
+            ->get()
+            ->toArray();
+        for ($i = 0; !empty($blogColor[$i]->id); $i++) {
+            $blogColor[$i]->colorDarkType = str_replace('dark:', '', $blogColor[$i]->colorDarkType);
+        }
+        $this->data['blogColor'] = $blogColor;
         return view('console.friends-link.add', $this->data);
     }
 
-    protected function ViewSort(): Factory|View|Application
+    protected function viewSort(): Factory|View|Application
     {
-        return view('console.friends-link.sort',$this->data);
+        return view('console.friends-link.sort', $this->data);
     }
 
-    protected function ViewColor(): Factory|View|Application
+    protected function viewColor(): Factory|View|Application
     {
-        return view('console.friends-link.color',$this->data);
-    }
-
-    protected function apiConsoleAdd() {
-        // 检查数据
-
+        return view('console.friends-link.color', $this->data);
     }
 }

app/Http/Controllers/DataBase.php

@@ -21,6 +21,10 @@ public function __construct()
             ->toArray();
         foreach ($result as $value) {
             $value->blog_rss_judge ? $value->blog_rss_judge = 1 : $value->blog_rss_judge = 0;
+            if ($value->blog_sel_color == 8) $value->blog_sel_color = 6;
+            if ($value->blog_sel_color == 2) $value->blog_sel_color = 8;
+            if ($value->blog_sel_color == 7) $value->blog_sel_color = 4;
+            if ($value->blog_sel_color == 5) $value->blog_sel_color = 3;
             DB::table('blog_link')
                 ->insert([
                     'blogName' => $value->blog_name,

app/Http/Controllers/Function/Link.php

@@ -99,6 +99,8 @@ public function apiCustomAdd(HttpRequest $request): JsonResponse
                 ])->get()->toArray();
 
             if (empty($resultBlog)) {
+                if (empty($request->checkRssJudge)) $request->checkRssJudge = 0;
+                if (empty($request->userRss)) $request->userRss = null;
                 // 数据写入数据库
                 $insertData = DB::table('blog_link')
                     ->insert([
@@ -113,6 +115,7 @@ public function apiCustomAdd(HttpRequest $request): JsonResponse
                         'blogSetColor' => $request->userSelColor,
                         'blogRemark' => $request->userRemark,
                         'blogServerHost' => $request->userServerHost,
+                        'created_at' => date('Y-m-d H:i:s'),
                     ]);
                 if ($insertData) {
                     // 邮件发送系统
@@ -120,6 +123,12 @@ public function apiCustomAdd(HttpRequest $request): JsonResponse
                         global $request;
                         $mail->from(env('MAIL_USERNAME'), env('APP_NAME'));
                         $mail->to($request->userEmail);
+                        $mail->subject(env('APP_NAME') . '-友链申请成功');
+                    });
+                    Mail::send('mail.link-console-add', $request->toArray(), function (Message $mail) {
+                        global $request;
+                        $mail->from(env('MAIL_USERNAME'), env('APP_NAME'));
+                        $mail->to($this->data['sqlEmail']);
                         $mail->subject(env('APP_NAME') . '-友链等待审核通知');
                     });
                     // 消息成功通知
@@ -784,16 +793,21 @@ protected function viewEditFriend(HttpRequest $request, $friendId): Application|
     protected function viewLink(): Factory|View|Application
     {
         $this->data['webSubTitle'] = '友链';
-        $this->getFriendsLink($this->data);
+        $this->data['blogLink'] = DB::table('blog_link')
+            ->whereNotIn('blog_link.blogLocation', [0])
+            ->get()
+            ->toArray();
+        $this->data['blogSort'] = DB::table('blog_sort')
+            ->orderBy('blog_sort.sort')
+            ->get()
+            ->toArray();
+        $this->data['blogColor'] = DB::table('blog_color')
+            ->orderBy('id')
+            ->get()
+            ->toArray();
         return view('function.link', $this->data);
     }
 
-    private function getFriendsLink(array &$data): void
-    {
-        $data['blogLink'] = DB::table('blog_link')->whereNotIn('blog_link.blogLocation', [0])->get()->toArray();
-        $data['blogSort'] = DB::table('blog_sort')->orderBy('blog_sort.sort')->get()->toArray();
-    }
-
     protected function viewMakeFriend(): Factory|View|Application
     {
         $this->data['webSubTitle'] = '添加友链';
@@ -805,6 +819,8 @@ protected function viewMakeFriend(): Factory|View|Application
             ->orderBy('sort')
             ->get()
             ->toArray();
+        $this->data['applicationRule'] = DB::table('info')->find(15)->data;
+        $this->data['applicationInfo'] = (new Index())->MarkdownToStringReplace(DB::table('info')->find(16)->data);
         return view('function.make-friend', $this->data);
     }
 

app/Http/Controllers/Index.php

@@ -25,7 +25,7 @@ public function __construct()
             'webDescription' => empty($tempStorage = DB::table('info')->find(2)->data) ? '未定义副标题' : $tempStorage,
             'webSubTitle' => empty($tempStorage = DB::table('info')->find(3)->data) ? '未定义小标题' : $tempStorage,
             'webSubTitleDescription' => empty($tempStorage = DB::table('info')->find(4)->data) ? '未定义小标题内容' : $tempStorage,
-            'webIcon' => empty($tempStorage = DB::table('info')->find(5)->data) ? asset('images/logo.jpg') : $tempStorage,
+            'webIcon' => empty($tempStorage = DB::table('info')->find(5)->data) ? asset('images/favicon.png') : $tempStorage,
             'webHeader' => DB::table('info')->find(7)->data,
             'webFooter' => DB::table('info')->find(8)->data,
             'webKeyword' => empty($tempStorage = DB::table('info')->find(6)->data) ? '筱锋,凌中的锋雨,xiao_lfeng' : $tempStorage,
@@ -41,10 +41,11 @@ public function __construct()
             $this->data = array_merge($this->data, ['GonganCode' => $data[0]]);
         }
         if (Auth::check()) {
-            $this->data = array_merge($this->data,[
+            $this->data = array_merge($this->data, [
                 'userName' => Auth::user()->username,
                 'userEmail' => Auth::user()->email,
-                'userIcon' => Auth::user()->icon]);
+                'userIcon' => Auth::user()->icon,
+                'userAdmin' => Auth::user()->admin]);
         }
     }
 
@@ -63,7 +64,19 @@ protected function ViewAboutMe(): Factory|View|Application
         return view('about', $this->data);
     }
 
-    private function MarkdownToStringReplace(string $dataBase): string
+    protected function viewPageNotFounded(): Factory|View|Application
+    {
+        $this->data['webSubTitle'] = '页面未找到';
+        return view('modules.404', $this->data);
+    }
+
+    protected function viewNoPermission(): Factory|View|Application
+    {
+        $this->data['webSubTitle'] = '没有权限';
+        return view('modules.no-permission', $this->data);
+    }
+
+    public function MarkdownToStringReplace(string $dataBase): string
     {
         $decodeText = MarkdownExtra::defaultTransform($dataBase);
         $decodeText = str_replace('<h1>', '<p class="text-4xl font-extrabold text-gray-900 dark:text-white mb-4"><i class="bi bi-link-45deg"></i>', $decodeText);

app/Http/Kernel.php

@@ -8,6 +8,7 @@
 namespace App\Http;
 
 use App\Http\Middleware\Authenticate;
+use App\Http\Middleware\CheckConsoleUser;
 use App\Http\Middleware\EncryptCookies;
 use App\Http\Middleware\RedirectIfAuthenticated;
 use App\Http\Middleware\VerifyCsrfToken;
@@ -76,6 +77,7 @@ class Kernel extends HttpKernel
      * @var array<string, class-string|string>
      */
     protected $routeMiddleware = [
+        'authConsole' => CheckConsoleUser::class,
         'auth' => Authenticate::class,
         'auth.basic' => AuthenticateWithBasicAuth::class,
         'cache.headers' => SetCacheHeaders::class,

app/Http/Middleware/CheckConsoleUser.php

@@ -0,0 +1,37 @@
+<?php
+/*
+ * Copyright © 2016 - 2023 筱锋xiao_lfeng. All Rights Reserved.
+ * 开发开源遵循 MIT 许可，若需商用请联系开发者
+ * https://www.x-lf.com/
+ */
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Support\Facades\Auth;
+
+class CheckConsoleUser
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param \Illuminate\Http\Request $request
+     * @param \Closure(\Illuminate\Http\Request): (Response|RedirectResponse) $next
+     * @return RedirectResponse|Response|string
+     */
+    public function handle(Request $request, Closure $next): Response|string|RedirectResponse
+    {
+        if (Auth::check()) {
+            if (Auth::user()->admin == 1) {
+                return $next($request);
+            } else {
+                return redirect()->route('no-permission');
+            }
+        } else {
+            return redirect()->route('login');
+        }
+    }
+}

database/migrations/2023_06_12_051939_update_users_table.php

@@ -21,6 +21,7 @@ public function up()
         Schema::table('users', function (Blueprint $table) {
             $table->integer('linkId')->unique()->nullable()->default(null)->after('remember_token');
             $table->string('icon')->default('https://api.x-lf.cn/avatar/?uid=1')->after('remember_token');
+            $table->boolean('admin')->default(0)->after('email')->comment('判别用户是否是管理员');
         });
     }
 

resources/views/auth/register.blade.php

@@ -87,7 +87,7 @@ function user_change() {
             dataType: "json",
             success: function (returnData) {
                 if (returnData.output === "Success") {
-                    window.location.href = '{{ route('console.dashboard') }}'
+                    window.location.href = '{{ route('account.dashboard') }}'
                 } else {
                     window.alert("错误！")
                 }

resources/views/console/friends-link/add.blade.php

@@ -0,0 +1,434 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
+</head>
+<body>
+
+<button data-drawer-target="sidebar-multi-level-sidebar" data-drawer-toggle="sidebar-multi-level-sidebar"
+        aria-controls="sidebar-multi-level-sidebar" type="button"
+        class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg sm:hidden hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">
+    <span class="sr-only">Open sidebar</span>
+    <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+        <path clip-rule="evenodd" fill-rule="evenodd"
+              d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"></path>
+    </svg>
+</button>
+
+@include('console.modules.aside')
+
+<div class="p-4 sm:ml-64">
+    <div class="p-4 border-gray-200 border-dashed rounded-lg dark:border-gray-700">
+        @include('console.modules.personal')
+        <div class="grid grid-cols-1 gap-4 mb-4">
+            <div class="text-2xl text-gray-400 dark:text-gray-500"><i class="bi bi-link-45deg"></i> 友链添加</div>
+        </div>
+        <div class="grid grid-cols-10 gap-4 mb-4">
+            <div class="col-span-10 lg:hidden gird grid-cols-1">
+                <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1">
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b
+                            class="text-black dark:text-white"></b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500"><i class="bi bi-person-hearts"></i> 超级友链 <b
+                            class="text-black dark:text-white"></b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b
+                            class="text-black dark:text-white"></b> 条</p>
+                </div>
+            </div>
+            <div class="block lg:hidden col-span-10">
+                <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1">
+                    <div class="p-2 xl:p-8 grid grid-cols-2">
+                        <button onclick="ajax()" type="submit" class="m-2 text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:outline-none
+                        focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700
+                         dark:focus:ring-blue-800">
+                            <i class="bi bi-send"></i>
+                            <span class="ps-1">提交修改</span>
+                        </button>
+                        <button type="submit" class="m-2 text-white bg-red-500 hover:bg-red-600 focus:ring-4 focus:outline-none focus:ring-blue-300
+                        font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-blue-800">
+                            <i class="bi bi-trash3"></i>
+                            <span class="ps-1">删除友链</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <div class="col-span-10 lg:col-span-7 items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow">
+                <div class="px-10 py-5">
+                    <form id="FormData" action="#" onsubmit="return false" method="POST">
+                        <div class="grid gap-6 mb-6 md:grid-cols-2">
+                            <div>
+                                <label for="userEmail" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博主邮箱</label>
+                                <div class="relative">
+                                    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                        <i class="bi bi-envelope"></i>
+                                    </div>
+                                    <input type="email" name="userEmail" id="userEmail" placeholder="gm@x-lf.cn"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                                </div>
+                            </div>
+                            <div>
+                                <label for="userServerHost" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所用主机服务商<span
+                                        data-tooltip-target="userServerHost-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                        class="text-red-700">*</span></label>
+                                <div id="userServerHost-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                    这个我只是想确定能否贵站确认长久开下去（如果不是大型服务商填写地址嗷），如果是“跑路”云会麻烦网友访问~
+                                    <div class="tooltip-arrow" data-popper-arrow></div>
+                                </div>
+                                <div class="relative">
+                                    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                        <i class="bi bi-hdd-network"></i>
+                                    </div>
+                                    <input type="text" name="userServerHost" id="userServerHost" placeholder="阿里云"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           required>
+                                </div>
+                            </div>
+                        </div>
+                        <hr class="w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-6 dark:bg-gray-700">
+                        <div class="grid gap-6 mb-6 md:grid-cols-2">
+                            <div>
+                                <label for="userBlog" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客名称 <span
+                                        class="text-red-700">*</span></label>
+                                <div class="relative">
+                                    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                        <i class="bi bi-person"></i>
+                                    </div>
+                                    <input type="text" name="userBlog" id="userBlog" placeholder="凌中的锋雨"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           required>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="userUrl" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客地址<span
+                                        data-tooltip-target="userUrl-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                        class="text-red-700">*</span></label>
+                                <div id="userUrl-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                    携带”http(s)://“
+                                    <div class="tooltip-arrow" data-popper-arrow></div>
+                                </div>
+                                <div class="relative">
+                                    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                        <i class="bi bi-link-45deg"></i>
+                                    </div>
+                                    <input type="text" name="userUrl" id="userUrl" placeholder="https://www.x-lf.com/"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           required>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="mb-6">
+                            <label for="userDescription" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客介绍<span
+                                    data-tooltip-target="userDescription-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                    class="text-red-700">*</span></label>
+                            <div id="userDescription-Tooltip" role="tooltip"
+                                 class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                博客的一句话表述（例如）：“不为如何，只为在茫茫人海中有自己的一片天空”
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
+                            <div class="relative">
+                                <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                    <i class="bi bi-chat-left-text"></i>
+                                </div>
+                                <input type="text" name="userDescription" id="userDescription" placeholder="不为如何，只为在茫茫人海中有自己的一片天空~"
+                                       class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                       required>
+                            </div>
+                        </div>
+                        <div class="mb-6">
+                            <label for="userIcon" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客图片<span
+                                    data-tooltip-target="userIcon-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                    class="text-red-700">*</span></label>
+                            <div id="userIcon-Tooltip" role="tooltip"
+                                 class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                携带”http(s)://“
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
+                            <div class="relative">
+                                <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                    <i class="bi bi-image"></i>
+                                </div>
+                                <input type="text" name="userIcon" id="userIcon" placeholder="https://api.x-lf.cn/avatar/?uid=1"
+                                       class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                       required>
+                            </div>
+                        </div>
+                        <div class="mb-6 grid grid-cols-1 md:grid-cols-3 items-end">
+                            <div class="col-span-1 mb-3 md:mb-0">
+                                <label class="relative inline-flex">
+                                    <input type="checkbox" name="checkRssJudge" id="checkRssJudge" value="1" class="sr-only peer">
+                                    <div
+                                        class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
+                                    <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300">我的博客拥有 RSS 地址</span>
+                                </label>
+                            </div>
+                            <div class="col-span-2">
+                                <label for="userRss" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">RSS 地址 <a target="_blank"
+                                                                                                                                      href="https://blog.x-lf.com/atom.xml"><span
+                                            data-tooltip-target="userRss-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span></a></label>
+                                <div id="userRss-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                    例如（可点击）：https://blog.x-lf.com/atom.xml<br/>
+                                    （注：下框内容需要选择后才可填写）
+                                    <div class="tooltip-arrow" data-popper-arrow></div>
+                                </div>
+                                <div class="relative">
+                                    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                        <i class="bi bi-link-45deg"></i>
+                                    </div>
+                                    <input type="text" name="userRss" id="userRss" placeholder="https://blog.x-lf.com/atom.xml"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                                </div>
+                            </div>
+                        </div>
+                        <hr class="w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-6 dark:bg-gray-700">
+                        <div class="grid gap-6 md:grid-cols-2">
+                            <div>
+                                <label for="userLocation" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所属板块 <span
+                                        class="text-red-700">*</span></label>
+                                <select id="userLocation" name="userLocation"
+                                        class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                                    <option>请选择一个板块</option>
+                                    @if(empty($blogSort[0]))
+                                        <option><a href="{{ route('console.friends-link.sort') }}">暂没有模块，点击添加模块</a></option>
+                                    @else
+                                        @foreach($blogSort as $blogValue)
+                                            <option value="{{ $blogValue->id }}">{!! $blogValue->title !!}</option>
+                                        @endforeach
+                                    @endif
+                                </select>
+                            </div>
+                            <div>
+                                <label for="userSelColor" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
+                                    所属颜色
+                                    <span id="DemoCheck"
+                                          data-tooltip-target="userSelColor-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span>
+                                    <span class="text-red-700">*</span></label>
+                                <div id="userSelColor-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                    <div
+                                        class="flex p-2 hover:bg-gray-100 bg-white border-4 border-blue-500 rounded-lg shadow-lg sm:p-4 dark:bg-gray-800 dark:border-gray-700 grid-cols-2 m-1">
+                                        <img id="userDemo"
+                                             class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
+                                             src="" alt="Bordered avatar">
+                                        <div class="grid grid-cols-1">
+                                            <p id="userDemoName" class="text-xl text-black font-bold"></p>
+                                            <p id="userDemoDescription" class="text-sm text-gray-500 truncate"></p>
+                                        </div>
+                                    </div>
+                                    <div class="tooltip-arrow" data-popper-arrow></div>
+                                </div>
+                                <select id="userSelColor" name="userSelColor"
+                                        class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                                    <option>请选择一个颜色</option>
+                                    @if(empty($blogColor[0]))
+                                        <option>暂没有模块，请去板块添加模块</option>
+                                    @else
+                                        @foreach($blogColor as $blogValue)
+                                            <option value="{{ $blogValue->id }}">{!! $blogValue->comment !!}</option>
+                                        @endforeach
+                                    @endif
+                                </select>
+                            </div>
+                            <label>
+                                <input name="userId" id="userId" hidden="hidden"/>
+                            </label>
+                        </div>
+                        <div class="mb-6">
+                            <label for="userRemark" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">留言备注</label>
+                            <div class="relative">
+                                <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                    <i class="bi bi-chat-left-text"></i>
+                                </div>
+                                <input type="text" name="userRemark" id="userRemark" placeholder="多多关照哦~" class="bg-gray-100
+                                border
+                                border-gray-300
+                                text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700
+                                dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" disabled>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="sm:hidden lg:block col-span-3">
+                <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1 mb-4">
+                    <div class="p-2 xl:p-8 grid grid-cols-2">
+                        <button onclick="ajax()" type="submit" class="m-2 text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:outline-none
+                        focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700
+                         dark:focus:ring-blue-800">
+                            <i class="bi bi-send"></i>
+                            <span class="ps-1">添加友链</span>
+                        </button>
+                        <button onclick="location.reload()" type="submit" class="m-2 text-white bg-red-500 hover:bg-red-600 focus:ring-4 focus:outline-none
+                        focus:ring-blue-300
+                        font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-blue-800">
+                            <i class="bi bi-trash3"></i>
+                            <span class="ps-1">取消添加</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1 mb-4">
+                    <div class="p-2 md:p-6 xl:p-8 grid grid-cols-1">
+                        <div class="text-lg font-bold mb-3">
+                            <i class="bi bi-eye"></i>
+                            <span class="ps-1">参考样式</span>
+                        </div>
+                        <div class="max-w-4xl mb-3" data-tooltip-target="friend-light">
+                            <div id="friend-light" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium
+                                            text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                副标题
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
+                            <div id="colorLight"
+                                 class="flex p-2 hover:bg-gray-100 bg-white border-2 rounded-lg shadow-lg sm:p-4 grid-cols-2 m-1">
+                                <img class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
+                                     src="{{ asset('images/favicon.png') }}" alt="Bordered avatar">
+                                <div class="grid grid-cols-1">
+                                    <p id="DemoName" class="text-xl font-bold">标题</p>
+                                    <p id="DemoDesc" class="text-sm text-gray-500 truncate">副标题</p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="max-w-4xl" data-tooltip-target="friend-dark">
+                            <div id="friend-dark" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium
+                                            text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                副标题
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
+                            <div id="colorDark"
+                                 class="flex p-2 hover:bg-gray-700 border-2 rounded-lg shadow-lg sm:p-4 bg-gray-800 grid-cols-2 m-1">
+                                <img class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
+                                     src="{{ asset('images/favicon.png') }}" alt="Bordered avatar">
+                                <div class="grid grid-cols-1">
+                                    <p id="DemoNameDark" class="text-xl font-bold text-white">标题</p>
+                                    <p id="DemoDescDark" class="text-sm text-gray-500 truncate">副标题</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- Toast -->
+<div id="toast"
+     class="z-[9999] fixed top-5 left-5 hidden items-center w-full max-w-xs p-4 space-x-4 text-gray-500 bg-white divide-x divide-gray-200 rounded-lg shadow dark:text-gray-400 dark:divide-gray-700 space-x dark:bg-gray-800"
+     role="alert">
+    <div class="pl-4 text-sm font-normal">
+        <span id="toast-icon" class="pe-1"><i class="bi bi-info-circle text-blue-500"></i></span>
+        <span id="toast-info">Message sent successfully.</span>
+    </div>
+</div>
+</body>
+<script src="{{ asset('js/app.js') }}"></script>
+<script src="{{ asset('js/jquery.js') }}"></script>
+<script type="text/javascript">
+    $('#userIcon').blur(function () {
+        $('#Lazy').prop('src', $('#userIcon').val())
+        $('#LazyDark').prop('src', $('#userIcon').val())
+    });
+    $('#userBlog').blur(function () {
+        $('#DemoName').text($('#userBlog').val())
+        $('#DemoNameDark').text($('#userBlog').val())
+    });
+    $('#userDescription').blur(function () {
+        $('#DemoDesc').text($('#userDescription').val())
+        $('#friend-light').html($('#userDescription').val() + '<div class="tooltip-arrow" data-popper-arrow></div>')
+        $('#DemoDescDark').text($('#userDescription').val())
+        $('#friend-dark').html($('#userDescription').val() + '<div class="tooltip-arrow" data-popper-arrow></div>')
+    });
+    let colorLight_Num = [
+        @foreach($blogColor as $blogValue)
+            "{{ $blogValue->colorLightType }}",
+        @endforeach
+    ];
+
+    let colorDark_Num = [
+        @foreach($blogColor as $blogValue)
+            "{{ $blogValue->colorDarkType }}",
+        @endforeach
+    ];
+
+    let colorLight = null;
+    let colorDark = null;
+    $('#colorLight').addClass(colorLight);
+    $('#colorDark').addClass(colorDark);
+    $('#userSelColor').blur(function () {
+        let colorNumber = $('#userSelColor').val() - 1;
+        $('#colorLight').removeClass(colorLight);
+        $('#colorDark').removeClass(colorDark);
+        colorLight = colorLight_Num[colorNumber];
+        colorDark = colorDark_Num[colorNumber];
+        $('#colorLight').addClass(colorLight);
+        $('#colorDark').addClass(colorDark);
+    });
+
+    class Toast {
+        static toggle(data, icon) {
+            this.set(data, icon);
+            $('#toast').fadeIn(300);
+            setTimeout(function () {
+                $('#toast').fadeOut(300);
+            }, 3000);
+        }
+
+        static set(data, icon) {
+            $('#toast-icon').html(icon);
+            $('#toast-info').text(data);
+        }
+    }
+
+    class Enum {
+        static userEmail = '用户邮箱';
+        static userServerHost = '服务商';
+        static userBlog = '博客名字';
+        static userUrl = '博客地址';
+        static userDescription = '博客描述';
+        static userIcon = '图片地址';
+        static checkRssJudge = 'RSS选项';
+        static userRss = 'RSS地址';
+        static userLocation = '所属位置';
+        static userSelColor = '选择颜色';
+    }
+
+    function ajax() {
+        $.ajax({
+            async: true,
+            method: "POST",
+            data: $('#FormData').serialize(),
+            url: '{{ route('api.link.console.add') }}',
+            dataType: "json",
+            success: function (returnData) {
+                if (returnData.output === "Success") {
+                    Toast.toggle('操作成功', '<i class="bi bi-check-circle text-green-500"></i>');
+                    setTimeout(function () {
+                        location.href = '{{ route('console.friends-link.list') }}';
+                    }, 3000);
+                } else {
+                    Toast('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                }
+            },
+            error: function (returnData) {
+                Toast.set('其他错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                if (returnData.responseJSON.output === 'DataFormatError') {
+                    for (let key in Enum) {
+                        if (returnData.responseJSON.data.errorSingle.info === key) {
+                            Toast.toggle(Enum[key] + '错误，注意格式', '<i class="bi bi-x-circle text-red-500"></i>');
+                        }
+                    }
+                } else {
+                    Toast.toggle('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                }
+            }
+        });
+    }
+</script>
+</html>

resources/views/console/friends-link/check.blade.php

@@ -39,7 +39,11 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                 <li class="py-3 sm:py-4">
                                     <div class="flex items-center space-x-4">
                                         <div class="flex-shrink-0">
-                                        <img id="Lazy" class="w-10 h-10 rounded-full" src="{{ asset('images/avatar.png') }}" data-src="{{ $blogValue->blogIcon }}" alt="Neil image">
+                                            <img id="Lazy"
+                                                 class="w-10 h-10 p-1 rounded-full ring-2 {{ $blogColor[$blogValue->blogSetColor-1]->colorLightType }}
+                                                {{ $blogColor[$blogValue->blogSetColor-1]->colorDarkType }} sm:me-4"
+                                                 src="{{ asset('images/avatar.png') }}" data-src="{{ $blogValue->blogIcon }}"
+                                                 alt="Bordered avatar">
                                         </div>
                                         <div class="flex-1 min-w-0">
                                             <p class="text-sm font-bold text-gray-900 truncate dark:text-white">
@@ -50,7 +54,8 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                             </p>
                                         </div>
                                         <a href="?" type="button" class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white">
-                                        <a href="{{ route('console.friends-link.edit',$blogValue->id) }}" type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+                                            <a href="{{ route('console.friends-link.check-admin',$blogValue->id) }}" type="button"
+                                               class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                                                 <i class="bi bi-pencil"></i>
                                                 <span class="ps-1">编辑</span>
                                             </a>
@@ -60,7 +65,8 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                             @endforeach
                         </ul>
                     @else
-                        <h1 class="text-center mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white mt-5">暂无待审核用户</h1>
+                        <h1 class="text-center mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white mt-5">
+                            暂无待审核用户</h1>
                         <p class="mb-6 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400 text-center">去去其他地方逛逛吧</p>
                     @endif
                 </div>
@@ -85,8 +91,9 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
 </body>
 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.js') }}"></script>
+<script async src="{{ asset('js/lazyload.js') }}"></script>
 <script type="text/javascript">
-document.addEventListener('DOMContentLoaded', function () {
+    document.addEventListener('DOMContentLoaded', function () {
         const lazyLoadInstance = new LazyLoad({
             elements_selector: '#Lazy', // 指定要延迟加载的元素选择器
             loaded: function (element) {
@@ -96,6 +103,6 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                 element.src = '{{ asset('images/avatar.png') }}'; // 图像加载失败时替换为占位图像
             }
         });
-});
+    });
 </script>
 </html>

resources/views/console/friends-link/edit.blade.php

@@ -28,32 +28,56 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
     <div class="p-4 border-gray-200 border-dashed rounded-lg dark:border-gray-700">
         @include('console.modules.personal')
         <div class="grid grid-cols-1 gap-4 mb-4">
-            <div class="text-2xl text-gray-400 dark:text-gray-500"><i class="bi bi-link-45deg"></i> 友链修改</div>
+            <div class="text-2xl text-gray-400 dark:text-gray-500"><i class="bi bi-link-45deg"></i> {{ $subDescriptionForLine }}</div>
         </div>
         <div class="grid grid-cols-10 gap-4 mb-4">
             <div class="col-span-10 lg:hidden gird grid-cols-1">
                 <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1">
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b class="text-black dark:text-white"></b> 条</p>
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500"><i class="bi bi-person-hearts"></i> 超级友链 <b class="text-black dark:text-white"></b> 条</p>
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b class="text-black dark:text-white"></b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b
+                            class="text-black dark:text-white"></b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500"><i class="bi bi-person-hearts"></i> 超级友链 <b
+                            class="text-black dark:text-white"></b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b
+                            class="text-black dark:text-white"></b> 条</p>
+                </div>
+            </div>
+            <div class="block lg:hidden col-span-10">
+                <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1">
+                    <div class="p-2 xl:p-8 grid grid-cols-2">
+                        <button onclick="ajax()" type="submit" class="m-2 text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:outline-none
+                        focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700
+                         dark:focus:ring-blue-800">
+                            <i class="bi bi-send"></i>
+                            <span class="ps-1">提交修改</span>
+                        </button>
+                        <button type="submit" class="m-2 text-white bg-red-500 hover:bg-red-600 focus:ring-4 focus:outline-none focus:ring-blue-300
+                        font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-blue-800">
+                            <i class="bi bi-trash3"></i>
+                            <span class="ps-1">删除友链</span>
+                        </button>
+                    </div>
                 </div>
             </div>
             <div class="col-span-10 lg:col-span-7 items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow">
                 <div class="px-10 py-5">
-                    <form>
+                    <form id="FormData" action="#" onsubmit="return false" method="POST">
                         <div class="grid gap-6 mb-6 md:grid-cols-2">
                             <div>
-                                <label for="userEmail" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博主邮箱 <span class="text-red-700">*</span></label>
+                                <label for="userEmail" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博主邮箱</label>
                                 <div class="relative">
                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                         <i class="bi bi-envelope"></i>
                                     </div>
-                                    <input type="email" name="userEmail" value="{{ $blog[0]->blogOwnEmail }}" id="userEmail" placeholder="gm@x-lf.cn" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
+                                    <input type="email" name="userEmail" value="{{ $blog[0]->blogOwnEmail }}" id="userEmail" placeholder="gm@x-lf.cn"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                                 </div>
                             </div>
                             <div>
-                                <label for="userServerHost" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所用主机服务商<span data-tooltip-target="userServerHost-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span class="text-red-700">*</span></label>
-                                <div id="userServerHost-Tooltip" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                <label for="userServerHost" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所用主机服务商<span
+                                        data-tooltip-target="userServerHost-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                        class="text-red-700">*</span></label>
+                                <div id="userServerHost-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
                                     这个我只是想确定能否贵站确认长久开下去（如果不是大型服务商填写地址嗷），如果是“跑路”云会麻烦网友访问~
                                     <div class="tooltip-arrow" data-popper-arrow></div>
                                 </div>
@@ -61,24 +85,32 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                         <i class="bi bi-hdd-network"></i>
                                     </div>
-                                    <input type="text" name="userServerHost" id="userServerHost" value="{{ $blog[0]->blogServerHost }}" placeholder="阿里云" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
+                                    <input type="text" name="userServerHost" id="userServerHost" value="{{ $blog[0]->blogServerHost }}" placeholder="阿里云"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           required>
                                 </div>
                             </div>
                         </div>
                         <hr class="w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-6 dark:bg-gray-700">
                         <div class="grid gap-6 mb-6 md:grid-cols-2">
                             <div>
-                                <label for="userBlog" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客名称 <span class="text-red-700">*</span></label>
+                                <label for="userBlog" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客名称 <span
+                                        class="text-red-700">*</span></label>
                                 <div class="relative">
                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                         <i class="bi bi-person"></i>
                                     </div>
-                                    <input type="text" name="userBlog" id="userBlog" value="{{ $blog[0]->blogName }}" placeholder="凌中的锋雨" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
+                                    <input type="text" name="userBlog" id="userBlog" value="{{ $blog[0]->blogName }}" placeholder="凌中的锋雨"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           required>
                                 </div>
                             </div>
                             <div>
-                                <label for="userUrl" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客地址<span data-tooltip-target="userUrl-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span class="text-red-700">*</span></label>
-                                <div id="userUrl-Tooltip" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                <label for="userUrl" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客地址<span
+                                        data-tooltip-target="userUrl-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                        class="text-red-700">*</span></label>
+                                <div id="userUrl-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
                                     携带”http(s)://“
                                     <div class="tooltip-arrow" data-popper-arrow></div>
                                 </div>
@@ -86,13 +118,18 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                         <i class="bi bi-link-45deg"></i>
                                     </div>
-                                    <input type="text" name="userUrl" id="userUrl" value="{{ $blog[0]->blogUrl }}" placeholder="https://www.x-lf.com/" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
+                                    <input type="text" name="userUrl" id="userUrl" value="{{ $blog[0]->blogUrl }}" placeholder="https://www.x-lf.com/"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           required>
                                 </div>
                             </div>
                         </div>
                         <div class="mb-6">
-                            <label for="userDescription" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客介绍<span data-tooltip-target="userDescription-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span class="text-red-700">*</span></label>
-                            <div id="userDescription-Tooltip" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                            <label for="userDescription" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客介绍<span
+                                    data-tooltip-target="userDescription-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                    class="text-red-700">*</span></label>
+                            <div id="userDescription-Tooltip" role="tooltip"
+                                 class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
                                 博客的一句话表述（例如）：“不为如何，只为在茫茫人海中有自己的一片天空”
                                 <div class="tooltip-arrow" data-popper-arrow></div>
                             </div>
@@ -100,12 +137,18 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                 <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                     <i class="bi bi-chat-left-text"></i>
                                 </div>
-                                <input type="text" name="userDescription" id="userDescription" value="{{ $blog[0]->blogDescription }}" placeholder="不为如何，只为在茫茫人海中有自己的一片天空~" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
+                                <input type="text" name="userDescription" id="userDescription" value="{{ $blog[0]->blogDescription }}"
+                                       placeholder="不为如何，只为在茫茫人海中有自己的一片天空~"
+                                       class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                       required>
                             </div>
                         </div>
                         <div class="mb-6">
-                            <label for="userIcon" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客图片<span data-tooltip-target="userIcon-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span class="text-red-700">*</span></label>
-                            <div id="userIcon-Tooltip" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                            <label for="userIcon" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">博客图片<span
+                                    data-tooltip-target="userIcon-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span
+                                    class="text-red-700">*</span></label>
+                            <div id="userIcon-Tooltip" role="tooltip"
+                                 class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
                                 携带”http(s)://“
                                 <div class="tooltip-arrow" data-popper-arrow></div>
                             </div>
@@ -113,20 +156,28 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                 <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                     <i class="bi bi-image"></i>
                                 </div>
-                                <input type="text" name="userIcon" id="userIcon" value="{{ $blog[0]->blogIcon }}" placeholder="https://api.x-lf.cn/avatar/?uid=1" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required>
+                                <input type="text" name="userIcon" id="userIcon" value="{{ $blog[0]->blogIcon }}"
+                                       placeholder="https://api.x-lf.cn/avatar/?uid=1"
+                                       class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                       required>
                             </div>
                         </div>
                         <div class="mb-6 grid grid-cols-1 md:grid-cols-3 items-end">
                             <div class="col-span-1 mb-3 md:mb-0">
                                 <label class="relative inline-flex">
-                                    <input type="checkbox" id="checkRssJudge" value="1" @if($blog[0]->blogRssJudge) checked @endif class="sr-only peer">
-                                    <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
+                                    <input type="checkbox" name="checkRssJudge" id="checkRssJudge" value="1" @if($blog[0]->blogRssJudge) checked @endif
+                                    class="sr-only peer">
+                                    <div
+                                        class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
                                     <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300">我的博客拥有 RSS 地址</span>
                                 </label>
                             </div>
                             <div class="col-span-2">
-                                <label for="userRss" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">RSS 地址 <a target="_blank" href="https://blog.x-lf.com/atom.xml"><span data-tooltip-target="userRss-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span></a></label>
-                                <div id="userRss-Tooltip" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                <label for="userRss" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">RSS 地址 <a target="_blank"
+                                                                                                                                      href="https://blog.x-lf.com/atom.xml"><span
+                                            data-tooltip-target="userRss-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span></a></label>
+                                <div id="userRss-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
                                     例如（可点击）：https://blog.x-lf.com/atom.xml<br/>
                                     （注：下框内容需要选择后才可填写）
                                     <div class="tooltip-arrow" data-popper-arrow></div>
@@ -135,28 +186,38 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                     <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                         <i class="bi bi-link-45deg"></i>
                                     </div>
-                                    <input type="text" name="userRss" id="userRss" value="{{ $blog[0]->blogRSS }}" placeholder="https://blog.x-lf.com/atom.xml" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" disabled>
+                                    <input type="text" name="userRss" id="userRss" value="{{ $blog[0]->blogRSS }}" placeholder="https://blog.x-lf.com/atom.xml"
+                                           class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                                           @if($blog[0]->blogRssJudge == 0)disabled @endif>
                                 </div>
                             </div>
                         </div>
                         <hr class="w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-6 dark:bg-gray-700">
-                        <div class="grid gap-6 mb-6 md:grid-cols-2">
+                        <div class="grid gap-6 md:grid-cols-2">
                             <div>
-                                <label for="userLocation" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">期望板块 <span class="text-red-700">*</span></label>
-                                <select id="userLocation" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                                <label for="userLocation" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所属板块 <span
+                                        class="text-red-700">*</span></label>
+                                <select id="userLocation" name="userLocation"
+                                        class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                                     <option>请选择一个板块</option>
                                     @if(empty($blogSort[0]))
                                         <option><a href="{{ route('console.friends-link.sort') }}">暂没有模块，点击添加模块</a></option>
                                     @else
                                         @foreach($blogSort as $blogValue)
-                                            <option value="{{ $blogValue->id }}" @if($blog[0]->blogLocation == $blogValue->id)selected @endif>{!! $blogValue->title !!}</option>
+                                            <option value="{{ $blogValue->id }}"
+                                                    @if($blog[0]->blogLocation == $blogValue->id)selected @endif>{!! $blogValue->title !!}</option>
                                         @endforeach
                                     @endif
                                 </select>
                             </div>
                             <div>
-                                <label for="userSelColor" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">期望颜色<span id="DemoCheck" data-tooltip-target="userSelColor-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span> <span class="text-red-700">*</span></label>
-                                <div id="userSelColor-Tooltip" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                <label for="userSelColor" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
+                                    所属颜色
+                                    <span id="DemoCheck"
+                                          data-tooltip-target="userSelColor-Tooltip" class="bi bi-info-circle mx-1 text-blue-700"></span>
+                                    <span class="text-red-700">*</span></label>
+                                <div id="userSelColor-Tooltip" role="tooltip"
+                                     class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
                                     <div
                                         class="flex p-2 hover:bg-gray-100 bg-white border-4 border-blue-500 rounded-lg shadow-lg sm:p-4 dark:bg-gray-800 dark:border-gray-700 grid-cols-2 m-1">
                                         <img id="userDemo"
@@ -169,43 +230,81 @@ class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 s
                                     </div>
                                     <div class="tooltip-arrow" data-popper-arrow></div>
                                 </div>
-                                <select id="userSelColor" class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                                <select id="userSelColor" name="userSelColor"
+                                        class="bg-gray-100 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                                     <option>请选择一个颜色</option>
                                     @if(empty($blogColor[0]))
                                         <option>暂没有模块，请去板块添加模块</option>
                                     @else
                                         @foreach($blogColor as $blogValue)
-                                            <option value="{{ $blogValue->id }}" @if($blog[0]->blogSetColor == $blogValue->id)selected @endif>{!! $blogValue->comment !!}</option>
+                                            <option value="{{ $blogValue->id }}"
+                                                    @if($blog[0]->blogSetColor == $blogValue->id)selected @endif>{!! $blogValue->comment !!}</option>
                                         @endforeach
                                     @endif
                                 </select>
                             </div>
+                            <label>
+                                <input name="userId" id="userId" value="{{ $blog[0]->id }}" hidden="hidden"/>
+                            </label>
+                        </div>
+                        <div class="mb-6">
+                            <label for="userRemark" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">留言备注</label>
+                            <div class="relative">
+                                <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                    <i class="bi bi-chat-left-text"></i>
+                                </div>
+                                <input type="text" name="userRemark" id="userRemark" value="{{ $blog[0]->blogRemark }}" placeholder="多多关照哦~" class="bg-gray-100
+                                border
+                                border-gray-300
+                                text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700
+                                dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" disabled>
+                            </div>
                         </div>
                     </form>
                 </div>
             </div>
             <div class="sm:hidden lg:block col-span-3">
                 <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1 mb-4">
-                    <div class="p-8 grid grid-cols-2">
-                        <button type="submit" class="m-2 text-white bg-green-500 hover:bg-green-600 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-blue-800">
+                    <div class="p-2 xl:p-8 grid grid-cols-2">
+                        <button onclick="ajax()" id="SubmitSend" type="submit" class="m-2 text-white bg-green-500 hover:bg-green-600 focus:ring-4
+                        focus:outline-none
+                        focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700
+                         dark:focus:ring-blue-800">
                             <i class="bi bi-send"></i>
-                            <span class="ps-1">提交修改</span>
+                            <span class="ps-1">@if($subDescriptionForLine == '友链修改')
+                                    提交修改
+                                @else
+                                    审核通过
+                                @endif</span>
                         </button>
-                        <button type="submit" class="m-2 text-white bg-red-500 hover:bg-red-600 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-blue-800">
+                        <button data-modal-target="Modal" data-modal-toggle="Modal" id="SubmitRefuse" type="submit" class="m-2 text-white bg-red-500
+                        hover:bg-red-600
+                        focus:ring-4 focus:outline-none
+                        focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700
+                        dark:focus:ring-blue-800">
                             <i class="bi bi-trash3"></i>
-                            <span class="ps-1">删除友链</span>
+                            <span class="ps-1">@if($subDescriptionForLine == '友链修改')
+                                    删除友链
+                                @else
+                                    审核拒绝
+                                @endif</span>
                         </button>
                     </div>
                 </div>
                 <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1 mb-4">
-                    <div class="p-8 grid grid-cols-1">
+                    <div class="p-2 md:p-6 xl:p-8 grid grid-cols-1">
                         <div class="text-lg font-bold mb-3">
                             <i class="bi bi-eye"></i>
                             <span class="ps-1">参考样式</span>
                         </div>
-                        <div class="max-w-4xl mb-3">
-                            <div
-                                class="flex p-2 hover:bg-gray-100 bg-white border border-grey-200 rounded-lg shadow-lg sm:p-4 dark:bg-gray-800 dark:border-gray-700 grid-cols-2 m-1">
+                        <div class="max-w-4xl mb-3" data-tooltip-target="friend-{{ $blog[0]->id }}">
+                            <div id="friend-{{ $blog[0]->id }}" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium
+                                            text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                {{ $blog[0]->blogDescription }}
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
+                            <div id="colorLight"
+                                 class="flex p-2 hover:bg-gray-100 bg-white border-2 rounded-lg shadow-lg sm:p-4 grid-cols-2 m-1">
                                 <img id="Lazy"
                                      class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
                                      src="{{ $blog[0]->blogIcon }}" alt="Bordered avatar">
@@ -215,9 +314,14 @@ class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 s
                                 </div>
                             </div>
                         </div>
-                        <div class="max-w-4xl">
-                            <div
-                                class="flex p-2 hover:bg-gray-700 border rounded-lg shadow-lg sm:p-4 bg-gray-800 border-gray-700 grid-cols-2 m-1">
+                        <div class="max-w-4xl" data-tooltip-target="friend-{{ $blog[0]->id }}">
+                            <div id="friend-{{ $blog[0]->id }}" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium
+                                            text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                {{ $blog[0]->blogDescription }}
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
+                            <div id="colorDark"
+                                 class="flex p-2 hover:bg-gray-700 border-2 rounded-lg shadow-lg sm:p-4 bg-gray-800 grid-cols-2 m-1">
                                 <img id="LazyDark"
                                      class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
                                      src="{{ $blog[0]->blogIcon }}" alt="Bordered avatar">
@@ -233,21 +337,258 @@ class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 s
         </div>
     </div>
 </div>
+<!-- Toast -->
+<div id="toast"
+     class="z-[9999] fixed top-5 left-5 hidden items-center w-full max-w-xs p-4 space-x-4 text-gray-500 bg-white divide-x divide-gray-200 rounded-lg shadow dark:text-gray-400 dark:divide-gray-700 space-x dark:bg-gray-800"
+     role="alert">
+    <div class="pl-4 text-sm font-normal">
+        <span id="toast-icon" class="pe-1"><i class="bi bi-info-circle text-blue-500"></i></span>
+        <span id="toast-info">Message sent successfully.</span>
+    </div>
+</div>
+<!-- Modal -->
+
+<button class="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none
+focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" type="button">
+    Toggle modal
+</button>
+
+<div id="Modal" tabindex="-1" class="fixed top-0 left-0 right-0 z-50 hidden p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full">
+    <div class="relative w-full max-w-md max-h-full">
+        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+            <button type="button" class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8
+            h-8 ml-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="Modal">
+                <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
+                </svg>
+                <span class="sr-only">Close modal</span>
+            </button>
+            <div class="p-6 text-center">
+                <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+                     viewBox="0 0 20 20">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                          d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
+                </svg>
+                <form id="FormDataCancel" action="#" onsubmit="return false" method="POST">
+                    <div class="mb-5 text-md font-normal text-gray-500 dark:text-gray-400">
+                        @if($subDescriptionForLine == '友链修改')
+                            <div class="mb-3">您要删除该友链吗？</div>
+                            <label>
+                                <input name="userId" id="userId" value="{{ $blog[0]->id }}" hidden="hidden"/>
+                            </label>
+                            <label class="relative inline-flex items-center cursor-pointer">
+                                <input type="checkbox" name="sendMail" value="1" class="sr-only peer" @if(empty($blog[0]->blogOwnEmail)) disabled @endif>
+                                <div
+                                    class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
+                                <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300">发送通知邮件</span>
+                                @if(empty($blog[0]->blogOwnEmail))
+                                    <span class="text-red-500 text-sm font-medium">（对方没有配置邮箱）</span>
+                                @endif
+                            </label>
+                        @else
+                            <div class="mb-3">您确认要拒绝该友链申请吗？</div>
+                            <label>
+                                <input name="userId" id="userId" value="{{ $blog[0]->id }}" hidden="hidden"/>
+                            </label>
+                            <div class="mb-3">
+                                <label for="sendReason" class="block mb-1 text-sm font-medium text-left text-gray-900 dark:text-white">拒绝原因</label>
+                                <input type="text" id="sendReason" name="sendReason" class="block w-full p-2 text-gray-900 border border-gray-300 rounded-lg
+                                bg-gray-50 sm:text-xs focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
+                                dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                            </div>
+                            <label class="relative inline-flex items-center cursor-pointer">
+                                <input type="checkbox" name="sendMail" value="1" class="sr-only peer" checked>
+                                <div
+                                    class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
+                                <span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300">发送通知邮件</span>
+                            </label>
+                        @endif
+                    </div>
+                </form>
+                <button data-modal-hide="Modal" onclick="cancel()" type="button" class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none
+                focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center mr-2">
+                    @if($subDescriptionForLine == '友链修改')
+                        删除友链
+                    @else
+                        驳回申请
+                    @endif
+                </button>
+                <button data-modal-hide="Modal" onclick="location.reload()" type="button" class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4
+                focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10
+                dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">
+                    取消操作
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
 </body>
 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.js') }}"></script>
 <script type="text/javascript">
     $('#userIcon').blur(function () {
-        $('#Lazy').prop('src',$('#userIcon').val())
-        $('#LazyDark').prop('src',$('#userIcon').val())
+        $('#Lazy').prop('src', $('#userIcon').val())
+        $('#LazyDark').prop('src', $('#userIcon').val())
     });
     $('#userBlog').blur(function () {
         $('#DemoName').text($('#userBlog').val())
         $('#DemoNameDark').text($('#userBlog').val())
-    })
+    });
     $('#userDescription').blur(function () {
         $('#DemoDesc').text($('#userDescription').val())
+        $('#friend-light').html($('#userDescription').val() + '<div class="tooltip-arrow" data-popper-arrow></div>')
         $('#DemoDescDark').text($('#userDescription').val())
-    })
+        $('#friend-dark').html($('#userDescription').val() + '<div class="tooltip-arrow" data-popper-arrow></div>')
+    });
+    let colorLight_Num = [
+        @foreach($blogColor as $blogValue)
+            "{{ $blogValue->colorLightType }}",
+        @endforeach
+    ];
+
+    let colorDark_Num = [
+        @foreach($blogColor as $blogValue)
+            "{{ $blogValue->colorDarkType }}",
+        @endforeach
+    ];
+
+    let colorLight = '{{ $blogColor[$blog[0]->blogSetColor-1]->colorLightType }}';
+    let colorDark = '{{ $blogColor[$blog[0]->blogSetColor-1]->colorDarkType }}';
+    $('#colorLight').addClass(colorLight);
+    $('#colorDark').addClass(colorDark);
+    $('#userSelColor').blur(function () {
+        let colorNumber = $('#userSelColor').val() - 1;
+        $('#colorLight').removeClass(colorLight);
+        $('#colorDark').removeClass(colorDark);
+        colorLight = colorLight_Num[colorNumber];
+        colorDark = colorDark_Num[colorNumber];
+        $('#colorLight').addClass(colorLight);
+        $('#colorDark').addClass(colorDark);
+    });
+
+    class Toast {
+        static toggle(data, icon) {
+            this.set(data, icon);
+            $('#toast').fadeIn(300);
+            setTimeout(function () {
+                $('#toast').fadeOut(300);
+            }, 3000);
+        }
+
+        static set(data, icon) {
+            $('#toast-icon').html(icon);
+            $('#toast-info').text(data);
+        }
+    }
+
+    class Enum {
+        static userEmail = '用户邮箱';
+        static userServerHost = '服务商';
+        static userBlog = '博客名字';
+        static userUrl = '博客地址';
+        static userDescription = '博客描述';
+        static userIcon = '图片地址';
+        static checkRssJudge = 'RSS选项';
+        static userRss = 'RSS地址';
+        static userLocation = '所属位置';
+        static userSelColor = '选择颜色';
+    }
+
+    function ajax() {
+        $.ajax({
+            async: true,
+            method: "POST",
+            data: $('#FormData').serialize(),
+            url: '@if($subDescriptionForLine == '友链修改') {{ route('api.link.console.edit') }} @else {{ route('api.link.console.check') }} @endif',
+            dataType: "json",
+            beforeSend: function () {
+                $('#SubmitSend').prop('disabled', true).removeClass('bg-green-500').addClass('bg-green-600')
+                    .html('<svg aria-hidden="true" role="status" class="inline w-4 h-4 text-white animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"/></svg>' +
+                        '<span class="ps-1">正在操作</span>');
+                $('#SubmitRefuse').prop('disabled', true).removeClass('bg-red-500').addClass('bg-red-600');
+            },
+            success: function (returnData) {
+                if (returnData.output === "Success") {
+                    $('#SubmitSend').html('<i class="bi bi-check2-circle"></i><span class="ps-1">操作成功</span>')
+
+                    Toast.toggle('操作成功', '<i class="bi bi-check-circle text-green-500"></i>');
+                    setTimeout(function () {
+                        location.href = '{{ route('console.friends-link.list') }}';
+                    }, 3000);
+                } else {
+                    $('#SubmitSend').html('<i class="bi bi-send"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')提交修改@else审核通过@endif</span>')
+                        .prop('disabled', false).removeClass('bg-green-600').addClass('bg-green-500');
+                    $('#SubmitRefuse').html('<i class="bi bi-trash3"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')删除友链@else审核拒绝@endif</span>')
+                        .prop('disabled', false).removeClass('bg-red-600').addClass('bg-red-500');
+                    Toast('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                }
+            },
+            error: function (returnData) {
+                Toast.set('其他错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                if (returnData.responseJSON.output === 'DataFormatError') {
+                    for (let key in Enum) {
+                        if (returnData.responseJSON.data.errorSingle.info === key) {
+                            Toast.toggle(Enum[key] + '错误，注意格式', '<i class="bi bi-x-circle text-red-500"></i>');
+                        }
+                    }
+                } else {
+                    Toast.toggle('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                }
+                $('#SubmitSend').html('<i class="bi bi-send"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')提交修改@else审核通过@endif</span>')
+                    .prop('disabled', false).removeClass('bg-green-600').addClass('bg-green-500');
+                $('#SubmitRefuse').html('<i class="bi bi-trash3"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')删除友链@else审核拒绝@endif</span>')
+                    .prop('disabled', false).removeClass('bg-red-600').addClass('bg-red-500');
+            }
+        });
+    }
+
+    function cancel() {
+        $.ajax({
+            async: true,
+            method: "POST",
+            data: $('#FormDataCancel').serialize(),
+            url: '@if($subDescriptionForLine == '友链修改') {{ route('api.link.console.delete') }} @else {{ route('api.link.console.check-fail') }} @endif',
+            dataType: "json",
+            beforeSend: function () {
+                $('#SubmitSend').prop('disabled', true).removeClass('bg-green-500').addClass('bg-green-600');
+                $('#SubmitRefuse').prop('disabled', true).removeClass('bg-red-500').addClass('bg-red-600')
+                    .html('<svg aria-hidden="true" role="status" class="inline w-4 h-4 text-white animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"/></svg>' +
+                        '<span class="ps-1">正在操作</span>');
+            },
+            success: function (returnData) {
+                $('#SubmitRefuse').html('<i class="bi bi-check2-circle"></i><span class="ps-1">操作成功</span>')
+
+                if (returnData.output === "Success") {
+                    Toast.toggle('操作成功', '<i class="bi bi-check-circle text-green-500"></i>');
+                    setTimeout(function () {
+                        location.href = '{{ route('console.friends-link.list') }}';
+                    }, 3000);
+                } else {
+                    Toast('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                    $('#SubmitSend').html('<i class="bi bi-send"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')提交修改@else审核通过@endif</span>')
+                        .prop('disabled', false).removeClass('bg-green-600').addClass('bg-green-500');
+                    $('#SubmitRefuse').html('<i class="bi bi-trash3"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')删除友链@else审核拒绝@endif</span>')
+                        .prop('disabled', false).removeClass('bg-red-600').addClass('bg-red-500');
+                }
+            },
+            error: function (returnData) {
+                Toast.set('其他错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                if (returnData.responseJSON.output === 'DataFormatError') {
+                    for (let key in Enum) {
+                        if (returnData.responseJSON.data.errorSingle.info === key) {
+                            Toast.toggle(Enum[key] + '错误，注意格式', '<i class="bi bi-x-circle text-red-500"></i>');
+                        }
+                    }
+                } else {
+                    Toast.toggle('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                }
+                $('#SubmitSend').html('<i class="bi bi-send"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')提交修改@else审核通过@endif</span>')
+                    .prop('disabled', false).removeClass('bg-green-600').addClass('bg-green-500');
+                $('#SubmitRefuse').html('<i class="bi bi-trash3"></i><span class="ps-1">@if($subDescriptionForLine == '友链修改')删除友链@else审核拒绝@endif</span>')
+                    .prop('disabled', false).removeClass('bg-red-600').addClass('bg-red-500');
+            }
+        });
+    }
 </script>
 </html>

resources/views/console/friends-link/list.blade.php

@@ -33,9 +33,12 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
         <div class="grid grid-cols-10 gap-4 mb-4">
             <div class="col-span-10 lg:hidden gird grid-cols-1">
                 <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1">
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b class="text-black dark:text-white">{{ $blogFriendsTotal }}</b> 条</p>
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500"><i class="bi bi-person-hearts"></i> 超级友链 <b class="text-black dark:text-white">{{ $blogFriendsBest }}</b> 条</p>
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b class="text-black dark:text-white">{{ $blogFriendsCheck }}</b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b
+                            class="text-black dark:text-white">{{ $blogFriendsTotal }}</b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500"><i class="bi bi-person-hearts"></i> 超级友链 <b
+                            class="text-black dark:text-white">{{ $blogFriendsBest }}</b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b
+                            class="text-black dark:text-white">{{ $blogFriendsCheck }}</b> 条</p>
                 </div>
             </div>
             <div class="col-span-10 lg:col-span-7 items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow">
@@ -46,7 +49,11 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                 <li class="py-3 sm:py-4">
                                     <div class="flex items-center space-x-4">
                                         <div class="flex-shrink-0">
-                                            <img id="Lazy" class="w-10 h-10 rounded-full" src="{{ asset('images/avatar.png') }}" data-src="{{ $blogValue->blogIcon }}" alt="Neil image">
+                                            <img id="Lazy"
+                                                 class="w-10 h-10 p-1 rounded-full ring-2 {{ $blogColor[$blogValue->blogSetColor-1]->colorLightType }}
+                                                {{ $blogColor[$blogValue->blogSetColor-1]->colorDarkType }} sm:me-4"
+                                                 src="{{ asset('images/avatar.png') }}" data-src="{{ $blogValue->blogIcon }}"
+                                                 alt="Bordered avatar">
                                         </div>
                                         <div class="flex-1 min-w-0">
                                             <p class="text-sm font-bold text-gray-900 truncate dark:text-white">
@@ -57,7 +64,8 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                                             </p>
                                         </div>
                                         <a href="?" type="button" class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white">
-                                            <a href="{{ route('console.friends-link.edit',$blogValue->id) }}" type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+                                            <a href="{{ route('console.friends-link.edit',$blogValue->id) }}" type="button"
+                                               class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                                                 <i class="bi bi-pencil"></i>
                                                 <span class="ps-1">编辑</span>
                                             </a>
@@ -69,9 +77,14 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                         <div class="justify-center items-center text-center">
                             <ul class="inline-flex items-center -space-x-px py-3">
                                 <li>
-                                    <a @if($request->page != 0)href="{{ route('console.friends-link.list','page='.$request->page-1) }}" @endif class="block px-3 py-2 ml-0 leading-tight text-gray-500 border border-gray-300 @if($request->page != 0)bg-white @else bg-gray-100 @endif rounded-l-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+                                    <a @if($request->page != 0)href="{{ route('console.friends-link.list','page='.$request->page-1) }}"
+                                       @endif class="block px-3 py-2 ml-0 leading-tight text-gray-500 border border-gray-300 @if($request->page != 0)bg-white @else bg-gray-100 @endif rounded-l-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
                                         <span class="sr-only">Previous</span>
-                                        <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>
+                                        <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                                            <path fill-rule="evenodd"
+                                                  d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
+                                                  clip-rule="evenodd"></path>
+                                        </svg>
                                     </a>
                                 </li>
                                 @if($blogCount == 0)
@@ -95,14 +108,20 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                             </ul>
                         </div>
                     @elseif(!empty($request->search))
-                        <a href="{{ route('console.friends-link.list') }}" type="button" class="text-white mt-4 mb-10 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"><i class="bi bi-box-arrow-left me-1"></i> 返回友链列表</a>
+                        <a href="{{ route('console.friends-link.list') }}" type="button"
+                           class="text-white mt-4 mb-10 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"><i
+                                class="bi bi-box-arrow-left me-1"></i> 返回友链列表</a>
                         @if(!empty($blog))
                             <ul class="divide-y divide-gray-200 dark:divide-gray-700">
                                 @foreach($blog as $blogValue)
                                     <li class="py-3 sm:py-4">
                                         <div class="flex items-center space-x-4">
                                             <div class="flex-shrink-0">
-                                            <img id="Lazy" class="w-10 h-10 rounded-full" src="{{ asset('images/avatar.png') }}" data-src="{{ $blogValue->blogIcon }}" alt="Neil image">
+                                                <img id="Lazy"
+                                                     class="w-10 h-10 p-1 rounded-full ring-2 {{ $blogColor[$blogValue->blogSetColor-1]->colorLightType }}
+                                                {{ $blogColor[$blogValue->blogSetColor-1]->colorDarkType }} sm:me-4"
+                                                     src="{{ asset('images/avatar.png') }}" data-src="{{ $blogValue->blogIcon }}"
+                                                     alt="Bordered avatar">
                                             </div>
                                             <div class="flex-1 min-w-0">
                                                 <p class="text-sm font-bold text-gray-900 truncate dark:text-white">
@@ -144,14 +163,28 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
                         <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                             <i class="bi bi-search"></i>
                         </div>
-                        <input type="search" id="search" name="search" class="block w-full p-4 pl-10 text-sm text-gray-900 border border-gray-300 rounded bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="查找" required>
-                        <a id="Submit" href="" type="submit" class="text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">查找</a>
+                        <input type="search" id="search" name="search"
+                               class="block w-full p-4 pl-10 text-sm text-gray-900 border border-gray-300 rounded bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                               placeholder="查找" required>
+                        <a id="Submit" href="" type="submit"
+                           class="text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">查找</a>
                     </div>
                 </div>
+                <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1 mb-4">
+                    <a href="{{ route('console.friends-link.check') }}" type="submit" class="text-white bg-green-500 hover:bg-green-600 focus:ring-4
+                    focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-green-600
+                    dark:hover:bg-green-700 dark:focus:ring-blue-800">
+                        <i class="bi bi-pass"></i>
+                        <span class="ps-1">友链审核</span>
+                    </a>
+                </div>
                 <div class="items-center justify-center rounded bg-gray-50 dark:bg-gray-800 shadow grid grid-cols-1">
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b class="text-black dark:text-white">{{ $blogFriendsTotal }}</b> 条</p>
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 py-1"><i class="bi bi-person-hearts"></i> 超级友链 <b class="text-black dark:text-white">{{ $blogFriendsBest }}</b> 条</p>
-                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b class="text-black dark:text-white">{{ $blogFriendsCheck }}</b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pt-3"><i class="bi bi-person-check"></i> 当前友链 <b
+                            class="text-black dark:text-white">{{ $blogFriendsTotal }}</b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 py-1"><i class="bi bi-person-hearts"></i> 超级友链 <b
+                            class="text-black dark:text-white">{{ $blogFriendsBest }}</b> 条</p>
+                    <p class="text-2xl text-center text-gray-400 dark:text-gray-500 pb-3"><i class="bi bi-person-check-fill"></i> 待审友链 <b
+                            class="text-black dark:text-white">{{ $blogFriendsCheck }}</b> 条</p>
                 </div>
             </div>
         </div>

resources/views/console/modules/aside.blade.php

@@ -2,7 +2,17 @@
        class="fixed top-0 left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0"
        aria-label="Sidebar">
     <div class="h-full px-3 py-4 overflow-y-auto bg-gray-50 dark:bg-gray-800">
+        <div class="text-xl text-center font-bold mt-2 my-5">
+            <span>
+                <i class="bi bi-caret-right-fill"></i>
+                {{ $webTitle }}
+                <i class="bi bi-caret-left-fill"></i>
+            </span>
+        </div>
         <ul class="space-y-2 font-medium">
+            <li>
+                <hr/>
+            </li>
             <li>
                 <a href="{{ route('home') }}"
                    class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
@@ -10,6 +20,9 @@ class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-g
                     <span class="ml-3">返回主页</span>
                 </a>
             </li>
+            <li>
+                <hr/>
+            </li>
             <li>
                 <a href="{{ route('console.dashboard') }}"
                    class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
@@ -88,6 +101,16 @@ class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-g
                     <span class="flex-1 ml-3 whitespace-nowrap">系统设置</span>
                 </a>
             </li>
+            <li>
+                <hr/>
+            </li>
+            <li>
+                <a href="#"
+                   class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
+                    <i class="bi bi-person"></i>
+                    <span class="flex-1 ml-3 whitespace-nowrap">个人设置</span>
+                </a>
+            </li>
         </ul>
     </div>
 </aside>

resources/views/function/edit-friend.blade.php

@@ -213,7 +213,8 @@ class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:
                                 @else
                                     @foreach($blogColor as $blogValue)
                                         <option value="{{ $blogValue->id }}"
-                                                @if($blogValue->id == $blog->blogSetColor)selected @endif>{!! $blogValue->comment !!}</option>
+                                                @if($blogValue->id == $blog->blogSetColor)selected @endif @if($blogValue->onlyAdminUse)disabled @endif>
+                                            {!! $blogValue->comment !!}</option>
                                     @endforeach
                                 @endif
                             </select>

resources/views/function/link.blade.php

@@ -23,14 +23,23 @@ class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translat
         @foreach($blogSort as $valueSort)
             <div class="mx-auto mt-28 mb-3 max-w-4xl grid grid-cols-1 px-2">
                 <div class="text-2xl text-bold">{!! $valueSort->title !!}</div>
-                @if(!empty($valueSort->description))<div class="text-gray-500">{{ $valueSort->description }}</div> @endif
+                @if(!empty($valueSort->description))
+                    <div class="text-gray-500">{{ $valueSort->description }}</div>
+                @endif
             </div>
             <div class="mx-auto max-w-4xl mb-3 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4">
                 @foreach($blogLink as $valueLink)
                     @if($valueLink->blogLocation == $valueSort->id)
-                        <a href="{{ $valueLink->blogUrl }}" target="_blank">
+                        <a href="{{ $valueLink->blogUrl }}" target="_blank" data-tooltip-target="friend-{{ $valueLink->id }}">
+                            <div id="friend-{{ $valueLink->id }}" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium
+                            text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                {{ $valueLink->blogDescription }}
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
                             <div
-                                class="flex p-2 hover:bg-gray-100 bg-white border border-grey-200 rounded-lg shadow-lg sm:p-4 dark:bg-gray-800 dark:hover:bg-gray-700 dark:border-gray-700 grid-cols-2 m-1">
+                                class="flex p-2 hover:bg-gray-100 bg-white border-2 {{ $blogColor[$valueLink->blogSetColor-1]->colorLightType }} rounded-lg
+                                shadow-lg sm:p-4 dark:bg-gray-800 dark:hover:bg-gray-700 {{ $blogColor[$valueLink->blogSetColor-1]->colorDarkType }}
+                                grid-cols-2 m-1">
                                 <img id="Lazy"
                                      class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
                                      src="{{ asset('images/avatar.png') }}" data-src="{{ $valueLink->blogIcon }}"

resources/views/function/make-friend.blade.php

@@ -152,13 +152,14 @@ class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 s
                                 </div>
                                 <div class="tooltip-arrow" data-popper-arrow></div>
                             </div>
-                            <select id="userSelColor" name="userSelColor" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                            <select id="userSelColor" name="userSelColor"
+                                    class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                                 <option>请选择一个颜色</option>
                                 @if(empty($blogColor[0]))
                                     <option>站长没有设置可用颜色呢</option>
                                 @else
                                     @foreach($blogColor as $blogValue)
-                                        <option value="{{ $blogValue->id }}">{!! $blogValue->comment !!}</option>
+                                        <option value="{{ $blogValue->id }}" @if($blogValue->onlyAdminUse)disabled @endif>{!! $blogValue->comment !!}</option>
                                     @endforeach
                                 @endif
                             </select>
@@ -170,17 +171,29 @@ class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 s
                             <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
                                 <i class="bi bi-chat-left-text"></i>
                             </div>
-                            <input type="text" name="userRemark" id="userRemark" placeholder="多多关照哦~" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                            <input type="text" name="userRemark" id="userRemark" placeholder="多多关照哦~"
+                                   class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                         </div>
                     </div>
                     <hr class="h-px my-8 bg-gray-200 border-0 dark:bg-gray-700">
                     <div class="flex items-start mb-6">
                         <div class="flex items-center h-5">
-                            <input id="remember" type="checkbox" value="1" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800" required>
+                            <input id="remember" type="checkbox" value="1"
+                                   class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800"
+                                   required>
                         </div>
-                        <label for="remember" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">我满足 <a href="#" class="text-blue-600 hover:underline dark:text-blue-500">《凌中的锋雨-友链申请要求》</a></label>
+                        <label for="remember" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">
+                            我满足
+                            <a data-modal-target="Modal" data-modal-toggle="Modal" class="text-blue-600 hover:underline
+                            dark:text-blue-500">《{{ $applicationRule }}》</a>
+                        </label>
                     </div>
-                    <button onclick="buttonSubmit()" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"><i class="bi bi-send me-1"></i>发送申请</button>
+                    <button onclick="buttonSubmit()" id="sendButton" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none
+                    focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700
+                    dark:focus:ring-blue-800">
+                        <i class="bi bi-send"></i>
+                        <span class="ps-1">发送申请</span>
+                    </button>
                 </form>
             </div>
         </div>
@@ -235,17 +248,50 @@ class="ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounde
         </button>
     </div>
 </div>
-
+<!-- Modal -->
+<div id="Modal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc
+(100%-1rem)] max-h-full">
+    <div class="relative w-full max-w-2xl max-h-full">
+        <!-- Modal content -->
+        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+            <!-- Modal header -->
+            <div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600">
+                <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
+                    {{ $applicationRule }}
+                </h3>
+                <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ml-auto
+                inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="Modal">
+                    <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
+                    </svg>
+                    <span class="sr-only">Close modal</span>
+                </button>
+            </div>
+            <!-- Modal body -->
+            <div class="p-6 space-y-6">
+                {!! $applicationInfo !!}
+            </div>
+            <!-- Modal footer -->
+            <div class="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600">
+                <button data-modal-hide="Modal" type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none
+                focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700
+                dark:focus:ring-blue-800">
+                    我知道了
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
 </body>
 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.js') }}"></script>
 <script type="text/javascript">
-$(document).ready(function () {
+    $(document).ready(function () {
         let userIcon = $('#userIcon').val();
 
         $('#checkRssJudge').change(function () {
             if ($(this).is(':checked')) {
-            $('#userRss').prop('disabled',false);
+                $('#userRss').prop('disabled', false);
         } else {
             $('#userRss').prop('disabled',true);
         }
@@ -303,33 +349,44 @@ function ajax() {
         data: $('#FormData').serialize(),
         url: '{{ route('api.link.custom.add') }}',
         dataType: "json",
+        beforeSend: function () {
+            $('#sendButton').prop('disabled', true).removeClass('text-blue-500').addClass('text-blue-600')
+                .html('<svg aria-hidden="true" role="status" class="inline w-4 h-4 text-white animate-spin" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"/> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"/></svg>' +
+                    '<span class="ps-1">正在操作</span>');
+        },
         success: function (returnData) {
             if (returnData.output === "Success") {
-                Toast.toggle('友链申请成功，即将跳转','<i class="bi bi-check-circle text-green-500"></i>');
+                $('#sendButton').html('<i class="bi bi-check2-circle"></i><span class="ps-1">申请成功</span>');
+
+                Toast.toggle('友链申请成功，即将跳转', '<i class="bi bi-check-circle text-green-500"></i>');
                 setTimeout(function () {
                     location.href = '{{ route('function.link') }}';
-                },3000);
+                }, 3000);
             } else {
-                Toast('未知错误','<i class="bi bi-x-circle text-red-500"></i>');
+                Toast('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
+                $('#sendButton').html('<i class="bi bi-send"></i><span class="ps-1">发送申请</span>')
+                    .removeClass('text-blue-600').addClass('text-blue-500').prop('disabled', false);
             }
         },
         error: function (returnData) {
-            Toast.set('其他错误','<i class="bi bi-x-circle text-red-500"></i>');
+            Toast.set('其他错误', '<i class="bi bi-x-circle text-red-500"></i>');
             if (returnData.responseJSON.output === 'DataFormatError') {
                 for (let key in Enum) {
                     if (returnData.responseJSON.data.errorSingle.info === key) {
-                        Toast.toggle(Enum[key]+'错误，注意格式','<i class="bi bi-x-circle text-red-500"></i>');
+                        Toast.toggle(Enum[key] + '错误，注意格式', '<i class="bi bi-x-circle text-red-500"></i>');
                     }
                 }
             } else if (returnData.responseJSON.output === "AlreadyUser") {
                 $('#toast-interactive').fadeIn(300);
-                $('#edit-friend').attr('href',"{{ route('function.edit-search') }}?searchName="+$('#userBlog').val()+"&searchUrl="+$('#userUrl').val());
+                $('#edit-friend').attr('href',"{{ route('function.edit-search') }}?searchName=" + $('#userBlog').val() + "&searchUrl=" + $('#userUrl').val());
                 setTimeout(function () {
                     $('#toast-interactive').fadeOut(300);
                 }, 10000);
             } else {
-                Toast.toggle('未知错误','<i class="bi bi-x-circle text-red-500"></i>');
+                Toast.toggle('未知错误', '<i class="bi bi-x-circle text-red-500"></i>');
             }
+            $('#sendButton').html('<i class="bi bi-send"></i><span class="ps-1">发送申请</span>')
+                .removeClass('text-blue-600').addClass('text-blue-500').prop('disabled', false);
         }
     });
 }

resources/views/mail/link-console-add.blade.php

@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <title>Mail</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<table align="center" border="0" cellpadding="0" cellspacing="0" width="600"
+       style="border-collapse: collapse;border: 1px solid #cccccc;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175)">
+    <tr>
+        <td align="center" bgcolor="#70bbd9" style="padding: 30px 0 30px 0; font-size: 30px;"><b>{{ env('APP_NAME') }}</b></td>
+    </tr>
+    <tr>
+        <td>
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding: 30px 30px 30px 30px;">
+                <tr>
+                    <td style="padding: 10px 0px 30px 0px;color: #08212b; font-family: Arial, sans-serif; font-size: 10px;">
+                        时间： <b>{{ date('Y-m-d H:i:s') }}</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 0px 10px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 24px;">
+                        Dear. 站长</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 5px 5px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 16px;">
+                        您好 <a style="text-decoration: none;color: #198754;" href="{{ env('APP_BLOG') }}">{{ env('APP_NAME') }}</a> 站长<br/>
+                        有新的友人申请了友链，请及时审核哦~<br/>
+                        <hr/>
+                        <a style="text-decoration: none;color: #198754;" href="{{ route('console.friends-link.check') }}">> 点击审核</a>
+                        <hr/>
+                        以下是他的简要信息：<br/>
+                        <ul>
+                            <li>博主邮箱：{{ $userEmail }}</li>
+                            <li>贵站名字：{{ $userBlog }}</li>
+                            <li>贵站地址：{{ $userUrl }}</li>
+                            <li>图片地址：{{ $userIcon }}</li>
+                            <li>贵站介绍：{{ $userDescription }}</li>
+                            @if(!empty($userRemark))
+                                <li>备注内容：{{ $userRemark }}</li>
+                            @endif
+                            @if(!empty($checkRssJudge))
+                                <li>RSS地址：{{ $userRSS }}</li>
+                            @endif
+                        </ul>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+    <tr>
+        <td bgcolor="#f0f0f0" style="padding: 30px 20px 30px 20px;">
+            <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                <tr>
+                    <td style="font-family: Arial, sans-serif; font-size: 14px;">
+                        <font style="color: grey;">&copy; 2022 - {{ date('Y') }}. {{ env('APP_NAME') }} All Rights Reserved.</font><br/>
+                        <font style="color: grey;">本邮件为自动发出，请勿直接回复</font>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+<tr>
+    <td style="padding: 30px 0 20px 0;"></td>
+</tr>
+</html>

resources/views/mail/link-console-delete.blade.php

@@ -0,0 +1,55 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <title>Mail</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<table align="center" border="0" cellpadding="0" cellspacing="0" width="600"
+       style="border-collapse: collapse;border: 1px solid #cccccc;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175)">
+    <tr>
+        <td align="center" bgcolor="#70bbd9" style="padding: 30px 0 30px 0; font-size: 30px;"><b>{{ env('APP_NAME') }}</b></td>
+    </tr>
+    <tr>
+        <td>
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding: 30px 30px 30px 30px;">
+                <tr>
+                    <td style="padding: 10px 0px 30px 0px;color: #08212b; font-family: Arial, sans-serif; font-size: 10px;">
+                        时间： <b>{{ date('Y-m-d H:i:s') }}</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 0px 10px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 24px;">
+                        Dear. <a style="text-decoration: none;color: #198754;" href="mailto:{{ $userEmail }}">{{ $userEmail }}</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 5px 5px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 16px;">
+                        您好 <a style="text-decoration: none;color: #198754;" href="{{ $userUrl }}"><b>{{ $userBlog }}</b></a>
+                        的站长：<b>{{ $userEmail }}</b><br/>
+                        您在本博客（<a style="text-decoration: none;color: #198754;" href="{{ env('APP_BLOG') }}">{{ env('APP_NAME') }}</a>）的友链已被删除！<br/>
+                        <hr/>
+                        此邮件为特此提醒，若对此删除有疑问请询问管理员<br/>
+                        <a style="text-decoration: none;color: #198754;" href="mailto:{{ $sqlEmail }}">{{ $sqlEmail }}</a>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+    <tr>
+        <td bgcolor="#f0f0f0" style="padding: 30px 20px 30px 20px;">
+            <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                <tr>
+                    <td style="font-family: Arial, sans-serif; font-size: 14px;">
+                        <font style="color: grey;">&copy; 2022 - {{ date('Y') }}. {{ env('APP_NAME') }} All Rights Reserved.</font><br/>
+                        <font style="color: grey;">本邮件为自动发出，请勿直接回复</font>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+<tr>
+    <td style="padding: 30px 0 20px 0;"></td>
+</tr>
+</html>

resources/views/mail/link-console-refuse-verify.blade.php

@@ -0,0 +1,56 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <title>Mail</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<table align="center" border="0" cellpadding="0" cellspacing="0" width="600"
+       style="border-collapse: collapse;border: 1px solid #cccccc;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175)">
+    <tr>
+        <td align="center" bgcolor="#70bbd9" style="padding: 30px 0 30px 0; font-size: 30px;"><b>{{ env('APP_NAME') }}</b></td>
+    </tr>
+    <tr>
+        <td>
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding: 30px 30px 30px 30px;">
+                <tr>
+                    <td style="padding: 10px 0px 30px 0px;color: #08212b; font-family: Arial, sans-serif; font-size: 10px;">
+                        时间： <b>{{ date('Y-m-d H:i:s') }}</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 0px 10px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 24px;">
+                        Dear. <a style="text-decoration: none;color: #198754;" href="mailto:{{ $blog[0]->blogOwnEmail }}">{{ $blog[0]->blogOwnEmail }}</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 5px 5px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 16px;">
+                        您好 <a style="text-decoration: none;color: #198754;" href="{{ $blog[0]->blogUrl }}"><b>{{ $blog[0]->blogName }}</b></a>
+                        的站长：<b>{{ $userEmail }}</b><br/>
+                        您在本博客（<a style="text-decoration: none;color: #198754;" href="{{ env('APP_BLOG') }}">{{ env('APP_NAME') }}</a>）申请的友链 <b>未</b>
+                        审核通过！<br/>
+                        @if(!empty($reason))
+                            <hr/> 未通过原因如下：<br/>{{ $reason }}
+                        @endif
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+    <tr>
+        <td bgcolor="#f0f0f0" style="padding: 30px 20px 30px 20px;">
+            <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                <tr>
+                    <td style="font-family: Arial, sans-serif; font-size: 14px;">
+                        <font style="color: grey;">&copy; 2022 - {{ date('Y') }}. {{ env('APP_NAME') }} All Rights Reserved.</font><br/>
+                        <font style="color: grey;">本邮件为自动发出，请勿直接回复</font>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+<tr>
+    <td style="padding: 30px 0 20px 0;"></td>
+</tr>
+</html>

resources/views/mail/link-console-verify.blade.php

@@ -0,0 +1,69 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+    <title>Mail</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<table align="center" border="0" cellpadding="0" cellspacing="0" width="600"
+       style="border-collapse: collapse;border: 1px solid #cccccc;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175)">
+    <tr>
+        <td align="center" bgcolor="#70bbd9" style="padding: 30px 0 30px 0; font-size: 30px;"><b>{{ env('APP_NAME') }}</b></td>
+    </tr>
+    <tr>
+        <td>
+            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding: 30px 30px 30px 30px;">
+                <tr>
+                    <td style="padding: 10px 0px 30px 0px;color: #08212b; font-family: Arial, sans-serif; font-size: 10px;">
+                        时间： <b>{{ date('Y-m-d H:i:s') }}</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 0px 10px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 24px;">
+                        Dear. <a style="text-decoration: none;color: #198754;" href="mailto:{{ $userEmail }}">{{ $userEmail }}</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td style="padding: 0px 5px 5px 0px;color: #000000; font-family: Arial, sans-serif; font-size: 16px;">
+                        您好 <a style="text-decoration: none;color: #198754;" href="{{ $userUrl }}"><b>{{ $userBlog }}</b></a>
+                        的站长：<b>{{ $userEmail }}</b><br/>
+                        您在本博客（<a style="text-decoration: none;color: #198754;" href="{{ env('APP_BLOG') }}">{{ env('APP_NAME') }}</a>）申请的友链已审核通过！<br/>
+                        <hr/>
+                        欢迎一直交流哦~
+                        <hr/>
+                        请在确认一次您的信息是否正确：<br/>
+                        <ul>
+                            <li>博主邮箱：{{ $userEmail }}</li>
+                            <li>贵站名字：{{ $userBlog }}</li>
+                            <li>贵站地址：{{ $userUrl }}</li>
+                            <li>图片地址：{{ $userIcon }}</li>
+                            <li>贵站介绍：{{ $userDescription }}</li>
+                            @if(!empty($userRemark))
+                                <li>备注内容：{{ $userRemark }}</li>
+                            @endif
+                            @if(!empty($checkRssJudge))
+                                <li>RSS地址：{{ $userRSS }}</li>
+                            @endif
+                        </ul>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+    <tr>
+        <td bgcolor="#f0f0f0" style="padding: 30px 20px 30px 20px;">
+            <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                <tr>
+                    <td style="font-family: Arial, sans-serif; font-size: 14px;">
+                        <font style="color: grey;">&copy; 2022 - {{ date('Y') }}. {{ env('APP_NAME') }} All Rights Reserved.</font><br/>
+                        <font style="color: grey;">本邮件为自动发出，请勿直接回复</font>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+<tr>
+    <td style="padding: 30px 0 20px 0;"></td>
+</tr>
+</html>

resources/views/modules/404.blade.php

@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
+</head>
+<body style="overflow: hidden;height: 100vh">
+<div class="bg-white">
+    <div class="relative isolate px-6 lg:px-8">
+        <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
+             aria-hidden="true">
+            <div
+                class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        <div class="mx-auto max-w-2xl py-32 sm:py-38 lg:py-40 xl:py-48">
+            <div class="text-center">
+                <h1 class="text-6xl font-bold tracking-tight text-gray-900 sm:text-6xl">Not Founded</h1>
+                <p class="mt-6 text-lg leading-8 text-gray-600">没有找到页面 (404 Page Not Founded)</p>
+                <p class="my-6">
+                    <a href="javascript:history.back()" type="button" class="text-white bg-gradient-to-r from-cyan-400 via-cyan-500 to-cyan-600
+                    hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-cyan-300 dark:focus:ring-cyan-800 font-medium rounded-lg text-sm
+                    px-5 py-2.5 text-center mr-2 mb-2">
+                        <i class="bi bi-arrow-bar-left"></i>
+                        <span class="ps-1">返回之前页面</span>
+                    </a>
+                </p>
+            </div>
+        </div>
+        <div
+            class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+            aria-hidden="true">
+            <div
+                class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+    </div>
+</div>
+<footer class="fixed bottom-0 left-0 z-20 w-full p-4 md:flex md:items-end md:justify-between md:p-6">
+    @if(empty($sqlIcp) && empty($sqlGongan))
+        <div class="flex text-sm text-gray-500 dark:text-gray-400"></div>
+        <div class="flex text-sm text-gray-500 dark:text-gray-400">
+            <span class="flex justify-start"><i class="bi bi-c-circle"></i> @if(empty(!$sqlCopyRightYear))
+                    {{ $sqlCopyRightYear }}-{{ date('Y') }}
+                @else
+                    {{ date('Y') }}
+                @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+        </div>
+    @else
+        <div class="flex text-sm text-gray-500 dark:text-gray-400">
+            <span class="flex justify-start"><i class="bi bi-c-circle pe-2"></i> @if(empty(!$sqlCopyRightYear))
+                    {{ $sqlCopyRightYear }}-{{ date('Y') }}
+                @else
+                    {{ date('Y') }}
+                @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+        </div>
+        <div class="grid grid-cols-1 text-sm text-gray-500 dark:text-gray-400">
+            @if(!empty($sqlIcp))
+                <a href="https://beian.miit.gov.cn/"><span class="flex justify-end @if(!empty($sqlGongan))mb-1 @endif"><i class="bi bi-balloon pe-2"></i> {{ $sqlIcp }}</span></a>
+            @endif
+            @if(!empty($sqlGongan))
+                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode={{ $GonganCode }}"><span
+                        class="flex justify-end @if(!empty($sqlIcp))mt-1 @endif"><i class="bi bi-balloon-heart pe-2"></i> {{ $sqlGongan }}</span></a>
+            @endif
+        </div>
+    @endif
+</footer>
+</body>
+<script src="{{ asset('js/app.js') }}"></script>
+<script src="{{ asset('js/jquery.js') }}"></script>
+{!! $webFooter !!}
+</html>

resources/views/modules/head.blade.php

@@ -6,5 +6,9 @@
 <link rel="shortcut icon" href="{{ $webIcon }}" type="image/x-icon">
 <link rel="icon" sizes="any" href="{{ $webIcon }}" type="image/x-icon">
 <!-- 适配Twitter卡片 -->
-<meta name="twitter:card" content="summary">
+<meta name="twitter:card" content="{{ $webTitle }}">
 <meta name="twitter:image" content="{{ $webIcon }}">
+<!-- 适配QQ卡片 -->
+<meta itemprop="name" content="{{ $webTitle }}"/>
+<meta itemprop="image" content="{{ $webIcon }}"/>
+<meta name="description" itemprop="description" content="{{ $webDescription }}"/>

resources/views/modules/navbar.blade.php

@@ -46,23 +46,29 @@ class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray
                     <div class="font-medium dark:text-white">
                         <div class="text-right">{{ $userName }}</div>
                     </div>
-                    <img id="avatarButton" type="button" data-dropdown-toggle="userDropdown" data-dropdown-placement="bottom-start" class="w-8 h-8 rounded-full cursor-pointer" src="{{ $userIcon }}" alt="">
+                    <img id="avatarButton" type="button" data-dropdown-toggle="userDropdown" data-dropdown-placement="bottom-start"
+                         class="w-8 h-8 rounded-full cursor-pointer" src="{{ $userIcon }}" alt="">
                     <!-- Dropdown menu -->
                     <div id="userDropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
                         <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="avatarButton">
                             <li>
-                                <a href="{{ route('console.dashboard') }}" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
-                                    <i class="bi bi-person-rolodex"></i>
+                                @if($userAdmin)
+                                    <a href="{{ route('console.dashboard') }}"
+                                       class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
+                                        <i class="bi bi-person-circle"></i>
                                         <span class="flex-1 ml-3 whitespace-nowrap">管理员</span>
                                     </a>
-                                <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
+                                @endif
+                                <a href="{{ route('account.dashboard') }}" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600
+                                dark:hover:text-white">
                                     <i class="bi bi-person-rolodex"></i>
                                     <span class="flex-1 ml-3 whitespace-nowrap">个人设置</span>
                                 </a>
                             </li>
                         </ul>
                         <div class="py-1">
-                            <a href="{{ route('logout') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">
+                            <a href="{{ route('logout') }}"
+                               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">
                                 <i class="bi bi-box-arrow-left"></i>
                                 <span class="flex-1 ml-3 whitespace-nowrap">登出</span>
                             </a>

resources/views/modules/no-permission.blade.php

@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
+</head>
+<body style="overflow: hidden;height: 100vh">
+<div class="bg-white">
+    <div class="relative isolate px-6 lg:px-8">
+        <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
+             aria-hidden="true">
+            <div
+                class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        <div class="mx-auto max-w-2xl py-32 sm:py-38 lg:py-40 xl:py-48">
+            <div class="text-center">
+                <h1 class="text-6xl font-bold tracking-tight text-gray-900 sm:text-6xl">No Permission</h1>
+                <p class="mt-6 text-lg leading-8 text-gray-600">您没有权限</p>
+                <p class="my-6">
+                    <a href="{{ route('home') }}" type="button" class="text-white bg-gradient-to-r from-green-400 via-green-500 to-green-600
+                    hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-green-300 dark:focus:ring-green-800 font-medium rounded-lg text-sm
+                    px-5 py-2.5 text-center mr-2 mb-2">
+                        <i class="bi bi-house"></i>
+                        <span class="ps-1">返回主界面</span>
+                    </a>
+                    <a href="{{ route('logout') }}" type="button" class="text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700
+                    hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 font-medium rounded-lg text-sm px-5
+                    py-2.5 text-center mr-2 mb-2">
+                        <i class="bi bi-people"></i>
+                        <span class="ps-1">切换用户</span>
+                    </a>
+                </p>
+            </div>
+        </div>
+        <div
+            class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+            aria-hidden="true">
+            <div
+                class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+    </div>
+</div>
+<footer class="fixed bottom-0 left-0 z-20 w-full p-4 md:flex md:items-end md:justify-between md:p-6">
+    @if(empty($sqlIcp) && empty($sqlGongan))
+        <div class="flex text-sm text-gray-500 dark:text-gray-400"></div>
+        <div class="flex text-sm text-gray-500 dark:text-gray-400">
+            <span class="flex justify-start"><i class="bi bi-c-circle"></i> @if(empty(!$sqlCopyRightYear))
+                    {{ $sqlCopyRightYear }}-{{ date('Y') }}
+                @else
+                    {{ date('Y') }}
+                @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+        </div>
+    @else
+        <div class="flex text-sm text-gray-500 dark:text-gray-400">
+            <span class="flex justify-start"><i class="bi bi-c-circle pe-2"></i> @if(empty(!$sqlCopyRightYear))
+                    {{ $sqlCopyRightYear }}-{{ date('Y') }}
+                @else
+                    {{ date('Y') }}
+                @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+        </div>
+        <div class="grid grid-cols-1 text-sm text-gray-500 dark:text-gray-400">
+            @if(!empty($sqlIcp))
+                <a href="https://beian.miit.gov.cn/"><span class="flex justify-end @if(!empty($sqlGongan))mb-1 @endif"><i class="bi bi-balloon pe-2"></i> {{ $sqlIcp }}</span></a>
+            @endif
+            @if(!empty($sqlGongan))
+                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode={{ $GonganCode }}"><span
+                        class="flex justify-end @if(!empty($sqlIcp))mt-1 @endif"><i class="bi bi-balloon-heart pe-2"></i> {{ $sqlGongan }}</span></a>
+            @endif
+        </div>
+    @endif
+</footer>
+</body>
+<script src="{{ asset('js/app.js') }}"></script>
+<script src="{{ asset('js/jquery.js') }}"></script>
+{!! $webFooter !!}
+</html>

routes/api.php

@@ -6,8 +6,8 @@
  */
 
 use App\Http\Controllers\Authme;
+use App\Http\Controllers\Console\Link as ConsoleLink;
 use App\Http\Controllers\Function\Link;
-use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Response;
 use Illuminate\Support\Facades\Route;
@@ -23,10 +23,6 @@
 |
 */
 
-Route::middleware('auth')->get('/user', function (Request $request) {
-    return $request->user();
-});
-
 // 登陆类
 Route::prefix('auth')->group(function () {
     Route::post('login',[Authme::class,'Login'])->name('api.auth.login');
@@ -40,7 +36,11 @@
 // 友链类
 Route::prefix('link')->group(function () {
     Route::prefix('console')->group(function () {
-
+        Route::post('add', [ConsoleLink::class, 'apiConsoleAdd'])->name('api.link.console.add');
+        Route::post('edit', [ConsoleLink::class, 'apiConsoleEdit'])->name('api.link.console.edit');
+        Route::post('check', [ConsoleLink::class, 'apiConsoleCheck'])->name('api.link.console.check');
+        Route::post('check-fail', [ConsoleLink::class, 'apiConsoleCheckFail'])->name('api.link.console.check-fail');
+        Route::post('delete', [ConsoleLink::class, 'apiConsoleDelete'])->name('api.link.console.delete');
     });
     Route::prefix('custom')->group(function () {
         Route::post('add', [Link::class, 'apiCustomAdd'])->name('api.link.custom.add');

routes/web.php

@@ -9,7 +9,6 @@
 use App\Http\Controllers\Console\Link as ConsoleLink;
 use App\Http\Controllers\Function\Link as UserLink;
 use App\Http\Controllers\Index;
-use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Response;
 use Illuminate\Support\Facades\Route;
@@ -25,63 +24,63 @@
 |
 */
 
-Route::get('/', [Index::class,'ViewIndex'])->name('home');
+Route::get('/', [Index::class, 'ViewIndex'])->name('home');
 Route::get('about', [Index::class, 'ViewAboutMe'])->name('about');
+Route::get('404', [Index::class, 'viewPageNotFounded'])->name('404');
+Route::get('no-permission', [Index::class, 'viewNoPermission'])->name('no-permission');
 Route::get('backup', [\App\Http\Controllers\DataBase::class, '__construct']);
 
 Route::prefix('function')->group(function () {
-    Route::get('link',[UserLink::class, 'viewLink'])->name('function.link');
+    Route::get('link', [UserLink::class, 'viewLink'])->name('function.link');
     Route::get('make-friend', [UserLink::class, 'viewMakeFriend'])->name('function.make-friend');
     Route::get('edit-search', [UserLink::class, 'viewSearchFriends'])->name('function.edit-search');
     Route::get('edit-search/{friendId}', [UserLink::class, 'viewSearchFriend'])->name('function.edit-searchOnly');
-    Route::get('edit-friend/{friendId}',[UserLink::class,'viewEditFriend'])->name('function.edit-friend');
-    Route::get('sponsor',function () {
+    Route::get('edit-friend/{friendId}', [UserLink::class, 'viewEditFriend'])->name('function.edit-friend');
+    Route::get('sponsor', function () {
         return view('function.sponsor');
     })->name('function.sponsor');
-    Route::get('music',function () {
+    Route::get('music', function () {
         return view('function.music');
     })->name('function.music');
 });
 
 Route::prefix('account')->middleware('auth')->group(function () {
+    Route::get('dashboard')->name('account.dashboard');
     Route::prefix('friend')->group(function () {
         Route::get('link')->name('account.friend.link');
         Route::get('edit')->name('account.friend.edit');
     });
 });
 
-Route::prefix('console')->middleware('auth')->group(function () {
-    Route::get('dashboard', [Dashboard::class,'ViewDashboard'])->name('console.dashboard');
+Route::prefix('console')->middleware('authConsole')->group(function () {
+    Route::get('dashboard', [Dashboard::class, 'ViewDashboard'])->name('console.dashboard');
     Route::prefix('friends-link')->group(function () {
-        Route::redirect('list','list/1');
-        Route::get('list',[ConsoleLink::class,'ViewList'])->name('console.friends-link.list');
-        Route::get('check',[ConsoleLink::class,'ViewCheck'])->name('console.friends-link.check');
-        Route::get('edit/{userId}',function ($userId) {
-            $ConsoleLink = new ConsoleLink();
-            $request = new Request();
-            return $ConsoleLink->ViewEdit($request,$userId);
-        })->name('console.friends-link.edit');
-        Route::get('add',[ConsoleLink::class,'ViewAdd'])->name('console.friends-link.add');
-        Route::get('sort',[ConsoleLink::class,'ViewSort'])->name('console.friends-link.sort');
-        Route::get('color',[ConsoleLink::class,'ViewColor'])->name('console.friends-link.color');
+        Route::redirect('list', 'list/1');
+        Route::get('list', [ConsoleLink::class, 'viewList'])->name('console.friends-link.list');
+        Route::get('check', [ConsoleLink::class, 'viewCheck'])->name('console.friends-link.check');
+        Route::get('edit/{userId}', [ConsoleLink::class, 'viewEdit'])->name('console.friends-link.edit');
+        Route::get('check/{userId}', [ConsoleLink::class, 'viewCheckAdmin'])->name('console.friends-link.check-admin');
+        Route::get('add', [ConsoleLink::class, 'viewAdd'])->name('console.friends-link.add');
+        Route::get('sort', [ConsoleLink::class, 'viewSort'])->name('console.friends-link.sort');
+        Route::get('color', [ConsoleLink::class, 'viewColor'])->name('console.friends-link.color');
     });
 });
 
 Route::prefix('auth')->group(function () {
-    Route::redirect('','auth/login');
+    Route::redirect('', 'auth/login');
     Route::get('login', function () {
         $data = (new Index())->data;
-        return view('auth.login',$data);
+        return view('auth.login', $data);
     })->name('login');
-    Route::get('register',function () {
+    Route::get('register', function () {
         $data = (new Index())->data;
-        return view('auth.register',$data);
+        return view('auth.register', $data);
     })->name('register');
-    Route::get('forgotpassword',function () {
+    Route::get('forgotpassword', function () {
         $data = (new Index())->data;
-        return view('auth.forgotpassword',$data);
+        return view('auth.forgotpassword', $data);
     })->name('forgotpassword');
-    Route::match(['get','post'],'logout',function () {
+    Route::match(['get', 'post'], 'logout', function () {
         Auth::logout();
         return Response::redirectTo('');
     })->name('logout');

webpack.mix.js

@@ -20,4 +20,5 @@ const mix = require('laravel-mix');
 mix.js('resources/js/app.js', 'public/js')
     .postCss('resources/css/app.css', 'public/css', [
         require("tailwindcss")
-    ]);
+    ])
+    .copy('resources/images/*', 'public/images');