简介面向Java课程设计与Web开发学习者这是一套基于JSPServletMySQL架构的智能网络教学系统源码包适合作为毕业设计、课程实训或二次开发的原型。系统覆盖教学资源管理、在线学习、师生互动等典型功能帮助理解传统Java Web项目从后台逻辑到前端展示的完整链路。压缩包共672个文件其中114个JSP动态页面承载页面与逻辑跳转39个CSS样式和31个JS脚本负责界面布局与交互386个GIF演示图和45张JPG素材用于界面装饰或操作示意另有7个JAR依赖库和SQL数据库脚本方便快速导入运行整体仅3.56MB结构紧凑。已有124人学习下载可作为入门JSPMySQL开发的实操参考也适合项目复现与二次改造。资源内还包含Eclipse工程的.classpath、项目配置等文件配合数据库建表语句和后台代码从环境搭建到功能实现均有据可依方便边看边练。1. JSP智能网络教学系统老技术栈为什么还值得做很多人看到“Java基于JSP的智能网络教学系统mysql.zip”这个标题第一反应是“都什么年代了还在用JSP”。实际上对于课程设计、毕业设计、中小型内部培训平台这类场景JSPServletMySQL这套组合依然是成本最低、最容易改、参考资料最全的方案。它不需要复杂的微服务拆分不需要容器编排一个Tomcat实例就能把用户管理、课程内容、在线测验、成绩统计全部跑起来。所谓“智能”核心就落在错题统计、知识点关联和简单推荐上而这些用MySQL查询和少量Java逻辑完全可以实现。这篇笔记适合两类人一类是正在做JavaWeb课设或毕设、需要快速把系统跑通并写出论文的学生另一类是想在培训机构或学校内部搭一个轻量教学平台、但不想引入重型框架的开发者。我会从环境搭建、数据库设计、核心功能实现到常见坑位按一条可复现的路径讲完最后给出智能模块的落地技巧。2. 先把运行环境钉死JDKTomcatMySQL的最小可运行组合2.1 版本选型为什么是 JDK8 Tomcat8.5 MySQL5.7做过JavaWeb的人都知道环境版本不统一是最大的隐形杀手。JSP技术栈对JDK8支持最稳Tomcat8.5既兼容JSP2.3规范又不会像Tomcat9那样强制要求Servlet4.0MySQL5.7则是教学场景里教程最多、中文资料最全的版本。如果你的机器上已经装了MySQL8.0也没关系后面会讲驱动类名和时区的适配写法。但全新安装时我建议优先选5.7。Tomcat版本方面不要用Tomcat10。Tomcat10把包名从javax.servlet改成了jakarta.servlet很多JSP教材和现成项目里的import语句会直接编译失败。如果你下载的zip项目里带着javax.servlet.http.HttpServlet就必须用Tomcat8.5或9.0.x。这个坑我在帮人调项目时见过太多次一上来就404或类找不到最后发现是版本不匹配。2.2 三分钟验证环境能编译能连接才算数环境装完不要急着导入项目先做两个最小验证。第一个是JDK和Tomcat能否正常编译JSP第二个是Java能否连上MySQL。下面这段Java代码可以放到任意目录下编译运行import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.Statement; public class DbCheck { public static void main(String[] args) throws Exception { // MySQL 5.7 用 com.mysql.jdbc.DriverMySQL 8.0 需要改成 com.mysql.cj.jdbc.Driver Class.forName(com.mysql.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/teaching?useUnicodetruecharacterEncodingutf8, root, 123456); Statement stmt conn.createStatement(); ResultSet rs stmt.executeQuery(SELECT 1); rs.next(); System.out.println(connect ok, result rs.getInt(1)); rs.close(); stmt.close(); conn.close(); } }这段代码验证三件事驱动jar包是否放在了classpath里、MySQL连接URL的写法是否正确、以及最基本的SELECT能否返回结果。注意URL里的useUnicode和characterEncoding两个参数少了任何一个后面JSP页面上显示中文就会变成问号。如果你用的是MySQL8驱动类名要改成com.mysql.cj.jdbc.Driver并且URL里要追加serverTimezoneAsia/Shanghai否则会报时区错误。JDBC驱动jar文件mysql-connector-java-x.x.x.jar要放到Tomcat的lib目录或项目的WEB-INF/lib目录里。很多新手把jar放在JDK目录下编译能过但Tomcat运行时找不到类报ClassNotFoundException原因就是Tomcat使用自己的类加载器不会去JDK的扩展目录里找jar。2.3 数据源配置与连接参数说明连接池是JSP项目里最容易忽视的一环。直接用DriverManager.getConnection每次请求都新建连接在高并发下很快会把MySQL的连接数打满。常见做法是用DBCP或C3P0但为了给学生项目和课设可读性我更推荐在项目里直接用Apache Commons DBCP2的BasicDataSource配置集中放在一个properties文件里db.drivercom.mysql.jdbc.Driver db.urljdbc:mysql://localhost:3306/teaching?useUnicodetruecharacterEncodingutf8 db.usernameroot db.password123456 db.initialSize5 db.maxTotal20 db.maxIdle10 db.minIdle2 db.maxWaitMillis3000properties文件读取后通过一个工具类初始化连接池。initialSize是启动时预创建的连接数maxTotal是最大连接数maxWaitMillis是获取连接的最大等待时间。教学系统并发不高initialSize设5、maxTotal设20就够用。不建议把maxTotal设太大因为每个连接都要占用MySQL端的内存和文件描述符无节制调大反而会让MySQL整体变慢。3. 数据库设计与实现教学系统的表结构才是地基3.1 五张核心表用户、课程、章节、试题、成绩智能网络教学系统虽然带“智能”两个字但数据库设计的核心仍然是把课程内容和学习行为数据化。最基础的五张表缺一不可用户表sys_user保存学生、教师、管理员三种角色课程表course保存课程基本信息章节表chapter按课程组织知识单元试题表question保存题目、选项、正确答案和所属知识点成绩表score记录每次测验的得分和答题明细。用户表要注意区分角色字段。不要用单独的role_name字符串去存中文角色名用整数枚举更合适比如0代表学生、1代表教师、2代表管理员。这样在Java代码里用switch判断角色即可避免字符串比较的大小写和编码问题。密码字段不要存明文用MD5或SHA-256摘要存储登录时对输入密码做同样的哈希再比较。虽然这在教学系统里不是硬性安全要求但能帮你避掉论文答辩时“系统存在安全问题”的追问。3.2 建库建表SQL与关键参数下面的SQL是建库和建表的可直接执行版本字段类型和索引都按教学系统的实际查询方式设计。注意chapter表通过course_id关联课程question表通过chapter_id关联章节score表通过user_id和chapter_id记录某个学生对某个章节的测验结果。CREATE DATABASE teaching DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci; USE teaching; CREATE TABLE sys_user ( id INT PRIMARY KEY AUTO_INCREMENT, username VARCHAR(50) NOT NULL UNIQUE, password VARCHAR(64) NOT NULL, real_name VARCHAR(50), role TINYINT NOT NULL DEFAULT 0 COMMENT 0学生 1教师 2管理员, created_at DATETIME DEFAULT CURRENT_TIMESTAMP ); CREATE TABLE course ( id INT PRIMARY KEY AUTO_INCREMENT, title VARCHAR(100) NOT NULL, description TEXT, teacher_id INT NOT NULL, created_at DATETIME DEFAULT CURRENT_TIMESTAMP, CONSTRAINT fk_course_teacher FOREIGN KEY (teacher_id) REFERENCES sys_user(id) ); CREATE TABLE chapter ( id INT PRIMARY KEY AUTO_INCREMENT, course_id INT NOT NULL, title VARCHAR(100) NOT NULL, video_path VARCHAR(255), content TEXT, sort_order INT DEFAULT 0, CONSTRAINT fk_chapter_course FOREIGN KEY (course_id) REFERENCES course(id) ); CREATE TABLE question ( id INT PRIMARY KEY AUTO_INCREMENT, chapter_id INT NOT NULL, type TINYINT NOT NULL COMMENT 1单选 2多选 3判断, stem TEXT NOT NULL, option_a VARCHAR(255), option_b VARCHAR(255), option_c VARCHAR(255), option_d VARCHAR(255), answer VARCHAR(50) NOT NULL, knowledge_point VARCHAR(100) COMMENT 知识点标签用于智能组卷, difficulty TINYINT DEFAULT 2 COMMENT 1简单 2中等 3困难, CONSTRAINT fk_question_chapter FOREIGN KEY (chapter_id) REFERENCES chapter(id) ); CREATE TABLE score ( id INT PRIMARY KEY AUTO_INCREMENT, user_id INT NOT NULL, chapter_id INT NOT NULL, score INT NOT NULL, detail TEXT COMMENT 存储答题明细JSON用于错题分析, created_at DATETIME DEFAULT CURRENT_TIMESTAMP, CONSTRAINT fk_score_user FOREIGN KEY (user_id) REFERENCES sys_user(id) );建表时有三处参数值得单独说明。第一字符集用utf8mb4而不是utf8因为utf8在MySQL里是utf8mb3的别名最多支持3字节字符而utf8mb4能完整支持emoji和生僻字虽然教学系统不一定用到但能避免线上乱码。第二question表里knowledge_point字段是智能组卷的关键必须在题目录入时就同步维护很多项目后面想加智能功能却发现没有知识点标签只能重新洗数据。第三score表的detail字段用JSON存储答题明细这样不需要再建一张答题明细表查询时用Java解析JSON即可省去一次关联查询。3.3 DAO层的连接管理与SQL边界DAO层写法直接决定项目能不能在答辩时当场跑起来。最典型的错误是每次执行SQL都手写一遍获取连接、创建语句、关闭资源的代码十个方法里有五个忘记关闭连接。我习惯在每个DAO方法内部使用try-with-resources从连接池拿到的连接在try块结束时会自动归还。public class ScoreDao { private DataSource dataSource DbUtil.getDataSource(); public Score findByUserIdAndChapterId(int userId, int chapterId) { String sql SELECT * FROM score WHERE user_id? AND chapter_id?; try (Connection conn dataSource.getConnection(); PreparedStatement ps conn.prepareStatement(sql)) { ps.setInt(1, userId); ps.setInt(2, chapterId); try (ResultSet rs ps.executeQuery()) { if (rs.next()) { Score s new Score(); s.setId(rs.getInt(id)); s.setScore(rs.getInt(score)); s.setDetail(rs.getString(detail)); return s; } } } catch (SQLException e) { e.printStackTrace(); } return null; } }这里有个容易翻车的点PreparedStatement和Connection用try-with-resources可以自动关闭但ResultSet不会自动跟着关闭。所以在内层再套一个try-with-resources确保rs也被关闭。如果只在最外层做try-with-resourcesResultSet在连接归还前没有显式关闭长连接场景下会累积资源占用最后导致连接池耗尽。另一个边界是SQL注入。JSP项目里最常见的注入入口是登录和搜索框。用字符串拼接SQL的用户名登录输入admin or 11就能直接绕过密码校验。统一使用PreparedStatement加?占位符是唯一可靠的解。不要相信前端JS做了校验就安全请求可以绕过页面直接发到Servlet。4. 核心功能实现与代码落地登录、课程、组卷4.1 基于Session的登录鉴权与过滤器教学系统的登录逻辑并不复杂但要做到“没登录不能访问任何页面”需要在过滤器层统一拦截而不是在每个JSP里判断session。这样做的原因是如果每个页面都手动写判断漏掉一个页面就暴露一个未授权入口。下面的过滤器代码是项目的第一道闸门public class AuthFilter implements Filter { public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { HttpServletRequest request (HttpServletRequest) req; HttpServletResponse response (HttpServletResponse) resp; HttpSession session request.getSession(false); String uri request.getRequestURI(); // 登录页、css、js、验证码直接放行 if (uri.endsWith(login.jsp) || uri.endsWith(.css) || uri.endsWith(.js) || uri.contains(captcha) || uri.contains(LoginServlet)) { chain.doFilter(req, resp); return; } Object user (session ! null) ? session.getAttribute(user) : null; if (user null) { // 未登录统一跳回登录页 response.sendRedirect(request.getContextPath() /login.jsp); return; } chain.doFilter(req, resp); } }过滤器在web.xml里配置映射路径为/*这样所有请求都会先过过滤器。注意调用request.getSession(false)时传false不要传true。传true的话任何一个匿名请求都会被强制创建一个Session攻击者可以通过不断请求让服务器内存暴涨。登录成功后把用户对象放入sessionsession.setAttribute(user, user)同时设置session超时时间为30分钟防止长期不操作的学生账号被他人冒用。这里再补一点Session的序列化问题。登录后存入session的用户对象如果包含没有实现Serializable的自定义类在Tomcat重启或集群会话同步时会报NotSerializableException。为保险起见存入session的User类实现一下Serializable接口。4.2 课程内容展示与视频、图片坐标定位的两个细节课程内容的展示是这个系统最耗时间的部分。教师后台上传课程视频学生在前端点击章节列表观看这是最常见的需求。JSP页面里用HTML5的video标签直接播放引入mp4视频并不需要额外开发播放器组件video width720 height400 controls source src${pageContext.request.contextPath}/upload/videos/章节1.mp4 typevideo/mp4 /video问题出在视频文件的存放路径上。如果用相对路径指向Tomcat的webapps目录下项目重新部署时upload目录会被删除视频就全没了。正确做法是把上传文件存到Tomcat之外的磁盘目录然后在Tomcat的conf/server.xml里配置虚拟路径映射Context path/upload docBase/data/teaching_upload/ crossContexttrue reloadablefalse /配置完后浏览器请求http://localhost:8080/upload/videos/xxx.mp4会映射到/data/teaching_upload/videos/xxx.mp4项目重新发布不影响文件。这里还要注意Tomcat8.5默认开启了HTTP请求体大小限制默认2MB上传大视频时会报413或直接报错需要在server.xml的Connector上加上maxPostSize104857600100MB或设为-1取消限制。另一个高频需求是图片坐标定位常见于课后答题或签到场景在图上点击某个区域把点击坐标提交给后端判断是否点对了位置。这需要把JSP页面上的图片坐标和后端业务解耦多选几个锚点区域用像素判断。一个简单的做法是在JSP里用JavaScript监听点击事件img src/upload/map.png idanswerMap stylewidth: 400px; height: 300px; input typehidden namepointX idpointX input typehidden namepointY idpointY script document.getElementById(answerMap).addEventListener(click, function(e) { var rect e.target.getBoundingClientRect(); document.getElementById(pointX).value Math.round(e.clientX - rect.left); document.getElementById(pointY).value Math.round(e.clientY - rect.top); }); /script后端Servlet收到pointX和pointY后判断坐标落在预先设定的哪个答题区域里。这里最容易被问到的边界问题是前端图片设置了width和height样式但实际图片尺寸更大时点击坐标会偏。解决方案是记录图片实际的naturalWidth和naturalHeight用比例换算回原始坐标再和后端预定义坐标比较。不做这一步在答辩演示时一旦把图片缩放展示点名区域就会偏移。4.3 在线测验的随机组卷与成绩回写随机组卷是“智能”两个字最容易体现的地方。基于题目表里的difficulty和knowledge_point字段每次测验从题库中按知识点维度抽取指定难度的题目。比如某个章节的测验要求出5道题其中3道难度为1、2道难度为2就从不同知识点的题目里均匀抽取。public ListQuestion generatePaper(int chapterId, int easyCount, int middleCount) { ListQuestion paper new ArrayList(); String sql SELECT * FROM question WHERE chapter_id? AND difficulty? ORDER BY RAND() LIMIT ?; try (Connection conn DbUtil.getConnection(); PreparedStatement ps conn.prepareStatement(sql)) { ps.setInt(1, chapterId); ps.setInt(2, 1); ps.setInt(3, easyCount); try (ResultSet rs ps.executeQuery()) { while (rs.next()) { paper.add(mapRow(rs)); } } // 同样逻辑查询difficulty2的题目 } catch (SQLException e) { e.printStackTrace(); } return paper; }ORDER BY RAND()在题量小的情况下完全够用但题库超过一万条时会产生较大的性能开销因为MySQL需要对全表生成随机数再排序。此时可以改用一种效率更高的做法先查出该章节符合条件的题目ID列表在Java里用Collections.shuffle打乱再取前N个ID去查询完整题目。这样SQL执行次数可控响应时间稳定。成绩回写要连同答题明细一起存入score表。前端提交的答案是“题目ID用户选择”的列表后端逐题比对正确答案计算得分同时把每一题的题目ID、用户答案、是否正确组装成JSON字符串存入detail字段。注意不要在JSP页面里做成绩计算因为前端计算结果可以被篡改必须由Servlet后台重新比对。5. JSPMySQL 常见问题避坑五条血泪记录5.1 页面乱码三个地方一起改才有效现象JSP页面上所有中文显示成问号数据库里插入的中文也变成问号。原因JSP页面本身的编码、Tomcat处理请求参数的编码、MySQL连接URL的编码三者之一不统一就会乱码。解决页面顶部声明pageEncodingUTF-8JSP文件本身用UTF-8保存在Servlet或过滤器开头加request.setCharacterEncoding(UTF-8)和response.setCharacterEncoding(UTF-8)MySQL连接URL里加上useUnicodetruecharacterEncodingutf8。这三处缺一不可只改一处还是会在某个环节变乱码。5.2 MySQL8驱动导致启动失败类名与时区现象项目在MySQL5.7上正常换到MySQL8后启动报ClassNotFoundException或CommunicationsException。原因MySQL8把驱动类从com.mysql.jdbc.Driver改成了com.mysql.cj.jdbc.Driver同时默认要求客户端指定时区。解决驱动类名改成com.mysql.cj.jdbc.DriverURL追加serverTimezoneAsia/Shanghai。这里顺带说一句不要只改URL不改驱动类名否则连接参数再对也会报找不到驱动类。5.3 请求体过大被Tomcat拦截现象上传视频文件或图片时页面直接报500或显示“请求被拒绝”Tomcat日志里出现MaxPostSize exceeded。原因Tomcat8.5的Connector默认maxPostSize为2MB超过这个大小的请求体被直接拒绝。解决编辑conf/server.xml在Connector标签上加maxPostSize104857600或maxPostSize-1-1表示不限制。重置Tomcat后才生效。修改时注意是server.xml不是web.xml。5.4 连接池被耗尽谁忘了close谁背锅现象系统运行一段时间后所有涉及数据库的页面全部卡住Tomcat日志出现Connection is not available, request timed out。原因代码里获取Connection后没有在finally块关闭连接池里的连接被借走不还最终池被耗尽。解决所有DAO方法改成try-with-resourcesNested的内部ResultSet也要显式关闭。临时应急可以重启Tomcat但根治必须按前面的写法统一改DAO层。5.5 404与500的定位思路先看web.xml再看日志现象访问Servlet地址返回404或JSP页面刚点开就是500。原因404通常是Servlet在web.xml里映射的url-pattern和浏览器访问路径不一致或项目部署名context path没包含在URL里500通常是JSP编译错误、空指针或类找不到。解决前端访问路径用${pageContext.request.contextPath}拼前缀避免硬编码localhost:8080/xxx。再看Tomcat的logs/localhost.yyyy-MM-dd.log这个日志会精确打印异常堆栈比catalina.out更有用。遇到500不要反复刷新浏览器直接看日志是最快的。6. 智能模块的落地技巧与全链路验证6.1 用错题统计驱动下一次出题智能教学系统最值得做的一点是把历史错题数据利用起来。score表里的detail字段存了每次答题的明细按knowledge_point分组统计错误率就能找出每个学生的薄弱知识点。下一次测验组卷时不再完全随机而是优先从错误率高的知识点里抽取题目。这个功能不需要引入机器学习库一条SQL分组统计加一个优先级排序就够。6.2 全链路验证的检查清单验证一个JSP教学系统是否真正可用我习惯按这条链路走一遍管理员登录创建教师账号教师登录创建课程和章节、上传视频、录入试题学生注册登录后浏览课程、观看视频、参加测验提交答案最后查看成绩和错题统计。每一步都看数据库对应表是否新增了正确记录。全链路走通且无乱码、无404系统才算交付。给课设或毕业设计做系统时这个流程也能直接变成论文里的“系统测试”章节素材。我最早做类似系统时为了省事把业务逻辑全写在JSP页面里结果页面几千行、改一个功能牵一发动全身后来在答辩前一周推倒重来老老实实按JSPServletDAO三层结构整理。这段经历之后我自己的项目一律把请求处理放在Servlet里页面只做展示和表单提交。希望帮到你按这套路径去搭至少不会在最后关头翻车。本文还有配套的精品资源点击获取