11.7

第一步：将项目转换为 Web 项目（关键）
你的项目目前看起来是普通 Java 项目，需要配置为支持 Servlet 和 JSP 的 Web 项目：
右键项目根目录（ProjectManagementSystem）→ Add Framework Support...
在弹出的窗口中，勾选 Web Application（若有版本选择，选 3.0 及以上）→ 点击OK
此时项目会自动生成 Web 项目核心目录：web/WEB-INF（包含web.xml配置文件）
第二步：创建完整的目录结构
按照 MVC 架构补充目录，最终结构如下（在 IDEA 左侧项目树中操作）：
plaintext
ProjectManagementSystem
├── src/ // 后端Java代码
│ └── com/
│ ├── bean/ // 实体类（JavaBean）
│ │ └── Project.java // 项目信息实体（属性+getter/setter）
│ ├── dao/ // 数据访问层（操作数据库）
│ │ └── ProjectDao.java // 项目相关的增删改查方法
│ ├── servlet/ // 控制层（处理前端请求）
│ │ ├── AddProjectServlet.java // 处理项目立项
│ │ ├── EditProjectServlet.java // 处理修改项目
│ │ ├── DeleteProjectServlet.java // 处理删除项目
│ │ └── AuditProjectServlet.java // 处理项目审核
│ └── util/ // 工具类
│ └── DBUtil.java // 数据库连接工具（封装连接/关闭）
├── web/ // 前端资源（JSP/CSS/JS等）
│ ├── index.jsp // 主页面（菜单）
│ ├── addProject.jsp // 项目立项页面
│ ├── editProject.jsp // 修改项目页面
│ ├── deleteProject.jsp // 删除项目页面
│ ├── auditProject.jsp // 项目审核页面
│ ├── css/ // 样式表
│ │ └── style.css // 统一页面风格
│ ├── js/ // 前端脚本
│ │ └── validate.js // 表单验证（包含checkProjectId函数）
│ └── WEB-INF/
│ └── web.xml // Servlet配置（映射URL与Servlet类）
└── lib/ // 第三方依赖（需手动创建）
├── mysql-connector-java-8.0.30.jar // MySQL驱动（连接数据库用）
└── servlet-api.jar // Servlet依赖（Tomcat提供，也可直接用Tomcat库）
第三步：添加依赖（数据库驱动和 Servlet）
MySQL 驱动：
下载地址：MySQL Connector/J（选择对应版本，如 8.0.30）
解压后，将mysql-connector-java-8.0.30.jar复制到lib目录（若没有lib，右键项目→New→Directory，命名为lib）
右键lib目录下的 jar 包→Add as Library... →选择项目→点击OK（让 IDEA 识别依赖）
Servlet API：
若使用 Tomcat，可直接关联 Tomcat 库：
点击 IDEA 顶部菜单栏→File→Project Structure→Libraries→+→Tomcat Server→选择你的 Tomcat 安装目录→添加后即可使用 Servlet 相关类。
第四步：编写核心文件（示例）
数据库连接工具类（DBUtil.java）：在src/com/util/下创建，代码参考之前的设计方案，注意修改数据库地址、用户名和密码为你的 MySQL 信息。
项目实体类（Project.java）：在src/com/bean/下创建，包含数据库表中所有字段的属性，并生成 getter 和 setter 方法。
前端验证脚本（validate.js）：在web/js/下创建，放入checkProjectId等验证函数，如：
javascript
运行
function checkProjectId(id) {
const reg = /^\d{8}$/; // 8位数字验证
const yearMonth = id.substr(0,4);
return reg.test(id) && yearMonth >= "2410" && yearMonth <= "9912";
}
主页面（index.jsp）：在web/目录下创建，包含 4 个功能菜单的超链接，例如：
jsp

项目计划管理系统

1. 项目立项
2. 修改项目
3. 删除项目
4. 审核项目
第五步：配置 Servlet（web.xml） 在web/WEB-INF/web.xml中配置 Servlet 映射，例如项目立项的 Servlet： xml AddProjectServlet com.servlet.AddProjectServlet AddProjectServlet /AddProjectServlet 第六步：配置 Tomcat 并运行 点击 IDEA 顶部工具栏的Add Configuration→+→Tomcat Server→Local 在Server标签中，配置 Tomcat 安装目录 在Deployment标签中，点击 **+**→Artifact→选择项目的 war 包（若没有，先 Build 项目） 点击OK，然后点击运行按钮（绿色三角），Tomcat 启动后访问http://localhost:8080/项目名即可看到主页面