jichoi / lms_front star
PsHooN7979 08-13
240813 박세훈 오답노트 UI 추가
@0b458a9bc4e7fd0129d404f79f5030e24e4315d6
client/views/pages/AppRouter.js
--- client/views/pages/AppRouter.js
+++ client/views/pages/AppRouter.js
@@ -1,19 +1,20 @@
 import { createWebHistory, createRouter } from "vue-router";
 
 // import App from "../App.vue";
-import login from "../Login.vue"
-import Join from "../Join.vue"
-import MyPage from './main/MyPage.vue';
-import MyPlan from './main/MyPlan.vue';
-import MyPlan2 from './main/MyPlan2.vue';
-import PhotoBook from './main/PhotoBook.vue';
-import Dashboard from './main/Dashboard.vue';
-import AIDashboard from './main/AIDashboard.vue';
-import Camera from "./main/Camera.vue"
-import PhotoDesign from "./main/PhotoDesign.vue"
-import PhotoEdit from "./main/PhotoEdit.vue"
-import PreviewNote from './main/PreviewNote.vue';
+import login from "../Login.vue";
+import Join from "../Join.vue";
+import MyPage from "./main/MyPage.vue";
+import MyPlan from "./main/MyPlan.vue";
+import MyPlan2 from "./main/MyPlan2.vue";
+import PhotoBook from "./main/PhotoBook.vue";
+import Dashboard from "./main/Dashboard.vue";
+import AIDashboard from "./main/AIDashboard.vue";
+import Camera from "./main/Camera.vue";
+import PhotoDesign from "./main/PhotoDesign.vue";
+import PhotoEdit from "./main/PhotoEdit.vue";
+import PreviewNote from "./main/PreviewNote.vue";
 import Main from "./main/Main.vue";
+import Main_c from "./main/Main_c.vue";
 import Chapter1 from "./main/Chapter/Chapter1.vue";
 import Chapter1_1 from "./main/Chapter/Chapter1_1.vue";
 import Chapter1_2 from "./main/Chapter/Chapter1_2.vue";
@@ -96,9 +97,9 @@
 import RoadMap from "./teacher/RoadMap.vue";
 
 const routes = [
-    { path: '/login.page', name: 'login', component: login },
-    { path: '/Join.page', name: 'Join', component: Join },
-    
+    { path: "/login.page", name: "login", component: login },
+    { path: "/Join.page", name: "Join", component: Join },
+
     // { path: '/App.page', name: 'App', component: App,
     //     children:[
     //     ]
@@ -106,115 +107,304 @@
     // { path: '/Main.page', name: 'Main', component: Main},
     /* 학생 */
     {
-        path: '/',
-        name: 'Main',
+        path: "/",
+        name: "Main",
         component: Main,
         children: [
-            { path: '/Dashboard.page', name: 'Dashboard', component: Dashboard },
-            { path: '/AIDashboard.page', name: 'AIDashboard', component: AIDashboard },
-            { path: '/MyPage.page', name: 'MyPage', component: MyPage },
-            { path: '/MyPlan.page', name: 'MyPlan', component: MyPlan },
-            { path: '/MyPlan2.page', name: 'MyPlan2', component: MyPlan2 },
-            { path: '/PhotoBook.page', name: 'PhotoBook', component: PhotoBook },
-            { path: '/PreviewNote.page', name: 'PreviewNote', component: PreviewNote },
-        ]
+            {
+                path: "/Dashboard.page",
+                name: "Dashboard",
+                component: Dashboard,
+            },
+            { path: "/MyPage.page", name: "MyPage", component: MyPage },
+            { path: "/MyPlan.page", name: "MyPlan", component: MyPlan },
+            { path: "/MyPlan2.page", name: "MyPlan2", component: MyPlan2 },
+            {
+                path: "/PhotoBook.page",
+                name: "PhotoBook",
+                component: PhotoBook,
+            },
+            {
+                path: "/PreviewNote.page",
+                name: "PreviewNote",
+                component: PreviewNote,
+            },
+        ],
     },
-    { path: '/Camera.page', name: 'Camera', component: Camera },
-    { path: '/PhotoDesign.page', name: 'PhotoDesign', component: PhotoDesign },
-    { path: '/PhotoEdit.page', name: 'PhotoEdit', component: PhotoEdit },
+    { path: "/Camera.page", name: "Camera", component: Camera },
+    { path: "/PhotoDesign.page", name: "PhotoDesign", component: PhotoDesign },
+    { path: "/PhotoEdit.page", name: "PhotoEdit", component: PhotoEdit },
     /* 지문 */
