Merge pull request '提交PR请求' (#5) from feature into master

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

app/Http/Controllers/Console/Link.php

@@ -27,8 +27,30 @@ public function __construct()
         $this->data = $data->data;
     }
 
+    public function ViewEdit(Request $request, $userId): Application|Factory|View|RedirectResponse
+    {
+        // 查找友链
+        $resultBlog = DB::table('blog_link')
+            ->find($userId);
+        $this->data['blog'] = [
+            $resultBlog,
+        ];
+        $this->data['blogSort'] = DB::table('blog_sort')
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+        $this->data['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);
+    }
+
     protected function ViewList(Request $request): Factory|View|Application|RedirectResponse
     {
+        $this->data['request'] = $request;
         $dataMarge = [
             'blogFriendsTotal' => DB::table('blog_link')
                 ->whereNotIn('blog_link.blogLocation', [0])
@@ -44,26 +66,25 @@ protected function ViewList(Request $request): Factory|View|Application|Redirect
             // 获取数据库信息
             if (empty($request->page)) $request->page = 0;
             $this->data['blog'] = DB::table('blog_link')
-                ->whereNotIn('blogLocation',[0])
+                ->whereNotIn('blogLocation', [0])
                 ->orderBy('id')
-                ->offset($request->page*10)
+                ->offset($request->page * 10)
                 ->limit(10)
                 ->get()
                 ->toArray();
             $this->data['blogCount'] = DB::table('blog_link')
-                ->whereNotIn('blogLocation',[0])
+                ->whereNotIn('blogLocation', [0])
                 ->orderBy('id')
                 ->count();
             $this->data['webClass'] = [
                 'active' => 'px-3 py-2 text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white',
                 'unactive' => 'px-3 py-2 leading-tight text-gray-500 bg-white border border-gray-300 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',
             ];
-            $this->data['blogCount'] = ceil($this->data['blogCount']/10);
+            $this->data['blogCount'] = ceil($this->data['blogCount'] / 10);
+            if ($this->data['request']->page > $this->data['blogCount'] - 1) return Response::redirectTo(route('console.friends-link.list'));
         } else {
             $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['request'] = $request;
-        if ($this->data['request']->page > $this->data['blogCount']-1) return Response::redirectTo(route('console.friends-link.list'));
         $this->data = array_merge($this->data, $dataMarge);
         return view('console.friends-link.list', $this->data);
     }
@@ -73,11 +94,18 @@ protected function ViewCheck(Request $request): Factory|View|Application
         return view('console.friends-link.check', $this->data);
     }
 
-     protected function ViewEdit(Request $request) {
-        return view('console.friends-link.edit',$this->data);
+    protected function ViewAdd(Request $request): Factory|View|Application
+    {
+        return view('console.friends-link.add', $this->data);
     }
 
-     protected function ViewAdd(Request $request) {
-        return view('console.friends-link.add',$this->data);
+    protected function ViewSort(): Factory|View|Application
+    {
+        return view('console.friends-link.sort',$this->data);
+    }
+
+    protected function ViewColor(): Factory|View|Application
+    {
+        return view('concole.friends-link.color',$this->data);
     }
 }

database/migrations/2023_06_16_075646_create_blog_color_table.php

@@ -0,0 +1,39 @@
+<?php
+/*
+ * Copyright © 2016 - 2023 筱锋xiao_lfeng. All Rights Reserved.
+ * 开发开源遵循 MIT 许可，若需商用请联系开发者
+ * https://www.x-lf.com/
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateBlogColorTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('blog_color', function (Blueprint $table) {
+            $table->id();
+            $table->boolean('onlyAdminUse')->default(0)->comment('只允许管理员使用');
+            $table->string('colorLightType')->default('text-gray-500')->comment('颜色ID');
+            $table->string('colorDarkType')->default('dark:text-gray-800')->comment('暗色颜色ID');
+            $table->string('comment')->nullable()->comment('备注');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('blog_color');
+    }
+}

database/migrations/2023_06_16_075950_update_blog_color_table.php

@@ -0,0 +1,77 @@
+<?php
+/*
+ * Copyright © 2016 - 2023 筱锋xiao_lfeng. All Rights Reserved.
+ * 开发开源遵循 MIT 许可，若需商用请联系开发者
+ * https://www.x-lf.com/
+ */
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Schema;
+
+class UpdateBlogColorTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('blog_color', function (Blueprint $table) {
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-gray-500',
+                'colorDarkType' => 'dark:text-gray-800',
+                'comment' => '灰色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-blue-500',
+                'colorDarkType' => 'dark:text-blue-800',
+                'comment' => '蓝色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-indigo-500',
+                'colorDarkType' => 'dark:text-indigo-800',
+                'comment' => '靛青色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-purple-500',
+                'colorDarkType' => 'dark:text-purple-800',
+                'comment' => '紫色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-pink-500',
+                'colorDarkType' => 'dark:text-pink-800',
+                'comment' => '粉色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-green-500',
+                'colorDarkType' => 'dark:text-green-800',
+                'comment' => '绿色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-yellow-500',
+                'colorDarkType' => 'dark:text-yellow-800',
+                'comment' => '蓝色'
+            ]);
+            DB::table('blog_color')->insert([
+                'colorLightType' => 'text-red-500',
+                'colorDarkType' => 'dark:text-red-800',
+                'comment' => '红色'
+            ]);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('blog_color', function (Blueprint $table) {
+            //
+        });
+    }
+}

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

