需将HTML升级为JSP：一、改扩展名为.jsp，顶部添加page指令，保留DOCTYPE；二、将静态内容如时间替换为<%= new java.util.Date() %>等JSP表达式。
如果您拥有一份静态HTML页面，希望将其升级为支持Java服务器端逻辑的JSP页面，需在保留原有结构与样式的基础上，嵌入JSP脚本元素、引入JavaBean或使用JSTL等动态能力。以下是具体迁移步骤：
一、基础文件扩展名与声明替换
HTML文件本质是纯客户端标记语言，而JSP需以.jsp为后缀并声明标准页面指令，以便容器识别其为Java服务器端资源。此步骤确保Web容器（如Tomcat）正确编译和执行该文件。
1、将原文件名从index.html改为index.jsp。
2、在文件最顶部添加JSP页面指令：<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>。
立即学习“前端免费学习笔记（深入）”；
3、确认DOCTYPE声明仍保留在首行之后，例如<!DOCTYPE html>，且不被JSP指令遮挡。
二、HTML内联脚本迁移至JSP表达式与脚本片段
原始HTML中若含硬编码内容（如时间、用户名称），需替换为JSP动态输出语法，避免前端静态渲染导致数据陈旧。JSP提供三种嵌入方式：表达式<%= %>、脚本片段<% %>和声明<%! %>，其中表达式最常用于内容插入。
1、查找HTML中类似<p>当前时间：2024-05-20</p>的静态文本。
2、将其替换为：<p>当前时间：。
3、若需多行Java逻辑，使用脚本片段包裹，例如定义变量后输出：<% String userName = request.getParameter("name"); if (userName == null) userName = "访客"; %><p>欢迎，<%= userName %>！</p>。
三、表单提交目标由HTML转向JSP处理页
HTML表单默认提交至静态资源，无法触发Java逻辑；迁移时需将action指向可执行Java代码的JSP页面或Servlet。直接使用JSP处理虽可行，但推荐分离关注点——表单提交至专用JSP处理器。
1、定位原HTML中<form action="submit.html">标签。
2、修改action属性为指向JSP处理页，例如：<form action="process.jsp" method="post">。
3、创建process.jsp文件，在其中获取参数并执行业务逻辑：<% String email = request.getParameter("email"); out.println("收到邮箱：" + email); %>。
四、静态资源路径适配Web应用上下文根
JSP运行于Web容器中，所有相对路径均基于当前Web应用上下文（Context Path）解析。HTML中常见的./css/style.css在部署后可能失效，必须使用容器提供的绝对路径机制确保资源可达。
1、将CSS引入语句<link rel="stylesheet" href="./css/style.css">替换为：<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">。
2、对图片、JS脚本等所有外部资源链接，统一添加${pageContext.request.contextPath}前缀。
3、检查路径中是否含多余斜杠，例如${pageContext.request.contextPath}//js/app.js应修正为${pageContext.request.contextPath}/js/app.js。
五、引入JSTL标签库替代手工Java代码
当HTML中存在重复列表渲染、条件显示等逻辑时，手工编写<% %>脚本易出错且难维护。JSTL（JSP Standard Tag Library）提供标准化标签，提升可读性与安全性，需先声明URI并配置依赖。
1、在JSP顶部添加JSTL核心库声明：<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>。
2、将原始HTML中手动拼接的循环列表（如用<% for(...){ %>...<% } %>）替换为：<c:forEach items="${userList}" var="user"><p>${user.name}</p></c:forEach>。
3、将条件判断如<% if(flag){ %>显示<% }else{ %>隐藏<% } %>替换为：<c:if test="${flag}">显示</c:if><c:if test="${not flag}">隐藏</c:if>。