-    { path: '/Chapter1.page', name: 'Chapter1', component: Chapter1 },
-    { path: '/Chapter1_1.page', name: 'Chapter1_1', component: Chapter1_1 },
-    { path: '/Chapter1_2.page', name: 'Chapter1_2', component: Chapter1_2 },
-    { path: '/Chapter1_3.page', name: 'Chapter1_3', component: Chapter1_3 },
+    { path: "/Chapter1.page", name: "Chapter1", component: Chapter1 },
+    { path: "/Chapter1_1.page", name: "Chapter1_1", component: Chapter1_1 },
+    { path: "/Chapter1_2.page", name: "Chapter1_2", component: Chapter1_2 },
+    { path: "/Chapter1_3.page", name: "Chapter1_3", component: Chapter1_3 },
 
     /* 단어장 및 지문 문제 */
-    { path: '/Chapter2.page', name: 'Chapter2', component: Chapter2 },
-    { path: '/Chapter2_1.page', name: 'Chapter2_1', component: Chapter2_1 },
-    { path: '/Chapter2_2.page', name: 'Chapter2_2', component: Chapter2_2 },
-    { path: '/Chapter2_3.page', name: 'Chapter2_3', component: Chapter2_3 },
-    { path: '/Chapter2_4.page', name: 'Chapter2_4', component: Chapter2_4 },
-    { path: '/Chapter2_5.page', name: 'Chapter2_5', component: Chapter2_5 },
-    { path: '/Chapter2_6.page', name: 'Chapter2_6', component: Chapter2_6 },
-    { path: '/Chapter2_7.page', name: 'Chapter2_7', component: Chapter2_7 },
-    { path: '/Chapter2_8.page', name: 'Chapter2_8', component: Chapter2_8 },
-    { path: '/Chapter2_9.page', name: 'Chapter2_9', component: Chapter2_9 },
-    { path: '/Chapter2_10.page', name: 'Chapter2_10', component: Chapter2_10 },
-    { path: '/Chapter2_11.page', name: 'Chapter2_11', component: Chapter2_11 },
-    { path: '/Chapter2_12.page', name: 'Chapter2_12', component: Chapter2_12 },
-    { path: '/Chapter2_13.page', name: 'Chapter2_13', component: Chapter2_13 },
+    { path: "/Chapter2.page", name: "Chapter2", component: Chapter2 },
+    { path: "/Chapter2_1.page", name: "Chapter2_1", component: Chapter2_1 },
+    { path: "/Chapter2_2.page", name: "Chapter2_2", component: Chapter2_2 },
+    { path: "/Chapter2_3.page", name: "Chapter2_3", component: Chapter2_3 },
+    { path: "/Chapter2_4.page", name: "Chapter2_4", component: Chapter2_4 },
+    { path: "/Chapter2_5.page", name: "Chapter2_5", component: Chapter2_5 },
+    { path: "/Chapter2_6.page", name: "Chapter2_6", component: Chapter2_6 },
+    { path: "/Chapter2_7.page", name: "Chapter2_7", component: Chapter2_7 },
+    { path: "/Chapter2_8.page", name: "Chapter2_8", component: Chapter2_8 },
+    { path: "/Chapter2_9.page", name: "Chapter2_9", component: Chapter2_9 },
+    { path: "/Chapter2_10.page", name: "Chapter2_10", component: Chapter2_10 },
+    { path: "/Chapter2_11.page", name: "Chapter2_11", component: Chapter2_11 },
+    { path: "/Chapter2_12.page", name: "Chapter2_12", component: Chapter2_12 },
+    { path: "/Chapter2_13.page", name: "Chapter2_13", component: Chapter2_13 },
 
     /* 평가 문제 */