@@ -0,0 +1,253 @@
+<!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="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>
+                        <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>
+                                <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>
+                                </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" 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>
+                                <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>
+                                </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" 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">
+                                博客的一句话表述（例如）：“不为如何，只为在茫茫人海中有自己的一片天空”
+                                <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" 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">
+                                携带”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" 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>
+                                    <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" 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>
+                                </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="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">
+                                    <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>
+                                        @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" 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><a href="{{ route('console.friends-link.color') }}">暂没有模块，点击添加模块</a></option>
+                                    @else
+                                        @foreach($blogColor as $blogValue)
+                                            <option value="{{ $blogValue->id }}" @if($blog[0]->blogSetColor == $blogValue->id)selected @endif>{!! $blogValue->comment !!}</option>
+                                        @endforeach
+                                    @endif
+                                </select>
+                            </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">
+                            <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 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="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">
+                                <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">
+                                <div class="grid grid-cols-1">
+                                    <p id="DemoName" class="text-xl font-bold">{{ $blog[0]->blogName }}</p>
+                                    <p id="DemoDesc" class="text-sm text-gray-500 truncate">{{ $blog[0]->blogDescription }}</p>
+                                </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">
+                                <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">
+                                <div class="grid grid-cols-1">
+                                    <p id="DemoNameDark" class="text-xl font-bold text-white">{{ $blog[0]->blogName }}</p>
+                                    <p id="DemoDescDark" class="text-sm text-gray-500 truncate">{{ $blog[0]->blogDescription }}</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </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())
+    });
+    $('#userBlog').blur(function () {
+        $('#DemoName').text($('#userBlog').val())
+        $('#DemoNameDark').text($('#userBlog').val())
+    })
+    $('#userDescription').blur(function () {
+        $('#DemoDesc').text($('#userDescription').val())
+        $('#DemoDescDark').text($('#userDescription').val())
+    })
+</script>
+</html>

resources/views/function/link.blade.php

@@ -30,7 +30,7 @@ class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translat
                     @if($valueLink->blogLocation == $valueSort->id)
                         <a href="{{ $valueLink->blogUrl }}" target="_blank">
                             <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">
+                                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">
                                 <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

@@ -29,7 +29,7 @@ class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translat
                             <label for="userEmail" 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">
-                                    <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path></svg>
+                                    <i class="bi bi-envelope"></i>
                                 </div>
                                 <input type="email" name="userEmail" id="userEmail" placeholder="gm@x-lf.cn" 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" required>
                             </div>

routes/web.php

@@ -9,6 +9,7 @@
 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;
@@ -44,8 +45,14 @@
         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/{page}',[ConsoleLink::class,'ViewEdit'])->name('console.friends-link.edit');
+        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');
     });
 });