import Uploadpng from '@/pages/uploadpng.vue'
import LearningPlan from '@/pages/LearningPlan.vue'
import Class from '@/pages/class.vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import Admid from '@/pages/admid/admid.vue'
import Student from '@/pages/student.vue'
import PlanTTS from '@/pages/PlanTTS.vue'

// 统一在这里声明所有路由
const routes = [
    {
        path: '/', // 路由地址
        component: Class, // 对应组件
        meta: { // meta 信息
            title: '班级' // 页面标题
        }
    },
    {
        path: '/uploadpng', // 路由地址
        component: Uploadpng, // 对应组件
        meta: { // meta 信息
            title: '上传图片' // 页面标题
        }
    },
    {
        path: '/learningplan', // 路由地址
        component: LearningPlan, // 对应组件
        meta: { // meta 信息
            title: '学案' // 页面标题
        }
    },
    {
        path: '/student/:id', // 路由地址
        component: Student, // 对应组件
        meta: { // meta 信息
            title: '学生详情' // 页面标题
        }
    },
    {
        path: '/admid', // 路由地址
        component: Admid, // 对应组件
        meta: { // meta 信息
            title: '管理员页面' // 页面标题
        }
    },
    {
        path: '/plan/tts',
        component: PlanTTS,
        meta: {
            title: 'TTS生成'
        }
    }
]

// 创建路由
const router = createRouter({
    // 指定路由的历史管理方式，hash 模式指的是 URL 的路径是通过 hash 符号（#）进行标识
    history: createWebHashHistory(),
    // routes: routes 的缩写
    routes, 
})

// ES6 模块导出语句，它用于将 router 对象导出，以便其他文件可以导入和使用这个对象
export default router