-    { path: '/Chapter3.page', name: 'Chapter3', component: Chapter3 },    
-    { path: '/Chapter3_1.page', name: 'Chapter3_1', component: Chapter3_1 },
-    { path: '/Chapter3_2.page', name: 'Chapter3_2', component: Chapter3_2 },
-    { path: '/Chapter3_3.page', name: 'Chapter3_3', component: Chapter3_3 },
-    { path: '/Chapter3_3_1.page', name: 'Chapter3_3_1', component: Chapter3_3_1 },
-    { path: '/Chapter3_4.page', name: 'Chapter3_4', component: Chapter3_4 },
-    { path: '/Chapter3_5.page', name: 'Chapter3_5', component: Chapter3_5 },
-    { path: '/Chapter3_6.page', name: 'Chapter3_6', component: Chapter3_6 },
-    { path: '/Chapter3_7.page', name: 'Chapter3_7', component: Chapter3_7 },
-    { path: '/Chapter3_8.page', name: 'Chapter3_8', component: Chapter3_8 },
-    { path: '/Chapter3_9.page', name: 'Chapter3_9', component: Chapter3_9 },
-    { path: '/Chapter3_10.page', name: 'Chapter3_10', component: Chapter3_10 },
-    { path: '/Chapter3_11.page', name: 'Chapter3_11', component: Chapter3_11 },
-    { path: '/Chapter3_12.page', name: 'Chapter3_12', component: Chapter3_12 },
-    { path: '/Chapter3_13.page', name: 'Chapter3_13', component: Chapter3_13 },
-    { path: '/Chapter3_14.page', name: 'Chapter3_14', component: Chapter3_14 },
-    { path: '/Chapter3_15.page', name: 'Chapter3_15', component: Chapter3_15 },
+    {
+        path: "/Main_c.page",
+        name: "Main_c",
+        component: Main_c,
+        children: [
+            { path: "/Chapter3.page", name: "Chapter3", component: Chapter3 },
+            {
+                path: "/Chapter3_1.page",
+                name: "Chapter3_1",
+                component: Chapter3_1,
+            },
+            {
+                path: "/Chapter3_2.page",
+                name: "Chapter3_2",
+                component: Chapter3_2,
+            },
+            {
+                path: "/Chapter3_3.page",
+                name: "Chapter3_3",
+                component: Chapter3_3,
+            },
+            {
+                path: "/Chapter3_3_1.page",
+                name: "Chapter3_3_1",
+                component: Chapter3_3_1,
+            },
+            {
+                path: "/Chapter3_4.page",
+                name: "Chapter3_4",
+                component: Chapter3_4,
+            },
+            {
+                path: "/Chapter3_5.page",
+                name: "Chapter3_5",
+                component: Chapter3_5,
+            },
+            {
+                path: "/Chapter3_6.page",
+                name: "Chapter3_6",
+                component: Chapter3_6,
+            },
+            {
+                path: "/Chapter3_7.page",
+                name: "Chapter3_7",
+                component: Chapter3_7,
+            },
+            {
+                path: "/Chapter3_8.page",
+                name: "Chapter3_8",
+                component: Chapter3_8,
+            },
+            {
+                path: "/Chapter3_9.page",
+                name: "Chapter3_9",
+                component: Chapter3_9,
+            },
+            {
+                path: "/Chapter3_10.page",
+                name: "Chapter3_10",
+                component: Chapter3_10,
+            },
+            {
+                path: "/Chapter3_11.page",
+                name: "Chapter3_11",
+                component: Chapter3_11,
+            },
+            {
+                path: "/Chapter3_12.page",
+                name: "Chapter3_12",
+                component: Chapter3_12,
+            },
+            {
+                path: "/Chapter3_13.page",
+                name: "Chapter3_13",
+                component: Chapter3_13,
+            },
+            {
+                path: "/Chapter3_14.page",
+                name: "Chapter3_14",
+                component: Chapter3_14,
+            },
+            {
+                path: "/Chapter3_15.page",
+                name: "Chapter3_15",
+                component: Chapter3_15,
+            },
+        ],
+    },
     /* 설문 조사 페이지*/
-    { path: '/Chapter3_16.page', name: 'Chapter3_16', component: Chapter3_16 },
-/* 평가 결과 페이지*/
-    { path: '/Chapter4.page', name: 'Chapter4', component: Chapter4 },
+    { path: "/Chapter3_16.page", name: "Chapter3_16", component: Chapter3_16 },
+    /* 평가 결과 페이지*/
+    { path: "/Chapter4.page", name: "Chapter4", component: Chapter4 },
 
