diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 586824e..c3a9a2c 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -7,6 +7,15 @@ datasource db {
   url = env("DB_URL")
 }
 
+model User {
+  id          String @id @default(cuid())
+  name        String @unique
+  email       String @unique
+  password    String
+  created_at   DateTime @default(now())
+  updated_at   DateTime?
+}
+
 model ACGM {
   id          Int @id  @default(autoincrement())
   title       String?
diff --git a/prisma/seed.ts b/prisma/seed.ts
index e15a241..b5e113f 100644
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -24,6 +24,13 @@ const songs: Prisma.ACGMCreateInput[] = [
     bangumi: "这个美术部有问题",
     music_id: 435288259
   },
+  {
+    title: "みずきのテーマ",
+    artist: "吟",
+    album: "この美術部には問題がある! オリジナルサウンドトラックCD vol.1",
+    bangumi: "这个美术部有问题",
+    music_id: 435288260
+  },
   {
     title: "伝える勇気があったなら",
     artist: "吟",
@@ -85,6 +92,14 @@ async function main() {
     });
   }
 
+  await prisma.user.create({
+    data: {
+      name: "Paul",
+      email: "dreamer_paul@126.com",
+      password: "123456",
+    }
+  });
+
   console.log(`Seeding finished.`);
 }
 
