Web技术基础教程 15_第1页
Web技术基础教程 15_第2页
Web技术基础教程 15_第3页
Web技术基础教程 15_第4页
Web技术基础教程 15_第5页
已阅读5页，还剩30页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

JavaWeb开发技术与案例教程实验指导手册第1页/共1页JavaWeb开发技术与案例实验指导手册本教材编写组编写实验手册版本：2026-06

目录TOC\o"1-2"\h\u21364目录 228128使用说明 327248实验1搭建JavaWeb开发环境并创建第一个Web项目 517528实验2使用HTML与CSS设计课程表页面 728074实验3使用JavaScript实现网页交互与前端框架入门 96371实验4JSP页面元素、隐式对象与会话管理综合实验 1131934实验5JSP表单开发与数据处理实验 1321192实验6使用JDBC完成MySQL数据库增删改查 1530023实验7Servlet生命周期、配置方式与数据库安全访问实验 1725508实验8过滤器与监听器实现敏感词过滤和在线人数统计 193058实验9JSP、JavaBean、VO与DAO分层开发实验 216662实验10AJAX与FetchAPI实现用户名实时验证 2330533实验11Servlet实现文件上传、校验与下载 2513255实验12JavaWeb常见安全漏洞防护综合实验 27372实验13SpringMVC、MyBatis与SpringBoot框架综合实验 2920229实验14微信小程序与JavaWeb后端通信及智能客服 3116886实验15SpringBoot接入DeepSeekAPI并扩展智能客服 336118附录：实验报告模板 35

使用说明本实验指导手册按教材15个章节组织，每一章设计为一个“大实验”。每个实验均包含实验目标、实验环境、任务说明、操作步骤、关键代码提示、验收标准、报告要求和拓展任务，便于教师组织课堂实验、学生课前预习与课后提交。建议采用“预习—课堂实现—验收演示—实验报告”的流程。学生应保留代码、运行截图、关键配置和问题记录，不建议仅提交最终截图。涉及账号、密码、APIKey等敏感信息时，应使用环境变量或占位符，禁止写入公开仓库或实验报告。一、总实验环境类别推荐配置说明JDKJDK21与教材案例保持一致，确保JAVA_HOME和Path正确。Web容器Tomcat11.0.0适配JakartaEE新命名空间，默认端口8080。IDEIntelliJIDEA2024.2.4Ultimate建议使用与教材同步的版本，减少菜单差异。构建工具Maven用于依赖管理与项目构建。数据库MySQL8.0.40用于JDBC、DAO、MyBatis等实验。前端与移动端浏览器、微信开发者工具用于前端调试和小程序实验。AI接入DeepSeekAPIKey第15章使用，必须妥善保管。二、项目命名与提交要求每章使用独立项目目录，建议命名为ch01、ch02、……、ch15；第13章可使用ch13_1、ch13_2、ch13_3；第14章可使用ch14_1、ch14_2、ch14_4。提交内容包括：项目源代码、数据库脚本、运行截图、关键配置说明、实验报告。禁止提交target、.idea、真实密码、真实APIKey、数据库个人隐私数据等无关或敏感内容。报告中应包含“遇到的问题与解决方法”，不应只粘贴代码。三、建议评分标准评分项比例主要观察点扣分示例功能完成度40%实验功能是否按要求实现，是否可运行演示。页面无法访问、接口无响应、数据库操作失败。代码规范与结构20%命名、分层、注释、异常处理、资源关闭是否规范。业务逻辑混杂在JSP中、重复代码过多。实验过程记录20%是否记录环境、步骤、关键截图和问题排查。仅提交最终截图，无过程说明。安全与扩展意识10%是否避免敏感信息泄露，是否考虑输入校验和异常情况。明文密码、硬编码APIKey。报告表达质量10%语言清晰、结论准确、反思具体。复制教材内容，缺少个人总结。