-    { path: '/Chapter5.page', name: 'Chapter5', component: Chapter5 },
-    { path: '/Chapter6.page', name: 'Chapter6', component: Chapter6 },
-    { path: '/Chapter7.page', name: 'Chapter7', component: Chapter7 },
-    { path: '/Chapter8.page', name: 'Chapter8', component: Chapter8 },
-    { path: '/Chapter9.page', name: 'Chapter9', component: Chapter9 },
-    { path: '/Chapter10.page', name: 'Chapter10', component: Chapter10 },
-    { path: '/Chapter11.page', name: 'Chapter11', component: Chapter11 },
+    { path: "/Chapter5.page", name: "Chapter5", component: Chapter5 },
+    { path: "/Chapter6.page", name: "Chapter6", component: Chapter6 },
+    { path: "/Chapter7.page", name: "Chapter7", component: Chapter7 },
+    { path: "/Chapter8.page", name: "Chapter8", component: Chapter8 },
+    { path: "/Chapter9.page", name: "Chapter9", component: Chapter9 },
+    { path: "/Chapter10.page", name: "Chapter10", component: Chapter10 },
+    { path: "/Chapter11.page", name: "Chapter11", component: Chapter11 },
 
     /* 부모님 */
-    { path: '/Main_p.page', name: 'Main_p', component: Main_p },
+    { path: "/Main_p.page", name: "Main_p", component: Main_p },
     /* 선생님 */
