- {/* login 类是整个 container，使用 flex 左右布局 */}
-
);
}
-
-interface LoginField {
- email: string;
- password: string;
-}
diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 29814463..c2943fe9 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -1,3 +1,12 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+
export default function Home() {
+ const router = useRouter();
+ useEffect(() => {
+ router.push('/login');
+ }, []);
return ;
}
diff --git a/web/src/app/register/layout.tsx b/web/src/app/register/layout.tsx
new file mode 100644
index 00000000..c93e0bde
--- /dev/null
+++ b/web/src/app/register/layout.tsx
@@ -0,0 +1,15 @@
+'use client';
+
+import React from 'react';
+
+export default function RegisterLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
- {/* left 为注册的表单，需要填入的内容有：邮箱，密码 */}
-
+
+
+
+
-
-
- {isRegisterMode && (
-
- 注册 LangBot 账号
- )} - {!isRegisterMode && ( -欢迎回到 LangBot
- )} - -
+ {children}
+
+ );
+}
diff --git a/web/src/app/register/page.tsx b/web/src/app/register/page.tsx
new file mode 100644
index 00000000..81e6ff8e
--- /dev/null
+++ b/web/src/app/register/page.tsx
@@ -0,0 +1,146 @@
+'use client';
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Label } from "@/components/ui/label";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+ FormDescription,
+} from "@/components/ui/form";
+import { useEffect, useState } from 'react';
+import { httpClient } from '@/app/infra/http/HttpClient';
+import { useRouter } from 'next/navigation';
+import { Mail, Lock } from "lucide-react";
+import langbotIcon from '@/app/assets/langbot-logo.webp';
+
+const formSchema = z.object({
+ email: z.string().email("请输入有效的邮箱地址"),
+ password: z.string().min(1, "请输入密码"),
+});
+
+export default function Register() {
+ const router = useRouter();
+
+ const form = useForm
+
+
+ 
+
+ 初始化 LangBot 👋
+
+
+ 这是您首次启动 LangBot
+
+ 您填写的邮箱和密码将作为初始管理员账号 +
+
+
+
+
+
+
+
+ );
+}
diff --git a/web/src/components/ui/card.tsx b/web/src/components/ui/card.tsx
new file mode 100644
index 00000000..d05bbc6c
--- /dev/null
+++ b/web/src/components/ui/card.tsx
@@ -0,0 +1,92 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Card({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardAction,
+ CardDescription,
+ CardContent,
+}
+ 您填写的邮箱和密码将作为初始管理员账号 +