实验1搭建JavaWeb开发环境并创建第一个Web项目对应教材章节第1章JavaWeb开发基础建议项目名ch01实验类型验证性+综合性建议学时2学时主要案例/清单JavaWeb应用前景；Tomcat7.x：提供了良好的稳定性和性能，适合对稳定性和性能有较高要求的应用。已结束生命周期，不应再在新项目中使用；Tomcat8.x：增加了许多新特性，如性能改进和安全性增强等，适合需要这些新特性的应用。已结束生命周期。关联技术理解JavaWeb的工作原理及JakartaEE的技术演进；掌握JDK21和Tomcat11的下载、安装与环境变量配置。1.实验情境完成JavaWeb开发环境从零搭建，创建并运行一个基于Maven的JakartaEEWeb项目，理解浏览器、Tomcat与Web应用之间的请求-响应关系。2.实验目标理解JavaWeb的工作原理及JakartaEE的技术演进。掌握JDK21和Tomcat11的下载、安装与环境变量配置。熟悉IntelliJIDEA的安装及创建第一个基于Maven的JakartaEEWeb项目。掌握IntelliJIDEA中配置Tomcat服务器及项目热部署的方法。3.实验任务安装并验证JDK21，配置JAVA_HOME和Path。部署Tomcat11，并通过http://localhost:8080验证启动。在IntelliJIDEA中创建JakartaEEWeb项目，配置Tomcat和热部署。编写并运行Hello.java，观察.java、.class与Web项目结构的差异。访问index.jsp和HelloServlet，记录访问URL与部署上下文。4.实验步骤1.检查JDK、Tomcat、IDEA、Maven是否可用，记录版本号。2.新建D:\JavaWeb\code目录，按教材项目命名规则创建ch01。3.配置TomcatServer，选择warexploded部署模式。4.将Applicationcontext修改为/ch01，重新运行项目。5.在浏览器访问/ch01/index.jsp，修改JSP内容并验证热部署是否生效。5.关键代码或配置提示java-versionjavac-versioncdD:\JavaWebjavacHello.javajavaHello#Tomcat验证地址http://localhost:8080/ch01/index.jsp6.验收标准序号验收要点通过标准1JDK与javac均可在命令行显示版本。可演示、可解释、可复现2Tomcat首页可正常访问，项目可通过/ch01访问。可演示、可解释、可复现3项目目录结构包含pom.xml、src/main/java、src/main/webapp、WEB-INF。可演示、可解释、可复现4能解释war与warexploded的用途差异。可演示、可解释、可复现7.常见问题java或javac无法识别：重新检查JAVA_HOME与Path，并重启命令行。访问404：检查Applicationcontext、部署包是否生效以及Tomcat控制台日志。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务尝试将Tomcat端口改为8081，并说明修改位置。将首页改为index.html，比较JSP与HTML的访问差异。

实验2使用HTML与CSS设计课程表页面对应教材章节第2章HTML与CSS基础建议项目名ch02实验类型设计性+综合性建议学时2学时主要案例/清单实例：使用CSS进行网页布局；案例学习：创建HTML文档关联技术掌握HTML文档的基本结构，理解<html>、<head>、<body>标签的作用；熟悉HTML常用标签，重点掌握标题、图像、超链接、列表以及表格1.实验情境围绕教材中的HTML基本结构、常见标签和CSS选择器，完成一个结构清晰、样式统一、包含合并单元格的课程表页面。2.实验目标掌握HTML文档的基本结构，理解<html>、<head>、<body>标签的作用。熟悉HTML常用标签，重点掌握标题、图像、超链接、列表以及表格<table>标签的应用。理解CSS的三种引入方式（内联、内部、外部）和选择器（ID、类、元素）。掌握CSS的三大特性：优先级、层叠性和继承性。掌握colspan和rowspan属性实现表格的单元格合并。3.实验任务创建helloworld.html，掌握HTML文档基本结构。使用标题、段落、图片、链接、列表和表格标签组织页面。使用colspan和rowspan完成课程表合并单元格。分别使用内部样式和外部样式表设置字体、颜色、边框与居中布局。检查页面在浏览器中的渲染效果和源代码规范性。4.实验步骤1.在webapp下创建course.html和styles.css。2.使用table、tr、td、th搭建课程表骨架。3.使用CSS选择器统一表格边框、单元格对齐和标题样式。4.增加一处图片或超链接，验证相对路径和绝对路径的区别。5.通过浏览器开发者工具检查元素样式来源和优先级。5.关键代码或配置提示<linkrel="stylesheet"href="styles.css"><tableclass="course-table"><tr><tdcolspan="7">20XX软件工程本科X班课表</td></tr><tr><td>第五六节</td><td></td><td>数据库概论</td><td></td><td>数据库概论</td><td>数据库概论</td><tdrowspan="2">JavaWeb</td></tr></table>6.验收标准序号验收要点通过标准1页面包含正确的<!DOCTYPEhtml>、html、head、body结构。可演示、可解释、可复现2课程表至少包含7列、8行，并正确使用colspan或rowspan。可演示、可解释、可复现3样式与结构基本分离，CSS命名清晰。可演示、可解释、可复现4中文无乱码，图片或链接路径可正常访问。可演示、可解释、可复现7.常见问题表格边框不显示：检查border-collapse、border和选择器是否正确。中文乱码：在head中加入<metacharset="UTF-8">。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务将课程表改造成响应式布局，小屏幕下横向滚动。使用:hover为课程单元格添加鼠标悬停效果。