-    { path: '/Main_t.page', name: 'Main_t', component: Main_t ,
+    {
+        path: "/Main_t.page",
+        name: "Main_t",
+        component: Main_t,
         children: [
-            { path: '/Board.page', name: 'Board', component: Board },
-            { path: '/noticeInsert.page', name: 'noticeInsert', component: noticeInsert },
-            { path: '/noticeDetail.page', name: 'noticeDetail', component: noticeDetail },
-            { path: '/Home.page', name: 'Home', component: Home },
-            { path: '/ClassDetail.page', name: 'ClassDetail', component: ClassDetail },
-            { path: '/StudentList.page', name: 'StudentList', component: StudentList },
-            { path: '/StudentDetail.page', name: 'StudentDetail', component: StudentDetail },
-            { path: '/C_Textbook.page', name: 'C_Textbook', component: C_Textbook },
-            { path: '/textbook.page', name: 'textbook', component: textbook },
-            { path: '/TextBookDetail.page', name: 'TextBookDetail', component: TextBookDetail },
-            { path: '/C_TextBookDetail.page', name: 'C_TextBookDetail', component: C_TextBookDetail },
-            { path: '/TextList.page', name: 'TextList', component: TextList },
-            { path: '/TextInsert.page', name: 'TextInsert', component: TextInsert },
-            { path: '/TextDetail.page', name: 'TextDetail', component: TextDetail },
-            { path: '/QuestionList.page', name: 'QuestionList', component: QuestionList },
-            { path: '/QuestionInsert.page', name: 'QuestionInsert', component: QuestionInsert },
-            { path: '/QuestionDetail.page', name: 'QuestionDetail', component: QuestionDetail },
-            { path: '/VocaList.page', name: 'VocaList', component: VocaList },
-            { path: '/VocaInsert.page', name: 'VocaInsert', component: VocaInsert },
-            { path: '/VocaDetail.page', name: 'VocaDetail', component: VocaDetail },
-            { path: '/ExamList.page', name: 'ExamList', component: ExamList },
-            { path: '/ExamDetail.page', name: 'ExamDetail', component: ExamDetail },
-            { path: '/ExamInsert.page', name: 'ExamInsert', component: ExamInsert },
-            { path: '/C_TextList.page', name: 'C_TextList', component: C_TextList },
-            { path: '/C_TextInsert.page', name: 'C_TextInsert', component: C_TextInsert },
-            { path: '/C_QuestionList.page', name: 'C_QuestionList', component: C_QuestionList },
-            { path: '/C_QuestionInsert.page', name: 'C_QuestionInsert', component: C_QuestionInsert },
-            { path: '/C_Voca_List.page', name: 'C_Voca_List', component: C_Voca_List },
-            { path: '/C_ExamList.page', name: 'C_ExamList', component: C_ExamList },
-            { path: '/C_ExamDetail.page', name: 'C_ExamDetail', component: C_ExamDetail },
-            { path: '/C_ExamInsert.page', name: 'C_ExamInsert', component: C_ExamInsert },
-            
-            { path: '/RoadMap.page', name: 'RoadMap', component: RoadMap },
-            
-            { path: '/TextDetail.page', name: 'TextDetail', component: TextDetail },
+            { path: "/Board.page", name: "Board", component: Board },
+            {
+                path: "/noticeInsert.page",
+                name: "noticeInsert",
+                component: noticeInsert,
+            },
+            {
+                path: "/noticeDetail.page",
+                name: "noticeDetail",
+                component: noticeDetail,
+            },
+            { path: "/Home.page", name: "Home", component: Home },
+            {
+                path: "/ClassDetail.page",
+                name: "ClassDetail",
+                component: ClassDetail,
+            },
+            {
+                path: "/StudentList.page",
+                name: "StudentList",
+                component: StudentList,
+            },
+            {
+                path: "/StudentDetail.page",
+                name: "StudentDetail",
+                component: StudentDetail,
+            },
+            {
+                path: "/C_Textbook.page",
+                name: "C_Textbook",
+                component: C_Textbook,
+            },
+            { path: "/textbook.page", name: "textbook", component: textbook },
+            {
+                path: "/TextBookDetail.page",
+                name: "TextBookDetail",
+                component: TextBookDetail,
+            },
+            {
+                path: "/C_TextBookDetail.page",
+                name: "C_TextBookDetail",
+                component: C_TextBookDetail,
+            },
+            { path: "/TextList.page", name: "TextList", component: TextList },
+            {
+                path: "/TextInsert.page",
+                name: "TextInsert",
+                component: TextInsert,
+            },
+            {
+                path: "/TextDetail.page",
+                name: "TextDetail",
+                component: TextDetail,
+            },
+            {
+                path: "/QuestionList.page",
+                name: "QuestionList",
+                component: QuestionList,
+            },
+            {
+                path: "/QuestionInsert.page",
+                name: "QuestionInsert",
+                component: QuestionInsert,
+            },
+            {
+                path: "/QuestionDetail.page",
+                name: "QuestionDetail",
+                component: QuestionDetail,
+            },
+            { path: "/VocaList.page", name: "VocaList", component: VocaList },
+            {
+                path: "/VocaInsert.page",
+                name: "VocaInsert",
+                component: VocaInsert,
+            },
+            {
+                path: "/VocaDetail.page",
+                name: "VocaDetail",
+                component: VocaDetail,
+            },
+            { path: "/ExamList.page", name: "ExamList", component: ExamList },
+            {
+                path: "/ExamDetail.page",
+                name: "ExamDetail",
+                component: ExamDetail,
+            },
+            {
+                path: "/ExamInsert.page",
+                name: "ExamInsert",
+                component: ExamInsert,
+            },
+            {
+                path: "/C_TextList.page",
+                name: "C_TextList",
+                component: C_TextList,
+            },
+            {
+                path: "/C_TextInsert.page",
+                name: "C_TextInsert",
+                component: C_TextInsert,
+            },
+            {
+                path: "/C_QuestionList.page",
+                name: "C_QuestionList",
+                component: C_QuestionList,
+            },
+            {
+                path: "/C_QuestionInsert.page",
+                name: "C_QuestionInsert",
+                component: C_QuestionInsert,
+            },
+            {
+                path: "/C_Voca_List.page",
+                name: "C_Voca_List",
+                component: C_Voca_List,
+            },
+            {
+                path: "/C_ExamList.page",
+                name: "C_ExamList",
+                component: C_ExamList,
+            },
+            {
+                path: "/C_ExamDetail.page",
+                name: "C_ExamDetail",
+                component: C_ExamDetail,
+            },
+            {
+                path: "/C_ExamInsert.page",
+                name: "C_ExamInsert",
+                component: C_ExamInsert,
+            },
+
+            { path: "/RoadMap.page", name: "RoadMap", component: RoadMap },
+
+            {
+                path: "/TextDetail.page",
+                name: "TextDetail",
+                component: TextDetail,
+            },
         ],
     },
 ];
@@ -224,4 +414,4 @@
     routes,
 });
 
-export default AppRouter;
(파일 끝에 줄바꿈 문자 없음)
+export default AppRouter;
 
client/views/pages/main/Main_c.vue (added)
+++ client/views/pages/main/Main_c.vue
@@ -0,0 +1,27 @@
+<template>
+    <router-view />
+    <Footer></Footer>
+</template>
+
+<script>
+import Footer from "../../layout/Footer.vue";
+
+export default {
+    data() {
+        return {};
+    },
+    methods: {},
+    watch: {},
+    computed: {},
+    components: {
+        //   Header: Header,
+        // Menu: Menu,
+        Footer: Footer,
+        // Side_t:Side_t,
+    },
+    mounted() {
+        console.log("main mounted");
+    },
+};
+</script>
+<style scoped></style>
Add a comment
List