[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-6GmNfUzm":3,"public-project-articles-6GmNfUzm":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},1143,"6GmNfUzm",55,"10. 开发课程信息管理模块","![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2025\u002Fpng\u002F751015\u002F1766566307153-1d628479-371a-4571-8e75-25d181e1b962.png)\n\n## SQL\n\n```sql\nCREATE TABLE `course` (\n  `id` int NOT NULL AUTO_INCREMENT COMMENT 'ID',\n  `no` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '编号',\n  `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '名称',\n  `teacher` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '老师',\n  `score` int NOT NULL COMMENT '学分',\n  `major_id` int DEFAULT NULL COMMENT '所属专业',\n  PRIMARY KEY (`id`)\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='课程信息';\n```\n\n插入的数据：\n\n```sql\n-- 计算机专业课程（major_id = 1）\nINSERT INTO `course` (`no`, `name`, `teacher`, `score`, `major_id`) VALUES\n('CS101', '计算机导论', '张伟', 2, 1),\n('CS102', 'C语言程序设计', '李明', 3, 1),\n('CS103', '数据结构', '王芳', 4, 1),\n('CS104', '操作系统原理', '赵刚', 3, 1),\n('CS105', '数据库系统', '刘洋', 3, 1),\n('CS106', '计算机网络', '陈静', 3, 1),\n('CS107', '软件工程', '孙磊', 3, 1),\n('CS108', '人工智能基础', '周慧', 2, 1),\n('CS109', 'Web前端开发', '吴昊', 3, 1),\n('CS110', 'Python数据分析', '郑涛', 3, 1),\n('CS201', 'Java高级编程', '钱勇', 4, 1),\n('CS202', '算法设计与分析', '朱琳', 4, 1),\n('CS203', '计算机组成原理', '何强', 3, 1),\n('CS204', 'Linux系统管理', '马超', 2, 1),\n('CS205', '移动应用开发', '宋佳', 3, 1);\n```\n\n```sql\n-- 电子工程专业课程（major_id = 2）\nINSERT INTO `course` (`no`, `name`, `teacher`, `score`, `major_id`) VALUES\n('EE101', '电路分析基础', '黄建国', 3, 2),\n('EE102', '模拟电子技术', '徐敏', 4, 2),\n('EE103', '数字电子技术', '高伟', 3, 2),\n('EE104', '信号与系统', '林芳', 4, 2),\n('EE105', '电磁场理论', '谢军', 3, 2),\n('EE106', '通信原理', '罗斌', 3, 2),\n('EE107', '微机原理与接口', '唐娜', 3, 2),\n('EE108', '数字信号处理', '董华', 3, 2),\n('EE109', '电力电子技术', '韩梅', 3, 2),\n('EE110', '嵌入式系统设计', '曹阳', 4, 2),\n('EE201', '自动控制原理', '彭丽', 3, 2),\n('EE202', '传感器技术', '方明', 2, 2),\n('EE203', 'VLSI设计基础', '苏婷', 3, 2),\n('EE204', '射频电路设计', '姜涛', 3, 2),\n('EE205', '物联网技术', '程琳', 3, 2);\n```\n\n## 后端接口 course.py\n\n```python\nfrom typing import Optional\n\nfrom fastapi import APIRouter\nfrom pydantic import create_model, BaseModel, Field\nfrom tortoise.contrib.pydantic import pydantic_model_creator\n\nfrom common.exception_handler import CustomException\nfrom common.result import Result, PageInfo\nfrom models import Course\n\nrouter = APIRouter(prefix=\"\u002Fcourse\")\n\nCoursePydantic = pydantic_model_creator(Course)\n\nCourseCreatePydantic = create_model(\n    \"CourseCreatePydantic\",\n    **{\n        name: (Optional[field.annotation], None)\n        for name, field in CoursePydantic.model_fields.items()\n    },\n    major_id=(Optional[int], Field(None, alias=\"majorId\"))\n)\n\n\n# 新增\n@router.post(\"\u002Fadd\")\nasync def add(course_create_pydantic: CourseCreatePydantic):\n    db_course = await Course.get_or_none(no=course_create_pydantic.no)\n    if db_course is not None:\n        raise CustomException(\"课程编号重复\")\n    # 将参数转换成 字典数据\n    create_data = course_create_pydantic.model_dump(exclude_unset=True, exclude={\"id\"})\n    await Course.create(**create_data)  # no=xxx,name=xxx,college=xxx\n    return Result.success()\n\n\n# 更新\n@router.put(\"\u002Fupdate\")\nasync def add(course_create_pydantic: CourseCreatePydantic):\n    if course_create_pydantic.id is None:\n        raise CustomException(\"缺少参数ID\")\n    # 将参数转换成 字典数据\n    update_data = course_create_pydantic.model_dump(exclude_unset=True, exclude={\"id\"})\n    await Course.filter(id=course_create_pydantic.id).update(**update_data)  # no=xxx,name=xxx,college=xxx where id = xxx\n    return Result.success()\n\n\n# 删除\n@router.delete('\u002Fdelete\u002F{course_id}')\nasync def delete(course_id: int):\n    await Course.filter(id=course_id).delete()\n    return Result.success()\n\n\n# 单个查询\n@router.get('\u002FselectById\u002F{course_id}')\nasync def select_by_id(course_id: int):\n    course = await Course.get_or_none(id=course_id)\n    return Result.success(course)\n\n\n# 查询所有数据\n@router.get('\u002FselectAll')\nasync def select_all(name: str = \"\"):\n    course_list = await Course.filter(name__contains=name)  # name__contains表示根据name进行模糊查询\n    return Result.success(course_list)\n\n\n# 分页查询数据\n@router.get('\u002FselectPage')\nasync def select_page(name: str = \"\", no: str = \"\", teacher: str = \"\",  majorId: int = 0, pageNum: int = 1, pageSize: int = 10):\n    # name__contains表示根据name进行模糊查询  prefetch_related 关联查询到 major模块的数据\n    query = (Course.filter(name__contains=name).filter(no__contains=no).filter(teacher__contains=teacher)\n             .prefetch_related(\"major\"))\n    if majorId and majorId > 0:\n        query = query.filter(major__id=majorId)\n    course_list = await query.offset((pageNum - 1) * pageSize).limit(pageSize)\n    total = await query.count()\n    course_dict_list = [\n        {\n            **CoursePydantic.model_validate(course).model_dump(),  # id=xxx,no=xxx,name=xxx\n            \"majorName\": course.major.name if course.major else None\n        }\n        for course in course_list\n    ]\n    page_info = PageInfo(list=course_dict_list, total=total)\n    return Result.success(page_info)\n\n```\n\n\n\n## 前端页面 Course.vue\n\n```vue\n\u003Ctemplate>\n  \u003Cdiv>\n\n    \u003Cdiv class=\"card\" style=\"margin-bottom: 5px;\">\n      \u003Cel-select style=\"width: 300px; margin-right: 10px\"  placeholder=\"请选择专业\" v-model=\"data.majorId\">\n            \u003Cel-option v-for=\"item in data.majorList\" :key=\"item.id\" :label=\"item.name\" :value=\"item.id\">\u003C\u002Fel-option>\n          \u003C\u002Fel-select>\n      \u003Cel-input v-model=\"data.no\" style=\"width: 300px; margin-right: 10px\" placeholder=\"请输入课程编号查询\">\u003C\u002Fel-input>\n      \u003Cel-input v-model=\"data.name\" style=\"width: 300px; margin-right: 10px\" placeholder=\"请输入课程名称查询\">\u003C\u002Fel-input>\n      \u003Cel-input v-model=\"data.teacher\" style=\"width: 300px; margin-right: 10px\" placeholder=\"请输入老师名称查询\">\u003C\u002Fel-input>\n      \u003Cel-button type=\"primary\" @click=\"load\">查询\u003C\u002Fel-button>\n      \u003Cel-button type=\"info\" style=\"margin: 0 10px\" @click=\"reset\">重置\u003C\u002Fel-button>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"card\" style=\"margin-bottom: 5px\">\n      \u003Cdiv style=\"margin-bottom: 10px\" v-if=\"data.user.role === '管理员'\">\n        \u003Cel-button type=\"primary\" @click=\"handleAdd\" >新增\u003C\u002Fel-button>\n      \u003C\u002Fdiv>\n      \u003Cel-table :data=\"data.tableData\" stripe>\n        \u003Cel-table-column label=\"课程编号\" prop=\"no\">\u003C\u002Fel-table-column>\n        \u003Cel-table-column label=\"课程名称\" prop=\"name\">\u003C\u002Fel-table-column>\n        \u003Cel-table-column label=\"学分\" prop=\"score\">\u003C\u002Fel-table-column>\n        \u003Cel-table-column label=\"所属专业\" prop=\"majorName\">\u003C\u002Fel-table-column>\n        \u003Cel-table-column label=\"教课老师\" prop=\"teacher\">\u003C\u002Fel-table-column>\n        \u003Cel-table-column label=\"操作\" align=\"center\" width=\"160\" v-if=\"data.user.role === '管理员'\">\n          \u003Ctemplate #default=\"scope\">\n            \u003Cel-button type=\"primary\" @click=\"handleEdit(scope.row)\">编辑\u003C\u002Fel-button>\n            \u003Cel-button type=\"danger\" @click=\"handleDelete(scope.row.id)\">删除\u003C\u002Fel-button>\n          \u003C\u002Ftemplate>\n        \u003C\u002Fel-table-column>\n      \u003C\u002Fel-table>\n    \u003C\u002Fdiv>\n\n    \u003Cdiv class=\"card\">\n      \u003Cel-pagination @current-change=\"load\" background layout=\"total, prev, pager, next\" v-model:page-size=\"data.pageSize\" v-model:current-page=\"data.pageNum\" :total=\"data.total\"\u002F>\n    \u003C\u002Fdiv>\n\n    \u003Cel-dialog title=\"课程信息\" width=\"40%\" v-model=\"data.formVisible\" :close-on-click-modal=\"false\" destroy-on-close>\n      \u003Cel-form ref=\"formRef\" :model=\"data.form\" :rules=\"data.rules\" label-width=\"100px\" style=\"padding-right: 50px\">\n        \u003Cel-form-item label=\"课程编号\" prop=\"no\">\n          \u003Cel-input placeholder=\"请输入课程编号\" v-model=\"data.form.no\" autocomplete=\"off\" \u002F>\n        \u003C\u002Fel-form-item>\n        \u003Cel-form-item label=\"课程名称\" prop=\"name\">\n          \u003Cel-input placeholder=\"请输入课程名称\" v-model=\"data.form.name\" autocomplete=\"off\" \u002F>\n        \u003C\u002Fel-form-item>\n        \u003Cel-form-item label=\"课程学分\" prop=\"score\">\n          \u003Cel-input-number style=\"width: 200px\" :min=\"1\" placeholder=\"请输入课程学分\" v-model=\"data.form.score\" autocomplete=\"off\" \u002F>\n        \u003C\u002Fel-form-item>\n        \u003Cel-form-item label=\"教课老师\" prop=\"teacher\">\n          \u003Cel-input placeholder=\"请输入教课老师\" v-model=\"data.form.teacher\" autocomplete=\"off\" \u002F>\n        \u003C\u002Fel-form-item>\n        \u003Cel-form-item label=\"所属专业\" prop=\"majorId\">\n          \u003Cel-select placeholder=\"请选择专业\" v-model=\"data.form.majorId\">\n            \u003Cel-option v-for=\"item in data.majorList\" :key=\"item.id\" :label=\"item.name\" :value=\"item.id\">\u003C\u002Fel-option>\n          \u003C\u002Fel-select>\n        \u003C\u002Fel-form-item>\n      \u003C\u002Fel-form>\n      \u003Ctemplate #footer>\n      \u003Cspan class=\"dialog-footer\">\n        \u003Cel-button @click=\"data.formVisible = false\">取 消\u003C\u002Fel-button>\n        \u003Cel-button type=\"primary\" @click=\"save\">保 存\u003C\u002Fel-button>\n      \u003C\u002Fspan>\n      \u003C\u002Ftemplate>\n    \u003C\u002Fel-dialog>\n\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\nimport request from \"@\u002Futils\u002Frequest\";\nimport {reactive, ref} from \"vue\";\nimport {ElMessageBox, ElMessage} from \"element-plus\";\n\nconst formRef = ref()\nconst data = reactive({\n  user: JSON.parse(localStorage.getItem('system-user') || '{}'),\n  pageNum: 1,\n  pageSize: 10,\n  total: 0,\n  formVisible: false,\n  form: {},\n  tableData: [],\n  majorList: [],\n  majorId: null,\n  no: null,\n  name: null,\n  teacher: null,\n  rules: {\n    no: [\n      { required: true, message: '请输入课程编号', trigger: 'blur' }\n    ],\n    name: [\n      { required: true, message: '请输入名称', trigger: 'blur' }\n    ],\n    majorId: [\n      { required: true, message: '请选择专业', trigger: 'change' }\n    ],\n    teacher: [\n      { required: true, message: '请输入教课老师', trigger: 'blur' }\n    ],\n    score: [\n      { required: true, message: '请输入学分', trigger: 'blur' }\n    ],\n  }\n})\n\n\u002F\u002F 查询专业的信息list\nrequest.get('\u002Fmajor\u002FselectAll').then(res => {\n  data.majorList = res.data\n})\n\n\u002F\u002F 分页查询\nconst load = () => {\n  request.get('\u002Fcourse\u002FselectPage', {\n    params: {\n      pageNum: data.pageNum,\n      pageSize: data.pageSize,\n      majorId: data.majorId,\n      no: data.no,\n      teacher: data.teacher,\n      name: data.name\n    }\n  }).then(res => {\n    if (res.code === '200') {\n      data.tableData = res.data?.list\n      data.total = res.data?.total\n    } else {\n      ElMessage.error(res.msg)\n    }\n  })\n}\nload()\n\n\u002F\u002F 新增\nconst handleAdd = () => {\n  data.form = {}\n  data.formVisible = true\n}\n\n\u002F\u002F 编辑\nconst handleEdit = (row) => {\n  data.form = JSON.parse(JSON.stringify(row))\n  data.formVisible = true\n}\n\n\u002F\u002F 新增保存\nconst add = () => {\n  request.post('\u002Fcourse\u002Fadd', data.form).then(res => {\n    if (res.code === '200') {\n      load()\n      ElMessage.success('操作成功')\n      data.formVisible = false\n    } else {\n      ElMessage.error(res.msg)\n    }\n  })\n}\n\n\u002F\u002F 编辑保存\nconst update = () => {\n  request.put('\u002Fcourse\u002Fupdate', data.form).then(res => {\n    if (res.code === '200') {\n      load()\n      ElMessage.success('操作成功')\n      data.formVisible = false\n    } else {\n      ElMessage.error(res.msg)\n    }\n  })\n}\n\n\u002F\u002F 弹窗保存\nconst save = () => {\n  formRef.value.validate(valid => {\n    if (valid) {\n      \u002F\u002F data.form有id就是更新，没有就是新增\n      data.form.id ? update() : add()\n    }\n  })\n}\n\n\u002F\u002F 删除\nconst handleDelete = (id) => {\n  ElMessageBox.confirm('删除后数据无法恢复，您确定删除吗?', '删除确认', { type: 'warning' }).then(res => {\n    request.delete('\u002Fcourse\u002Fdelete\u002F' + id).then(res => {\n      if (res.code === '200') {\n        load()\n        ElMessage.success('操作成功')\n      } else {\n        ElMessage.error(res.msg)\n      }\n    })\n  }).catch(err => {})\n}\n\n\u002F\u002F 重置\nconst reset = () => {\n  data.name = null\n  data.majorId = null\n  data.no = null\n  data.teacher = null\n  load()\n}\n\u003C\u002Fscript>\n```\n\n","coding",1,161,2235,"2025-12-24 16:54:34","2026-05-03 22:49:02","基于FastAPI+Vue3的学生信息管理系统","student-information",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,28,35,42,49,56,63,70,77,84,91,92,98,105],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":27,"project_title":15,"project_slug":16},1118,"ziKCD5pq","00. 资料和脚手架获取方式",1029,2182,"2026-01-08 17:19:23","2026-05-03 22:50:49",{"id":29,"uuid":30,"project_id":6,"title":31,"type":9,"status":10,"public_enabled":10,"views":32,"sort":33,"created_at":34,"updated_at":14,"project_title":15,"project_slug":16},1119,"bxgr45Kb","01. 学生信息管理系统介绍",461,2187,"2025-12-18 18:35:51",{"id":36,"uuid":37,"project_id":6,"title":38,"type":9,"status":10,"public_enabled":10,"views":39,"sort":40,"created_at":41,"updated_at":14,"project_title":15,"project_slug":16},1120,"jlnSrc9J","02. 导入并运行项目脚手架",509,2188,"2025-12-18 18:36:05",{"id":43,"uuid":44,"project_id":6,"title":45,"type":9,"status":10,"public_enabled":10,"views":46,"sort":47,"created_at":48,"updated_at":14,"project_title":15,"project_slug":16},1124,"OIwLCsr8","03. 开发专业信息增删改查功能（一）",366,2198,"2025-12-19 17:28:47",{"id":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},1128,"anqokUWU","04. 开发专业信息增删改查功能（二）",241,2211,"2025-12-22 17:24:47",{"id":57,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":61,"created_at":62,"updated_at":14,"project_title":15,"project_slug":16},1129,"8MbeMJwP","05. 开发前端页面管理专业信息",239,2212,"2025-12-22 17:25:07",{"id":64,"uuid":65,"project_id":6,"title":66,"type":9,"status":10,"public_enabled":10,"views":67,"sort":68,"created_at":69,"updated_at":14,"project_title":15,"project_slug":16},1136,"wLyZvGac","06. 开发班级信息管理",207,2225,"2026-01-08 18:03:28",{"id":71,"uuid":72,"project_id":6,"title":73,"type":9,"status":10,"public_enabled":10,"views":74,"sort":75,"created_at":76,"updated_at":14,"project_title":15,"project_slug":16},1137,"PIryZqq8","07. 开发学生信息管理功能",191,2226,"2025-12-23 18:00:42",{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},1141,"PeUzzy9n","08. 优化学生模块代码",167,2233,"2025-12-24 16:54:01",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},1142,"CTQ2w9Yp","09. 开发学生登录、注册、个人信息、修改密码功能",164,2234,"2025-12-24 16:54:18",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":93,"uuid":94,"project_id":6,"title":95,"type":9,"status":10,"public_enabled":10,"views":81,"sort":96,"created_at":97,"updated_at":14,"project_title":15,"project_slug":16},1148,"u4OeLaw2","11. 开发学生选课功能",2245,"2025-12-25 17:51:39",{"id":99,"uuid":100,"project_id":6,"title":101,"type":9,"status":10,"public_enabled":10,"views":102,"sort":103,"created_at":104,"updated_at":14,"project_title":15,"project_slug":16},1149,"OSx3Mogl","12. 开发学生成绩模块",163,2246,"2026-01-08 18:02:51",{"id":106,"uuid":107,"project_id":6,"title":108,"type":9,"status":10,"public_enabled":10,"views":109,"sort":110,"created_at":111,"updated_at":14,"project_title":15,"project_slug":16},1155,"mnCD9CqK","13. 开发系统公告功能",157,2258,"2025-12-29 15:53:35"]