diff --git a/src/components/Admin/AddACGM.tsx b/src/components/Admin/AddACGM.tsx
new file mode 100644
index 0000000..2cfec40
--- /dev/null
+++ b/src/components/Admin/AddACGM.tsx
@@ -0,0 +1,66 @@
+// React
+import React from "react";
+import { useRequest } from "ahooks";
+import useStat from "@/hooks/useStat";
+
+
+// UI
+import Button from "@/components/Base/Button";
+
+
+// Tool
+import addMusicRequest from "@/server/api/admin/acgm/add";
+
+
+// Interface
+import { MouseEvent, ChangeEvent } from "react";
+
+
+// Components
+function AddACGM() {
+  const { loading, run } = useRequest(
+    (params) => addMusicRequest({
+      query: params
+    }),
+    {
+      manual: true,
+      onSuccess: (data) => {
+        console.log(data);
+      }
+    }
+  );
+
+  const [input, setInput] = useStat({
+    id: "",
+    bangumi: ""
+  });
+
+  const onSubmit = (ev: MouseEvent<HTMLButtonElement>) => {
+    ev.preventDefault();
+
+    run(input);
+  }
+
+  const onInputChange = (ev: ChangeEvent<HTMLInputElement>) => {
+    setInput({ [ev.target.name]: ev.target.value });
+  }
+
+  return (
+    <fieldset>
+      <label>
+        <span>添加一个随机动漫音乐</span>
+        <div className="input-group">
+          <input type="text" name="id" placeholder="输入网易云 ID"
+            value={input.id} onChange={onInputChange}
+          />
+          <input type="text" name="bangumi" placeholder="输入番剧名称"
+            value={input.bangumi} onChange={onInputChange}
+          />
+          <Button onClick={onSubmit} loading={loading}>添加</Button>
+        </div>
+      </label>
+    </fieldset>
+  )
+}
+
+export default AddACGM;
diff --git a/src/components/Admin/RemoveMusicCache.tsx b/src/components/Admin/RemoveMusicCache.tsx
new file mode 100644
index 0000000..82e29b2
--- /dev/null
+++ b/src/components/Admin/RemoveMusicCache.tsx
@@ -0,0 +1,62 @@
+// React
+import React from "react";
+import { useRequest } from "ahooks";
+import useStat from "@/hooks/useStat";
+
+
+// UI
+import Button from "@/components/Base/Button";
+
+
+// Tool
+import cleanCacheRequest from "@/server/api/admin/netease/clean";
+
+
+// Interface
+import { MouseEvent, ChangeEvent } from "react";
+
+
+// Components
+function RemoveMusicCache() {
+  const { loading, run } = useRequest(
+    (params) => cleanCacheRequest({
+      query: params
+    }),
+    {
+      manual: true,
+      onSuccess: (data) => {
+        console.log(data);
+      }
+    }
+  );
+
+  const [input, setInput] = useStat({
+    id: ""
+  });
+
+  const onSubmit = (ev: MouseEvent<HTMLButtonElement>) => {
+    ev.preventDefault();
+
+    run(input);
+  }
+
+  const onInputChange = (ev: ChangeEvent<HTMLInputElement>) => {
+    setInput({ [ev.target.name]: ev.target.value });
+  }
+
+  return (
+    <fieldset>
+      <label>
+        <span>清除一个网易云音乐缓存</span>
+        <div className="input-group">
+          <input type="text" name="id" placeholder="输入网易云 ID"
+            value={input.id} onChange={onInputChange}
+          />
+          <Button onClick={onSubmit} loading={loading}>清除</Button>
+        </div>
+      </label>
+    </fieldset>
+  )
+}
+
+export default RemoveMusicCache;
diff --git a/src/components/Base/Button.tsx b/src/components/Base/Button.tsx
new file mode 100644
index 0000000..c8a59e4
--- /dev/null
+++ b/src/components/Base/Button.tsx
@@ -0,0 +1,23 @@
+// React
+import React from "react";
+
+
+// Interface
+interface ButtonProps {
+  loading?: boolean
+  children: React.ReactNode
+
+  onClick?: React.MouseEventHandler<HTMLElement>
+}
+
+
+// Component
+function Button({ loading = false, children, onClick }: ButtonProps) {
+  return (
+    <button className="btn green" onClick={onClick}>
+      {loading ? <i className="fa fa-spinner fa-spin"></i> : children}
+    </button>
+  )
+}
+
+export default Button;
diff --git a/src/components/Layout/Aside.tsx b/src/components/Layout/Aside.tsx
index 0de4d45..f133abf 100644
--- a/src/components/Layout/Aside.tsx
+++ b/src/components/Layout/Aside.tsx
@@ -47,6 +47,7 @@ function Aside() {
               <Link to="/acgm">随机动漫音乐</Link>
               <Link to="/bili">哔哩哔哩小窗</Link>
               <Link to="/bing">必应每日壁纸</Link>
+              {profile.name && <Link to="/admin">轻管理</Link>}
             </nav>
           </nav>
         </nav>
diff --git a/src/components/Layout/FrontWrapper.tsx b/src/components/Layout/FrontWrapper.tsx
index 09547e0..66b6c6c 100644
--- a/src/components/Layout/FrontWrapper.tsx
+++ b/src/components/Layout/FrontWrapper.tsx
@@ -1,11 +1,9 @@
 // React
 import React, { useEffect, useLayoutEffect } from "react";
-import useGlobalData from "@/hooks/useGlobalData";
 import { useLocation } from "react-router-dom";
 
 
 // Components
-import GlobalContext from "@/components/GlobalContext";
 import Aside from "@/components/Layout/Aside";
 import Footer from "@/components/Layout/Footer";
 
@@ -20,7 +18,6 @@ interface FrontWrapperProps {
 // Components
 function FrontWrapper(props: FrontWrapperProps) {
   const location = useLocation();
-  let [globalData, setGlobalData] = useGlobalData();
 
   useEffect(() => {
     const name = import.meta.env.PAUL_SITENAME;
@@ -38,11 +35,11 @@ function FrontWrapper(props: FrontWrapperProps) {
   }, [location.pathname]);
 
   return (
-    <GlobalContext.Provider value={{ globalData, setGlobalData }}>
+    <>
       <Aside />
       {props.element}
       <Footer />
-    </GlobalContext.Provider>
+    </>
   );
 }
 
diff --git a/src/components/Layout/FrontWrapperAuth.tsx b/src/components/Layout/FrontWrapperAuth.tsx
new file mode 100644
index 0000000..e0577cf
--- /dev/null
+++ b/src/components/Layout/FrontWrapperAuth.tsx
@@ -0,0 +1,63 @@
+// React
+import React, { useEffect, useLayoutEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+
+// Components
+import { Suspense } from "react";
+import { Navigate } from "react-router-dom";
+import Aside from "@/components/Layout/Aside";
+import Footer from "@/components/Layout/Footer";
+
+
+// Interface
+import { ComponentType, LazyExoticComponent } from "react";
+
+interface FrontWrapperProps {
+  title?: string
+  element: LazyExoticComponent<ComponentType<any>>
+}
+
+
+// Components
+function FrontWrapperAuth(props: FrontWrapperProps) {
+  const location = useLocation();
+
+  const auth = document.cookie.includes("paul-logined");
+
+  useEffect(() => {
+    const name = import.meta.env.PAUL_SITENAME;
+
+    if (props.title) {
+      document.title = `${props.title} - ${name}`;
+    }
+    else if (name) {
+      document.title = String(name);
+    }
+  }, [location.pathname]);
+
+  useLayoutEffect(() => {
+    window.scrollTo({ top: 0, left: 0 });
+  }, [location.pathname]);
+
+  return (
+    auth ? (
+      <>
+        <Aside />
+        <Suspense fallback={<i className="fa fa-spinner fa-spin"></i>}>
+          <props.element />
+        </Suspense>
+        <Footer />
+      </>
+    ) : (
+      <Navigate
+        to={{
+          search: "?go=" + location.pathname,
+          pathname: "/login"
+        }}
+      />
+    )
+  );
+}
+
+export default FrontWrapperAuth;
diff --git a/src/index.css b/src/index.css
index f65014f..ccfdc11 100644
--- a/src/index.css
+++ b/src/index.css
@@ -52,6 +52,39 @@ blockquote.notice p{
   100% { transform: translateX(-100%) }
 }
 
+/* 输入框组 */
+.input-group{ display: flex }
+
+.input-group > input:first-child, .input-group > textarea:first-child, .input-group > select:first-child{
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > input, .input-group > textarea, .input-group > select{
+  flex: 1;
+}
+
+.input-group > input:not(:first-child), .input-group > textarea:not(:first-child), .input-group > select:not(:first-child){
+  border-left: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group > input:not(:last-child), .input-group > textarea:not(:last-child), .input-group > select:not(:last-child){
+  border-right: none;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > button:last-child{
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-group > button .fa{
+  width: 1em;
+  text-align: center;
+}
+
 /* 按钮组 */
 .btn-group{
   row-gap: .5em;
diff --git a/src/index.tsx b/src/index.tsx
index 91c6b99..65d7154 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,13 +1,15 @@
-import React from "react";
+import React, { lazy } from "react";
 import ReactDOM from "react-dom";
 
+import useGlobalData from "@/hooks/useGlobalData";
+import GlobalContext from "@/components/GlobalContext";
+
 import "./kico.css";
 import "./index.css";
 
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 
 
-
 // Routes
 import Home from "./pages/index";
 import Login from "./pages/login";
@@ -23,45 +25,54 @@ import NoMatch from "./pages/404";
 
 // RouteWrapper
 import FrontWrapper from "./components/Layout/FrontWrapper";
+import FrontWrapperAuth from "./components/Layout/FrontWrapperAuth";
 
+const admin = lazy(() => import("./pages/admin"));
 
 // Components
 function App() {
+  let [globalData, setGlobalData] = useGlobalData();
+
   return (
-    <Router>
-      <Routes>
-        <Route path="/" element={
-          <FrontWrapper element={<Home />} />}
-        />
-        <Route path="/login" element={
-          <FrontWrapper title="登录" element={<Login />} /> }
-        />
-        <Route path="/notice" element={
-          <FrontWrapper title="使用约定" element={<Notice />} /> }
-        />
-        <Route path="/log" element={
-          <FrontWrapper title="更新记录" element={<Log />} />}
-        />
-        <Route path="/netease" element={
-          <FrontWrapper title="网易云解析" element={<Netease />} />}
-        />
-        <Route path="/wallpaper" element={
-          <FrontWrapper title="随机动漫壁纸" element={<Wallpaper />} />}
-        />
-        <Route path="/acgm" element={
-          <FrontWrapper title="随机动漫音乐" element={<ACGM />} />}
-        />
-        <Route path="/bili" element={
-          <FrontWrapper title="哔哩哔哩小窗" element={<Bili />} />}
-        />
-        <Route path="/bing" element={
-          <FrontWrapper title="必应每日壁纸" element={<Bing />} />}
-        />
-        <Route path="*" element={
-          <FrontWrapper title="404" element={<NoMatch />} />}
-        />
-      </Routes>
-    </Router>
+    <GlobalContext.Provider value={{ globalData, setGlobalData }}>
+      <Router>
+        <Routes>
+          <Route path="/" element={
+            <FrontWrapper element={<Home />} />}
+          />
+          <Route path="/login" element={
+            <FrontWrapper title="登录" element={<Login />} /> }
+          />
+          <Route path="/admin" element={
+            <FrontWrapperAuth title="轻管理" element={admin} /> }
+          />
+          <Route path="/notice" element={
+            <FrontWrapper title="使用约定" element={<Notice />} /> }
+          />
+          <Route path="/log" element={
+            <FrontWrapper title="更新记录" element={<Log />} />}
+          />
+          <Route path="/netease" element={
+            <FrontWrapper title="网易云解析" element={<Netease />} />}
+          />
+          <Route path="/wallpaper" element={
+            <FrontWrapper title="随机动漫壁纸" element={<Wallpaper />} />}
+          />
+          <Route path="/acgm" element={
+            <FrontWrapper title="随机动漫音乐" element={<ACGM />} />}
+          />
+          <Route path="/bili" element={
+            <FrontWrapper title="哔哩哔哩小窗" element={<Bili />} />}
+          />
+          <Route path="/bing" element={
+            <FrontWrapper title="必应每日壁纸" element={<Bing />} />}
+          />
+          <Route path="*" element={
+            <FrontWrapper title="404" element={<NoMatch />} />}
+          />
+        </Routes>
+      </Router>
+    </GlobalContext.Provider>
   );
 }
 
diff --git a/src/pages/admin.tsx b/src/pages/admin.tsx
new file mode 100644
index 0000000..179e197
--- /dev/null
+++ b/src/pages/admin.tsx
@@ -0,0 +1,27 @@
+// React
+import React from "react";
+
+
+// UI
+import Button from "@/components/Base/Button";
+import ArticleHead from "@/components/Layout/ArticleHead";
+
+import AddACGM from "@/components/Admin/AddACGM";
+import RemoveMusicCache from "@/components/Admin/RemoveMusicCache";
+
+
+// Components
+function Admin() {
+  return (
+    <main>
+      <ArticleHead title="轻管理" desc="简单的维护功能" />
+      <form>
+        <AddACGM />
+
+        <RemoveMusicCache />
+      </form>
+    </main>
+  )
+}
+
+export default Admin;
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 5e5101b..46fb7a7 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -31,12 +31,17 @@ function Login() {
       onSuccess: (data) => {
         console.log(data);
 
-        setGlobalData({
-          type: "profile",
-          value: data.profile
-        });
+        if (data.data) {
+          setGlobalData({
+            type: "profile",
+            value: data.data.profile
+          });
 
-        navigate("/")
+          navigate("/");
+        }
+        else {
+          alert("错误的用户名或密码");
+        }
       }
     }
   );
diff --git a/src/server/api/admin/netease/clean.ts b/src/server/api/admin/netease/clean.ts
new file mode 100644
index 0000000..2cd83bb
--- /dev/null
+++ b/src/server/api/admin/netease/clean.ts
@@ -0,0 +1,29 @@
+import { Api, Post, Query, useContext, useInject, Middleware } from "@midwayjs/hooks";
+import { RedisService } from "@midwayjs/redis";
+import { JwtPassportMiddleware } from "../../../middleware/jwt.middleware";
+
+export default Api(
+  Post(),
+  Middleware(JwtPassportMiddleware),
+  Query<{ id: string, bangumi: string }>(),
+  async () => {
+    const ctx = useContext();
+    const client = await useInject(RedisService);
+
+    const { id } = ctx.query;
+
+    if (!id) {
+      return {
+        code: 0,
+        msg: "Required id"
+      }
+    }
+
+    await client.del(`api-next:163:${id}`);
+
+    return {
+      code: 1,
+      msg: "Success"
+    };
+  }
+);
diff --git a/src/server/api/auth/login.ts b/src/server/api/auth/login.ts
index 6b8ed36..b7b901a 100644
--- a/src/server/api/auth/login.ts
+++ b/src/server/api/auth/login.ts
@@ -1,5 +1,6 @@
 import { Api, Get, Query, useContext, useInject } from "@midwayjs/hooks";
-import { JwtService } from '@midwayjs/jwt';
+import { JwtService } from "@midwayjs/jwt";
+import { prisma } from "../../utils/prisma";
 
 export default Api(
   Get(),
@@ -11,17 +12,42 @@ export default Api(
 
     const token = await jwt.sign({ name: "Paul" });
 
+    const user = await prisma.user.findFirst({
+      where: {
+        name: ctx.query.username,
+        password: ctx.query.password
+      }
+    });
+
+    if (!user) {
+      return {
+        code: 0,
+        msg: "Invalid username or password"
+      }
+    }
+
+    // Token
     ctx.cookies.set("paul-token", token, {
-      maxAge: 60 * 60 * 24 * 2,
+      maxAge: 60 * 60 * 24 * 2 * 100,
       httpOnly: true
     });
 
+    // 标记已登录
+    ctx.cookies.set("paul-logined", 1, {
+      maxAge: 60 * 60 * 24 * 2 * 100,
+      httpOnly: false
+    });
+
     return {
-      profile: {
-        name: "Paul",
-        avatar: "https://sdn.geekzu.org/avatar/d22eb460ecab37fcd7205e6a3c55c228?s=200&r=X&d=",
-      },
-      token
+      code: 1,
+      msg: "Success",
+      data: {
+        profile: {
+          name: "Paul",
+          avatar: "https://sdn.geekzu.org/avatar/d22eb460ecab37fcd7205e6a3c55c228?s=200&r=X&d=",
+        },
+        token
+      }
     }
   }
 );
diff --git a/src/server/strategy/jwt.strategy.ts b/src/server/strategy/jwt.strategy.ts
index b51c207..cf669fe 100644
--- a/src/server/strategy/jwt.strategy.ts
+++ b/src/server/strategy/jwt.strategy.ts
@@ -1,18 +1,18 @@
 import { useContext } from "@midwayjs/hooks";
-import { CustomStrategy, PassportStrategy } from '@midwayjs/passport';
-import { Strategy, ExtractJwt } from 'passport-jwt';
-import { Config } from '@midwayjs/decorator';
+import { CustomStrategy, PassportStrategy } from "@midwayjs/passport";
+import { Strategy, ExtractJwt } from "passport-jwt";
+import { Config } from "@midwayjs/decorator";
 
 @CustomStrategy()
 export class JwtStrategy extends PassportStrategy(
   Strategy,
-  'jwt'
+  "jwt"
 ) {
-  @Config('jwt')
-  jwtConfig;
+  @Config("jwt")
+  jwtConfig: any;
 
   async validate(payload) {
-    console.log('payload', payload);
+    console.log("payload", payload);
 
     return payload;
   }