feat: add course requirements

Okabe-Rintarou-0 · Aug 2, 2024 · 250613e · 250613e
1 parent c05d4a3
commit 250613e
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 2 deletions.
diff --git a/public/requirements.pdf b/public/requirements.pdf
diff --git a/src/components/layout.jsx b/src/components/layout.jsx
@@ -5,6 +5,7 @@ import { Link, useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
 import { getMe } from "../service/user";
 import { UserContext } from "../lib/context";
+import useMessage from "antd/es/message/useMessage";
 
 export function BasicLayout({ children }) {
     return (
@@ -26,12 +27,14 @@ export function BasicLayout({ children }) {
 export function PrivateLayout({ children }) {
     const [user, setUser] = useState(null);
     const navigate = useNavigate();
+    const [messageApi, contextHolder] = useMessage();
 
     useEffect(() => {
         const checkLogin = async () => {
             let me = await getMe();
             if (!me) {
-                navigate("/login");
+                messageApi.error("无权访问当前页面，请先登录！", 0.6)
+                    .then(() => navigate("/login"));
             } else {
                 setUser(me);
             }
@@ -41,6 +44,7 @@ export function PrivateLayout({ children }) {
 
     return (
         <Layout className="basic-layout">
+            {contextHolder}
             <Header className="header"><NavBar user={user} /></Header>
             <Content>
                 <UserContext.Provider value={{ user, setUser }}>{user && children}</UserContext.Provider>

diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
@@ -23,7 +23,8 @@ export default function NavBar({ user }) {
         { label: "购物车", value: "/cart" },
         { label: "订单", value: "/order" },
         { label: "排行", value: "/rank" },
-        { label: "后端 API 文档", value: "/api-docs" }
+        { label: "后端 API 文档", value: "/api-docs" },
+        { label: "课程", value: "/course" }
     ];
     const navMenuItems = navItems.map(item => ({
         key: item.value,

diff --git a/src/components/router.jsx b/src/components/router.jsx
@@ -8,6 +8,7 @@ import RankPage from "../page/rank";
 import ApiPage from "../page/api";
 import ProfilePage from "../page/profile";
 import OtherUserProfilePage from "../page/other_profile";
+import CoursePage from "../page/course";
 
 export default function AppRouter() {
     return <BrowserRouter>
@@ -18,6 +19,7 @@ export default function AppRouter() {
             <Route path="/cart" element={<CartPage />} />
             <Route path="/order" element={<OrderPage />} />
             <Route path="/rank" element={<RankPage />} />
+            <Route path="/course" element={<CoursePage />} />
             <Route path="/profile" element={<ProfilePage />} />
             <Route path="/profile/:id" element={<OtherUserProfilePage />} />
             <Route path="/api-docs" element={<ApiPage />} />

diff --git a/src/page/course.jsx b/src/page/course.jsx
@@ -0,0 +1,25 @@
+import { Card, Space } from "antd";
+import { BasicLayout } from "../components/layout";
+
+export default function CoursePage() {
+    return <BasicLayout>
+        <Card className="card-container">
+            <Space direction="vertical" style={{ width: "100%" }} size={2}>
+                <h3>技术栈</h3>
+                <ul>
+                    <li>
+                        前端：React, HTML, Javascript/Typescript, CSS
+                    </li>
+                    <li>
+                        后端：Java, Spring Boot
+                    </li>
+                    <li>
+                        数据库：MySQL, MongoDB, Neo4j
+                    </li>
+                </ul>
+                <h3>课程要求</h3>
+                <iframe src="requirements.pdf" width="100%" height="600px" />
+            </Space>
+        </Card >
+    </BasicLayout >
+}