asder

src/app/api/folder/[slug]/route.js

@@ -26,7 +26,7 @@ export async function PUT(request, { params }) {
       where: { id: parseInt(slug) },
       data: { ...body },
     });
-    return Response.json({ res });
+    return response({ ...res },"更新成功");
   } catch (error) {
     return response(error, "err");
   }
@@ -39,7 +39,7 @@ export async function DELETE(request, { params }) {
     const res = await prisma.folder.delete({
       where: { id: parseInt(slug) },
     });
-    return Response.json({ res });
+    return response({ ...res },'删除成功');
   } catch (error) {
     return response(error, "err");
   }

src/app/api/folder/route.js

@@ -10,7 +10,7 @@ export async function POST(request) {
   const res = await prisma.folder.create({
     data: { ...body },
   });
-  return response({ res });
+  return response({ ...res },"新建成功");
 }
 
 // R -> Read

src/lib/doFetch.js

 import request from "umi-request";
+import { message } from 'antd';
+
+request.interceptors.response.use(async response => {
+  const data = await response.clone().json();
+  
+  if (data?.code !== 0) {
+    message.error(data?.msg);
+  }else{
+    data?.msg && message.success(data?.msg) 
+  }
+
+  return response;
+});
 
 export const doFetch = ({ url, params }) => {
   return request(url, {

src/pages/ssr.jsx

-import React from 'react';
-import prisma from '@/lib/prisma';
+import "@/app/globals.css";
+import prisma from "@/lib/prisma";
+import dayjs from "dayjs";
+import React, { memo } from "react";
+import { Card, CardBody, CardFooter, Image, Button } from "@nextui-org/react";
+import { difftime } from "@/lib/time";
 
 // 服务器端渲染页面的组件
 function ServerSidePage({ folders }) {
+
+  return (
+    <div className="p-4">
+      <span class="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
+        服务端渲染页面
+      </span>
+      <div className="gap-2 grid xl:grid-cols-8 lg:grid-cols-6 md:grid-cols-4 sm:grid-cols-2 mt-4">
+        {folders?.map((item) => {
           return (
-    <div>
-      <h1>Server-side Rendered Page</h1>
-      <p>{folders?.map(it=>it.name)}</p>
+            <Card shadow="sm" key={item.id} isPressable>
+              <CardBody className="overflow-visible p-0">
+                <Image
+                  isZoomed
+                  shadow="sm"
+                  radius="lg"
+                  width="100%"
+                  alt={item.name}
+                  className="w-full object-cover h-[140px]"
+                  src={item.poster}
+                />
+              </CardBody>
+              <CardFooter className="text-small justify-between">
+                <b>{item.name}</b>
+                <p className="text-default-500">{difftime(item.createdAt)}</p>
+              </CardFooter>
+            </Card>
+          );
+        })}
+      </div>
     </div>
   );
 }
@@ -22,8 +51,16 @@ export const getServerSideProps = async () => {
     //   },
     // },
   });
+
+
   return {
-    props: { folders },
+    props: {
+      folders: folders?.map((it) => ({
+        ...it,
+        createdAt: dayjs(it?.createdAt)?.format("YYYY-MM-DD HH:mm:ss"),
+        updatedAt: dayjs(it?.updatedAt)?.format("YYYY-MM-DD HH:mm:ss"),
+      })),
+    },
     // revalidate: 10, //轮询
   };
 };