实验3使用JavaScript实现网页交互与前端框架入门对应教材章节第3章JavaScript脚本语言建议项目名ch03实验类型综合性建议学时2学时主要案例/清单实例：jQuery的应用；实例：Vue的应用；实例：React的应用关联技术掌握在HTML页面中嵌入JavaScript的三种方式；掌握prompt()、alert()、document.write()和console.1.实验情境通过原生JavaScript、事件绑定、BOM/DOM操作和jQuery/Vue/React简单示例，完成一个具备输入校验、列表渲染和交互反馈的页面。2.实验目标掌握在HTML页面中嵌入JavaScript的三种方式。掌握prompt()、alert()、document.write()和console.log()等基本输入输出方法。掌握var、let、const声明变量的区别以及JavaScript的数据类型。熟悉window、document、location等BOM核心对象的使用。理解jQuery、Vue、React三种主流前端框架的基本用法和引入方式。3.实验任务练习alert、prompt、document.write、console.log的使用场景。使用let、const、函数、流程控制和数组完成数据处理。使用addEventListener绑定表单提交事件。使用document对象动态生成列表或结果区域。通过CDN引入jQuery或Vue，完成一个小型交互功能。4.实验步骤1.创建input.html，设计姓名与年龄输入框。2.监听submit事件，阻止表单默认提交。3.判断输入是否为空，并在页面中输出提示信息。4.生成斐波那契数列或评论列表，动态插入DOM。5.任选jQuery、Vue或React完成一个等价版本，对比代码量。5.关键代码或配置提示document.getElementById("myForm").addEventListener("submit",function(event){event.preventDefault();constname=document.getElementById("name").value.trim();document.getElementById("result").textContent=name?`你好，${name}`:"请输入姓名";});6.验收标准序号验收要点通过标准1表单提交不会刷新页面。可演示、可解释、可复现2输入为空时给出明确提示，输入合法时显示结果。可演示、可解释、可复现3至少使用一种事件绑定方式和一种DOM操作方法。可演示、可解释、可复现4能说明var、let、const的主要区别。可演示、可解释、可复现7.常见问题事件不触发：确认脚本加载位置在元素之后，或使用DOMContentLoaded。页面被document.write覆盖：避免在页面加载完成后调用document.write。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务使用Vue实现评论发布和列表渲染。使用localStorage保存最近一次输入结果。

