# teaching **Repository Path**: sodacat/teaching ## Basic Information - **Project Name**: teaching - **Description**: 毕设项目,基于知识点的教学网站建设,包括学生端和教师端 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2024-05-21 - **Last Updated**: 2024-06-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 教学网站建设 #### 介绍 毕设项目,基于知识点的教学网站建设,包括学生端和教师端 #### 软件架构 软件架构说明: 1. 前后端分离的设计模式 2. 在前端方面,主要采用vue3和javaScript进行开发,结合ElementUI组件库,同时利用基于JavaScript 的开源可视化图表库Echarts 3. 数据库方面,系统使用Mysql数据库。 4. 后端方面主要采用java语言的SpringBoot框架、SpringMVC框架以及mybatis数据库框架。 5. 框架图: ![输入图片说明](README/f6bdfa3f886653f5819975cf7f1b892f.jpg) #### 页面展示 1. **用户登录界面** ![1.jpg](README/990832678e0beb27054aa89b896dd64e.jpg) Username和password非空时前端发送数据到后端接口检验。后端将根据得到的username检索数据库取得对应的账号信息进行验证,若username不存在或者密码不正确则返回用户名或密码错误的错误信息提示。
2. **学生端首页** ![s1.jpg](README/009cd26477e9365e63d83dfd39c4b521.jpg) 学生信息修改 ![s6.jpg](README/f1679c3a11c5ce3d720e42b6d3dbbfa1.jpg)
3. **学生端课程部分界面** - ![s2.jpg](README/f5d97a88f4aa3c9e81f7c52cd253f7e2.jpg) - 该页面展示学生学习的课程列表 - ![s2_2.jpg](README/46a542856c96fcac27460c700cb85279.jpg) - 点入具体的课程页面,展示相关课程信息以及已有的可学习章节。点击具体章节进入学习,可能展示的是教师录制的视频以及附带的章节习题。 - ![s3.jpg](README/77d2748355b528c0fb258387761a73a7.jpg) - 课程留言区 - ![s4.jpg](README/6032fd9fcbf4a67acc4d7ba8be44e7b5.jpg) - 学习资料区域 - ![s7.jpg](README/8e56d804c69db33bb7de8d6427d4c8ac.jpg)
4. **学生端讨论区 ** ![s9.jpg](README/9b79034a77384642c9e697f47bf00522.jpg) 点开对应主题帖可以具体回复,类似贴吧和论坛。 ![s10.jpg](README/b9e5ec6207c2478e5c872f42cea943f2.jpg)
5. **知识点对应习题区** ![s11.jpg](README/caef4be44e9ee937dc0840ff1ad1136f.jpg)
6. **教师端首页** ![3.jpg](README/2af16e4db94d4238196d1a070ab028d0.jpg) 用户可以设置自己的姓名name和电子邮箱email地址,手机号以供学生和老师联系。也可以上传头像,上传的文件类型在前端进行.jpg格式和.png的数据校验。上传成功后,将后端返回的图片地址url存储到avatar字段中。 ![2_2.jpg](README/dc3cc20151b47ff3d31274d6e7d8fca8.jpg)
7. **教师端课程安排相关页面** ![4.jpg](README/c60ee932791239ede7529ccb50a1603c.jpg) ![6.jpg](README/a43f6acc94b7d58d825abe40e3f07a0a.jpg) 教师在此页面新建课程,新建课程图为图6。输入课程信息和课程图片,选择课程所属的大类标签以及对应的课程班级名。课程图片上传到后端后,后端返回图片的url链接地址。课程信息将会保存在数据表course表中。 ![5.jpg](README/e69b360e1b992a756ff9562ba2268a0a.jpg) 展示该课程的教师信息、班级信息以及课程介绍。同时显示章节目录信息,点击具体章节进入章节详情页。通过删除按钮删除课程,后端将从course数据表中根据cid删除对应课程,包括与该课程关联的其余表中信息:course_student表对应的学生信息,chapter表中该课程对应的章节信息。 ![5_1.jpg](README/d44e72cf4bbe971676dc3bad6c8df18a.jpg) 课程信息修改的抽屉图,点击课程信息图的编辑按钮展示图,可以对课程进行信息的修改。默认是现有的数据,若数据没有进行改动则不予更新,前端返回:课程信息未更新的消息提示。图片返回处理逻辑与新建课程的相同:后端返回Url图片链接地址,在点击提交按钮时统一更新到数据库中。 ![7.jpg](README/9f9f77fc18eabd3f27a5eb9a50bb76f4.jpg) 章节信息将存储于数据表chapter表中。这里的章节并不是对应教材的章节内容,而是对应每一堂课程的内容。教师可以将课程与各知识点相关联,通过设置几个主要知识点完成一节课程的安排。 教师可以选择上传课程视频,由学生进行线上学习,对应视频链接地址存储于chapter表的video字段中。每个知识点都具有关联的习题,教师可以通过知识点关联的题库布置本节课课后习题,帮助学生进行自我检测并了解学生对本堂课所学知识点的学习情况。 教师端课程学生管理 ![8.jpg](README/781656c8131b076d595ebfa379caf369.jpg) 本班学生管理名单如图,教师可以通过teacher_student关系表里获取自己的学生名单,批量加入学习本课程的学生名单里,同时也可以从coure_student表中批量删除学生名单。当学生信息数量多时可以通过检索搜索学号或者姓名来获取所需的学生名单。 教师端课程作业管理 ![9.jpg](README/9ad920cbaca55e9ba12bdc28787e8658.jpg) ![24.jpg](README/9173dc40ce30b145cd581f4cb49269fd.jpg) 新建课程作业页面如图所示,设置作业的标题、作业具体内容和提交的截止日期。作业布置将会展示给学习了该课程的所有学生。教师可以对已经提交作业的学生作业进行下载和批改分数。该分数是学生对知识点掌握程度判断的相关指标,学生逾期之后无法提交作业同时也没有批改分数。
8. **教师端知识点相关页面** ![11.jpg](README/36fbcede322e912c1bf1b5b0d1c95ea0.jpg) ![12.jpg](README/58a264af955e05152ca4cc76c0fe000c.jpg)展现point表所有的知识点,教师可以通过大类标签tag筛选对应标签的相关知识点。同时教师可以创建新的知识点,新建的知识点与大类标签关联。 ![22.jpg](README/d423723313ae7c78aa768d09cc185274.jpg)![23.jpg](README/6386cb6fbd718edd18cca3ba8096cd56.jpg) 展现知识点之间的关联关系以及关联程度页面。本系统关联关系仅做展示。可以通过修改星星数量对关联知识点的关联关系进行修改。 新建关联关系图如图所示,系统筛选出其余仍未存在关联关系的知识点以供选择,根据评分器的星星数量决定关联程度,一星为弱相关,两星为较强相关,三星为强相关。
9. **教师端习题管理** ![15.jpg](README/e78dbe7e96c4922546c3e54fefb6eb97.jpg) 10. 教师端课后反馈 ![16.jpg](README/888aaab0bb55f7e8f4db961611edbd2b.jpg)
#### 总结 ``` 从功能性需求角度出发,本次基于知识点融合的教学网站建设基本满足教师的教学安排需求以及学生学习需求,分别完成以下功能: ``` 1、用户管理模块相关功能,包括用户登录和用户个人信息管理。 2、课程管理模块,包括课程信息展示、课程创建、章节管理、基于组合知识点教学安排、习题布置与课后作业设定以及学生管理。 3、知识点管理模块,包括知识点的创建、编辑和删除,知识点具体信息的展现,包括知识点的互相关联情况以及与课程关联情况、为知识点关联习题以及知识点展示。
``` 从非功能性需求角度出发,系统具备以下特点: ``` 1、本系统界面设计基本实现了易操作和易理解的目标。 2、系统使用路由守卫实现页面监管,保证了基本的安全性。 功能性需求和非功能性需求这些功能的完善将有助于提升教学网站的用户体验和教学效果。