实验4JSP页面元素、隐式对象与会话管理综合实验对应教材章节第4章JSP基本语法建议项目名ch04实验类型综合性建议学时2学时主要案例/清单随着JSP技术的发展和最佳实践的形成，建议将业务逻辑和表现层分离，使用JSP作为视图层，配合Servlet、JavaBeans、JSP标准标签库（JSTL）等组件构建更健壮、可维护的Web应用程序；应用场景；一致性：在项目中保持一致的注释风格和实践，有助于提高团队协作效率和代码质量。关联技术理解JSP的执行原理，即JSP页面如何被编译为Servlet；掌握JSP的页面元素，特别是Scriptlet(<%...%>)、表达式(<1.实验情境围绕JSP基本语法、页面包含、跳转、九个隐式对象、Cookie、session、JSTL与EL，完成一个简单的登录状态展示页面。2.实验目标理解JSP的执行原理，即JSP页面如何被编译为Servlet。掌握JSP的页面元素，特别是Scriptlet(<%...%>)、表达式(<%=...%>)和声明(<%!...%>)的区别。理解JSP的九个隐式对象，重点掌握request、response、session和application。掌握Cookie的创建和读取，以及session的基本用法。掌握JSTL核心标签（特别是<c:if>、<c:forEach>）和EL表达式（${...}）的使用，以替代Scriptlet。3.实验任务创建JSP页面，正确设置page指令与UTF-8编码。使用表达式、声明和Scriptlet观察页面执行方式。使用request、response、out、session、application保存与读取数据。创建Cookie并在后续请求中读取。使用JSTL和EL替代直接脚本输出。4.实验步骤1.创建home.jsp、login.jsp、profile.jsp、logout.jsp。2.在login.jsp中提交用户名，后端页面写入session。3.在profile.jsp中通过EL输出用户名和登录时间。4.添加Cookie记录最近访问页面，并在页面顶部展示。5.使用include指令或<jsp:include>复用页眉页脚。5.关键代码或配置提示<%@pagecontentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><c:iftest="${notemptysessionScope.username}">欢迎你，${sessionScope.username}</c:if><c:forEachvar="item"items="${applicationScope.newsList}">${item}<br></c:forEach>6.验收标准序号验收要点通过标准1页面编码正确，中文显示正常。可演示、可解释、可复现2登录后可在session中读取用户名，退出后状态清除。可演示、可解释、可复现3至少使用request/session/application中的两个作用域。可演示、可解释、可复现4使用JSTL/EL完成至少一处条件判断或循环输出。可演示、可解释、可复现7.常见问题JSTL标签无效：检查依赖与taglib指令是否正确。session数据取不到：确认跳转方式和作用域是否一致。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务增加session过期提示。比较浏览器跳转与服务器转发对request数据的影响。

实验5JSP表单开发与数据处理实验对应教材章节第5章表单开发与应用建议项目名ch05实验类型综合性建议学时2学时主要案例/清单案例学习：表单的应用关联技术掌握<form>标签的action和method属性的用法；理解GET和POST两种提交方式在数据传输和安全性上的核心区别。1.实验情境构建一个用户注册表单，综合使用文本框、密码框、单选、复选、下拉列表、隐藏域和GET/POST提交方式，完成服务器端数据读取和校验。2.实验目标掌握<form>标签的action和method属性的用法。理解GET和POST两种提交方式在数据传输和安全性上的核心区别。掌握request.getParameter()和request.getParameterValues()分别获取单值和多值的用法。掌握在JSP页面中处理POST请求中文乱码的解决方案。3.实验任务掌握form的action与method属性。使用多种表单元素收集用户信息。分别使用getParameter和getParameterValues读取单值与多值参数。处理POST中文乱码问题。实现基础的非空、长度和选项合法性校验。4.实验步骤1.创建register.jsp，设计完整注册表单。2.使用POST提交到register_process.jsp。3.在处理页读取用户名、密码、性别、兴趣、专业等参数。4.将校验错误信息返回或显示在结果页。5.增加隐藏字段记录表单来源或版本号。5.关键代码或配置提示request.setCharacterEncoding("UTF-8");Stringusername=request.getParameter("username");String[]hobbies=request.getParameterValues("hobby");if(username==null||username.isBlank()){out.println("用户名不能为空");}6.验收标准序号验收要点通过标准1表单元素完整，name属性命名规范。可演示、可解释、可复现2POST提交时中文不乱码。可演示、可解释、可复现3复选框能读取多个同名参数。可演示、可解释、可复现4能说明GET与POST在安全性和数据传输方式上的区别。可演示、可解释、可复现7.常见问题复选框只读取到一个值：应使用getParameterValues。密码出现在URL：确认method="post"。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务在前端添加JavaScript校验，并保留后端校验。设计一个“表单回显”页面，错误时保留用户已填数据。

实验6使用JDBC完成MySQL数据库增删改查对应教材章节第6章JDBC访问数据库建议项目名ch06实验类型综合性+设计性建议学时2学时主要案例/清单案例学习：JDBC操作关联技术掌握MySQL数据库的安装、环境变量配置和使用Workbench验证；掌握在JavaWeb项目中引入JDBC驱动的两种方式（手动lib目1.实验情境完成MySQL环境验证、JDBC驱动配置、数据库连接与student表的CRUD操作，理解JDBC编程流程和资源关闭规范。2.实验目标掌握MySQL数据库的安装、环境变量配置和使用Workbench验证。掌握在JavaWeb项目中引入JDBC驱动的两种方式（手动lib目录和Maven依赖）。掌握JDBC编程的核心六个步骤：加载驱动、建立连接、创建语句、执行SQL、处理结果、关闭资源。掌握使用Statement对象执行数据库的增(INSERT)、删(DELETE)、改(UPDATE)、查(SELECT)操作。掌握使用try-with-resources语句进行异常处理并自动关闭数据库资源，防止资源泄漏。3.实验任务安装并验证MySQL8.0，创建实验数据库。使用Maven或WEB-INF/lib引入MySQLJDBC驱动。使用Statement完成简单SQL执行。使用try-with-resources自动关闭Connection、Statement、ResultSet。完成学生信息表的新增、删除、修改和查询页面。4.实验步骤1.创建数据库university和student表。2.在pom.xml中添加mysql-connector-j依赖。3.编写db.jsp或工具类测试数据库连接。4.创建insert.jsp、delete.jsp、update.jsp、select.jsp。5.在结果页面以表格形式展示查询结果。5.关键代码或配置提示Stringurl="jdbc:mysql://localhost:3306/university?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghai";try(Connectionconn=DriverManager.getConnection(url,"root","password");PreparedStatementps=conn.prepareStatement("select*fromstudentwhereid=?")){ps.setInt(1,1);ResultSetrs=ps.executeQuery();}6.验收标准序号验收要点通过标准1数据库和数据表创建成功，至少有5条测试数据。可演示、可解释、可复现2页面可完成增删改查，并能显示执行结果。可演示、可解释、可复现3所有数据库资源使用try-with-resources或明确关闭。可演示、可解释、可复现4能说明ResultSet的作用和字符编码参数的意义。可演示、可解释、可复现7.常见问题连接失败：检查端口、用户名密码、驱动依赖和数据库名称。中文乱码：确认数据库、连接URL和页面编码均为UTF-8。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务将数据库连接代码封装为DBUtil。尝试把Statement改为PreparedStatement。

实验7Servlet生命周期、配置方式与数据库安全访问实验对应教材章节第7章JavaServlet技术建议项目名ch07实验类型综合性建议学时2学时主要案例/清单案例学习：Servlet的应用；实例：PreparedStatement的应用关联技术理解Servlet的生命周期，包括init()、service()和destroy()方法；掌握创建Servlet的两种配置方式1.实验情境通过登录案例理解Servlet生命周期、web.xml与注解配置、doGet/doPost请求处理、JSP与Servlet分工，并引入连接池和PreparedStatement。2.实验目标理解Servlet的生命周期，包括init()、service()和destroy()方法。掌握创建Servlet的两种配置方式：web.xml文件配置和@WebServlet注解配置。掌握在Servlet中使用doGet()或doPost()方法处理客户端请求。理解JSP与Servlet的关系，即JSP本质上会被编译成Servlet。掌握在Servlet中使用数据库连接池（DBCP）和PreparedStatement进行安全高效的数据库访问。3.实验任务创建Servlet，观察init、service/doGet/doPost、destroy调用时机。分别使用web.xml和@WebServlet完成URL映射。使用JSP页面提交登录表单到Servlet。Servlet调用数据库验证用户并转发到成功/失败页面。使用PreparedStatement防止SQL注入。4.实验步骤1.创建LoginServlet，并添加生命周期日志。2.创建login.jsp、success.jsp、error.jsp。3.在Servlet中读取请求参数，调用DAO或JDBC查询。4.使用request.setAttribute传递提示信息。5.对比response.sendRedirect与request.getRequestDispatcher().forward。5.关键代码或配置提示@WebServlet("/login")publicclassLoginServletextendsHttpServlet{protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsIOException,ServletException{request.setCharacterEncoding("UTF-8");Stringusername=request.getParameter("username");request.setAttribute("username",username);request.getRequestDispatcher("/success.jsp").forward(request,response);}}6.验收标准序号验收要点通过标准1Servlet能通过指定URL被访问。可演示、可解释、可复现2控制台能显示生命周期相关日志。可演示、可解释、可复现3登录表单由JSP展示，业务处理在Servlet完成。可演示、可解释、可复现4数据库查询使用PreparedStatement。可演示、可解释、可复现7.常见问题Servlet404：检查注解路径、包扫描和部署上下文。POST中文乱码：先调用request.setCharacterEncoding("UTF-8")。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务使用连接池替换DriverManager直连。增加登录失败次数统计。

实验8过滤器与监听器实现敏感词过滤和在线人数统计对应教材章节第8章过滤器与监听器建议项目名ch08实验类型综合性建议学时2学时主要案例/清单应用场景；实例：过滤器的应用；为了简化实例和说明过滤器的原理，上述代码并没有实现完整的敏感词过滤逻辑。在实际应用中，应该根据具体需求完善和优化过滤器的实现。关联技术理解过滤器（Filter）的工作流程，即对请求（Request）和响应（Response）进行拦截；掌握过滤器的主要应用场景，如处理全站字符编码、登录权限检查1.实验情境使用@WebFilter拦截请求，完成字符编码处理和敏感词过滤；使用@WebListener监听session创建与销毁，实现在线人数统计。2.实验目标理解过滤器（Filter）的工作流程，即对请求（Request）和响应（Response）进行拦截。掌握过滤器的主要应用场景，如处理全站字符编码、登录权限检查和过滤敏感词。掌握使用@WebFilter注解创建和配置过滤器，并通过FilterChain链放行请求。理解监听器（Listener）的事件驱动机制，重点掌握ServletContextListener和HttpSessionListener。掌握使用@WebListener注解创建监听器，并通过监听session创建与销毁实现网站在线人数统计。3.实验任务编写EncodingFilter，统一处理请求和响应编码。编写SensitiveWordFilter，对表单输入进行过滤或拦截。理解FilterChain.doFilter的放行作用。编写HttpSessionListener统计在线人数。在JSP页面展示过滤结果和在线人数。4.实验步骤1.创建filter.jsp，提供留言输入框。2.创建SensitiveWordFilter，拦截/show或/*。3.在过滤器中处理敏感词，并调用chain.doFilter。4.创建MyHttpSessionListener，在application中维护在线人数。5.启动不同浏览器或隐私窗口验证session统计变化。5.关键代码或配置提示@WebFilter("/*")publicclassEncodingFilterimplementsFilter{publicvoiddoFilter(ServletRequestrequest,ServletResponseresponse,FilterChainchain)throwsIOException,ServletException{request.setCharacterEncoding("UTF-8");response.setContentType("text/html;charset=UTF-8");chain.doFilter(request,response);}}6.验收标准序号验收要点通过标准1过滤器能够拦截目标URL并正确放行。可演示、可解释、可复现2敏感词输入被替换、提示或拒绝。可演示、可解释、可复现3在线人数随session创建和销毁发生变化。可演示、可解释、可复现4能说明过滤器和监听器的触发时机差异。可演示、可解释、可复现7.常见问题过滤器导致页面空白：确认chain.doFilter是否被调用。在线人数不变化：确认浏览器是否复用同一个session。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务使用包装器模式重写getParameter。增加访问日志过滤器，记录请求时间和URI。

实验9JSP、JavaBean、VO与DAO分层开发实验对应教材章节第9章JSP与JavaBean建议项目名ch09实验类型综合性+设计性建议学时2学时主要案例/清单session：对当前HttpSession内的所有页面都有效。当用户访问Web应用程序时，服务器为用户创建一个session对象，并通过session的ID值区分不同的用户。针对某一个用户而言，对象可被多个页面共享。通过session对象的getAttribute()方法获取存储在session中的JavaBean实例；案例学习：JavaBean应用关联技术掌握编写JavaBean的核心规范；掌握JSP中操作JavaBean的三个标准动作标签1.实验情境用JavaBean封装表单数据，用VO表示实体对象，用DAO封装数据访问逻辑，完成学生信息查询与展示，体验MVC分层开发流程。2.实验目标掌握编写JavaBean的核心规范：私有属性、公共无参构造函数、公共get/set方法。掌握JSP中操作JavaBean的三个标准动作标签：<jsp:useBean>（实例化）、<jsp:setProperty>（设值）和<jsp:getProperty>（取值）。理解<jsp:setPropertyname="bean"property="*"/>如何自动将表单参数匹配并注入到JavaBean属性中。理解VO（值对象）和DAO（数据访问对象）的设计模式在Web应用中的作用。掌握在Servlet中调用DAO接口，将查询结果（VO列表）存入request作用域，最后由JSP页面使用JSTL/EL循环展示的MVC流程。3.实验任务编写符合规范的JavaBean：私有属性、无参构造、getter/setter。在JSP中使用<jsp:useBean>、<jsp:setProperty>、<jsp:getProperty>。设计StudentVO和StudentDAO。在Servlet中调用DAO查询数据，并存入request。在JSP中使用JSTL/EL循环展示VO列表。4.实验步骤1.创建PersonBean，完成表单自动赋值演示。2.创建student表对应的StudentVO。3.定义StudentDAO接口和StudentDAOImpl实现类。4.创建StudentServlet，将查询结果放入requestScope。5.创建student_list.jsp，使用c:forEach显示列表。5.关键代码或配置提示publicclassStudentVOimplementsjava.io.Serializable{privateIntegerid;privateStringname;publicStudentVO(){}publicIntegergetId(){returnid;}publicvoidsetId(Integerid){this.id=id;}publicStringgetName(){returnname;}publicvoidsetName(Stringname){=name;}}6.验收标准序号验收要点通过标准1JavaBean满足规范并可由JSP动作标签操作。可演示、可解释、可复现2DAO层不直接输出页面内容。可演示、可解释、可复现3Servlet负责调度，JSP负责展示。可演示、可解释、可复现4页面使用JSTL/EL遍历显示数据。可演示、可解释、可复现7.常见问题jsp:setProperty不生效：检查表单name与Bean属性名是否一致。EL无法显示数据：确认作用域名称和getter方法。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务增加分页查询。使用接口与实现分离，便于替换数据库访问方式。

实验10AJAX与FetchAPI实现用户名实时验证对应教材章节第10章AJAX与FetchAPI建议项目名ch10实验类型综合性建议学时2学时主要案例/清单AJAX应用开发；应用场景；实例：AJAX的应用关联技术理解AJAX的核心价值；掌握使用XMLHttpRequest(XHR)对象发送异步请求和处理响应的核心步骤。1.实验情境构建一个注册页面，在用户输入用户名时通过AJAX或FetchAPI异步请求Servlet，实时返回用户名是否可用，体验局部刷新和前后端接口协作。2.实验目标理解AJAX的核心价值：无需刷新整个页面即可异步更新局部数据。掌握使用XMLHttpRequest(XHR)对象发送异步请求和处理响应的核心步骤。理解FetchAPI作为XHR的现代替代方案，其基于Promise的链式语法（.then(),.catch()）更简洁易用。掌握在Servlet后端如何处理AJAX/Fetch请求并返回响应数据（如HTML片段或JSON）。掌握AJAX/Fetch在用户名实时验证等场景中的应用。3.实验任务使用XMLHttpRequest发送异步GET请求。使用FetchAPI重写同一功能。Servlet接收username参数并返回文本或JSON。处理HTTP状态码和异常情况。比较XHR与Fetch的语法和可维护性。4.实验步骤1.创建ajax_validate.jsp，添加用户名输入框和提示区域。2.编写CheckUsernameServlet，模拟或查询数据库判断用户名。3.在input或blur事件中发送异步请求。4.将服务器返回结果显示在页面提示区域。5.创建fetch_validate.jsp，使用fetch()完成同样功能。5.关键代码或配置提示fetch("checkUsername?username="+encodeURIComponent(username)).then(response=>response.text()).then(text=>{document.getElementById("msg").textContent=text;}).catch(error=>{console.error(error);});6.验收标准序号验收要点通过标准1输入用户名时页面不整体刷新。可演示、可解释、可复现2服务器返回结果能正确显示。可演示、可解释、可复现3能处理空用户名和请求失败情况。可演示、可解释、可复现4能说明AJAX/Fetch与传统表单提交的区别。可演示、可解释、可复现7.常见问题请求被缓存：给URL添加时间戳参数或设置响应头。Fetch无Cookie：需要跨域携带凭证时配置credentials。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务改为返回JSON，并在前端解析response.json()。增加加载中状态和防抖处理。

实验11Servlet实现文件上传、校验与下载对应教材章节第11章文件的上传与下载建议项目名ch11实验类型综合性建议学时2学时主要案例/清单清单11-1upload.jsp；清单11-2FileUploadServlet.java；清单11-3upload_multi.jsp关联技术掌握文件上传表单的enctype="multipart/form-data"和method="post"属性设置；掌握使用Servlet3.0+1.实验情境完成单文件和多文件上传，限制文件大小和类型，并通过超链接和Servlet两种方式实现文件下载，理解multipart请求和响应头设置。2.实验目标掌握文件上传表单的enctype="multipart/form-data"和method="post"属性设置。掌握使用Servlet3.0+的@MultipartConfig注解和request.getPart()方法实现文件上传。理解文件上传中的安全注意事项，如文件大小限制和路径安全。区分超链接下载和Servlet下载两种方式的优缺点。掌握通过Servlet实现文件下载的核心：设置Content-Type和Content-Disposition响应头。3.实验任务创建enctype="multipart/form-data"的文件上传表单。使用@MultipartConfig和request.getPart处理上传。限制文件大小、文件扩展名和保存路径。实现多文件上传并输出上传结果。通过Servlet设置Content-Type与Content-Disposition实现下载。4.实验步骤1.创建upload.jsp，设置method="post"和enctype。2.创建FileUploadServlet，读取Part并保存文件。3.增加白名单校验，例如只允许jpg、png、pdf。4.创建download.jsp列出可下载文件。5.创建FileDownloadServlet，以流式方式输出文件。5.关键代码或配置提示@MultipartConfig(maxFileSize=2*1024*1024)@WebServlet("/upload")publicclassFileUploadServletextendsHttpServlet{protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsIOException,ServletException{Partfile=request.getPart("file");StringfileName=Path.of(file.getSubmittedFileName()).getFileName().toString();file.write("D:/JavaWeb/upload/"+fileName);}}6.验收标准序号验收要点通过标准1上传表单配置正确，文件可保存到指定目录。可演示、可解释、可复现2超出大小或非法扩展名时给出提示。可演示、可解释、可复现3下载时浏览器能弹出下载或正确显示文件。可演示、可解释、可复现4能说明Content-Disposition的作用。可演示、可解释、可复现7.常见问题request.getPart报错：检查enctype和@MultipartConfig。文件名包含路径：使用Path.getFileName提取安全文件名。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务为上传文件生成UUID文件名。记录上传日志到数据库。

实验12JavaWeb常见安全漏洞防护综合实验对应教材章节第12章Web网站安全建议项目名ch12实验类型综合性+安全实验建议学时2学时主要案例/清单案例学习：网站面临的主要威胁；安全编码实践；安全审计和监控：定期审计和监控应用的安全性，以检测潜在的安全漏洞和攻击行为。关联技术理解SQL注入的原理（通过拼接字符串篡改SQL），并掌握使用PreparedStatement作为核心防御手段；理解XSS攻击原理，并掌握使用1.实验情境围绕SQL注入、XSS、CSRF、密码保护和验证码，构建一个安全登录/查询小应用，理解“所有用户输入皆不可信”的安全开发原则。2.实验目标理解SQL注入的原理（通过拼接字符串篡改SQL），并掌握使用PreparedStatement作为核心防御手段。理解XSS攻击原理，并掌握使用JSTL的<c:out>标签或其他方式对输出进行HTML编码来防范。理解CSRF（跨站请求伪造）攻击的原理（利用用户已登录的会话），并掌握使用Token验证的防御措施。掌握密码存储的安全实践，即必须使用BCrypt等加盐哈希算法存储密码，禁止明文存储。掌握验证码的实现原理：后端Servlet生成图片并存入session，前端表单提交后由后端校验。3.实验任务构造一个存在SQL注入风险的查询示例并观察风险。改用PreparedStatement防止SQL注入。模拟反射型或存储型XSS，并使用输出编码防护。使用BCrypt或加盐哈希保存密码。生成验证码图片并在后端校验。4.实验步骤1.创建query_form.jsp和QueryServlet，先演示拼接SQL的风险。2.创建PreparedQueryServlet，使用参数化查询。3.在留言或搜索结果页面使用c:out输出用户输入。4.实现register/login逻辑，禁止明文保存密码。5.实现CaptchaServlet，把验证码文本写入session并在表单提交时校验。5.关键代码或配置提示Stringsql="select*fromstudentwhereid=?";try(PreparedStatementps=conn.prepareStatement(sql)){ps.setString(1,request.getParameter("id"));ResultSetrs=ps.executeQuery();}//JSP输出用户输入时优先使用：<c:outvalue="${param.keyword}"/>6.验收标准序号验收要点通过标准1能说明SQL注入的产生原因和防护方式。可演示、可解释、可复现2查询功能使用PreparedStatement。可演示、可解释、可复现3用户输入输出时进行HTML编码或等效处理。可演示、可解释、可复现4验证码错误时无法继续提交。可演示、可解释、可复现5实验报告中不得提交真实密码或真实APIKey。可演示、可解释、可复现7.常见问题PreparedStatement仍不安全：不要把用户输入拼接到SQL结构中。验证码不一致：确认session是否一致、大小写是否统一。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务增加CSRFToken隐藏字段并在后端校验。为关键操作增加操作日志。

实验13SpringMVC、MyBatis与SpringBoot框架综合实验对应教材章节第13章JavaWeb框架建议项目名ch13_1/ch13_2/ch13_3实验类型综合性+项目实践建议学时2学时主要案例/清单案例学习：SpringMVC框架的应用；运行应用；案例学习：SpringMVC整合MyBatis关联技术理解MVC架构中模型（Model）、视图（View）和控制器（Controller）的分层职责；掌握SpringMVC框架的核心配置（SpringI1.实验情境围绕MVC分层思想，分别完成SpringMVC入门、SpringMVC整合MyBatis和SpringBootRESTAPI三个小项目，理解现代JavaWeb框架的配置与开发方式。2.实验目标理解MVC架构中模型（Model）、视图（View）和控制器（Controller）的分层职责。掌握SpringMVC框架的核心配置（SpringInitializer）和基于注解的控制器（@Controller,@RequestMapping）的使用。掌握SpringMVC整合MyBatis的配置方法，特别是SqlSessionFactory和@MapperScan的配置。理解SpringBoot“约定大于配置”的核心理念和starter依赖的作用。掌握使用IntelliJIDEA创建SpringBoot项目，并编写@RestController快速开发WebAPI。3.实验任务创建SpringMVC项目，配置SpringInitializer、RootConfig和WebConfig。编写Controller，完成请求映射和视图返回。整合MyBatis，完成Model、Mapper、Service、Controller和JSP视图。使用SpringBoot创建WebAPI，并通过浏览器或接口工具测试。比较传统JakartaEE项目与SpringBoot项目的启动和部署差异。4.实验步骤1.创建ch13_1，完成/hello映射和hello.jsp页面。2.创建ch13_2，配置数据源、SqlSessionFactory和@MapperScan。3.实现学生列表查询，并在JSP视图中展示。4.创建ch13_3SpringBoot项目，添加SpringWeb依赖。5.编写@RestController，返回字符串或JSON数据。5.关键代码或配置提示@RestController@RequestMapping("/api")publicclassHelloController{@GetMapping("/hello")publicMap<String,Object>hello(){returnMap.of("message","HelloSpringBoot","success",true);}}6.验收标准序号验收要点通过标准1SpringMVC项目能通过Controller返回视图。可演示、可解释、可复现2MyBatis查询能返回数据库数据。可演示、可解释、可复现3SpringBoot项目可独立启动并访问REST接口。可演示、可解释、可复现4能说明MVC三层职责和依赖注入的作用。可演示、可解释、可复现7.常见问题404或视图找不到：检查视图解析器路径和Controller映射。Mapper无法注入：检查@MapperScan包路径。8.实验报告要求写明实验环境、项目名称、访问地址或测试接口。说明核心实现思路，并附关键运行截图。记录至少1个调试问题及解决方法。总结本章实验与前后章节知识之间的联系。9.拓展任务增加新增和删除接口。使用Postman或浏览器测试RESTAPI。

实验14微信小程序与JavaWeb后端通信及智能客服对应教材章节第14章JavaWeb与微信小程序建议项目名ch14_1/ch14_2/ch14_4实验类型综合性+前后端协同建议学时2学时主要案例/清单案例学习：微信小程序的开发；安全性：在实际应用开发过程中，需注意安全性问题，如防止SQL注入、验证用户身份等。关联技术理解JavaWeb后端与微信小程序前端协同工作的模式，即小程序作为客户端（视图层）通过API与Java后端通信；掌握微信小程序前端如何使用wx1.实验情境将微信小程序作为客户端，JavaWeb或SpringMVC作为后端服务，完成wx.requestHTTP通信和WebSocket长连接通信，构建智能客服。2.实验目标理解JavaWeb后端与微信小程序前端协同工作的模式，即小程序作为客户端（视图层）通过API与Java后端通信。掌握微信小程序前端如何使用wx.request()向JavaWeb后端（Servlet）发送HTTP请求。掌握JavaWeb后端处理小程序请求时，必须设置Access-Control-Allow-Origin响应头以解决跨域问题。掌握在SpringMVC中配置ServerEndpointExporter以支持jakarta.websocket.server.ServerEndpoint注解。掌握微信小程序如何使用wx.connectSocket()与Java后端建立WebSocket长连接，实现智能客服等实时通信功能。3.实验任务创建JavaWeb后端接口，返回JSON或文本数据。在微信小程序中使用wx.request调用后端接口。处理本地调试跨域和合法域名问题。创建WebSocket服务端并配置ServerEndpointExporter。在小程序端使用wx.connectSocket实现聊天消息收发。4.实验步骤1.创建ch14_1Servlet

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论