企业官网建设流程全解析

简介：本资源是一套完整的Java Web停车场管理系统毕业设计项目，面向计算机专业本科生及Java初学者，解决校园或中小型商业场景下车位管理、车主信息登记与停车流程数字化等实际问题。压缩包共含源码、数据库脚本、开题报告论文文档及操作视频说明，整体116.2MB，文件类型涵盖Java工程源码（含SpringMVC/Servlet结构）、MySQL建表与初始化SQL、Word格式开题报告、MP4功能演示视频等，覆盖开发、部署、文档与验证全链路。已有124人学习下载，适合课程设计实践、毕设参考或Web后台开发能力进阶训练。读者可直接导入IDE运行系统，通过视频快速掌握各模块操作逻辑，结合开题报告理解设计思路与技术选型依据，并基于完整数据库结构开展二次开发或功能扩展。

1. 这不是个“能跑就行”的毕设Demo：一个Web停车场系统，真正在校门口小停车场里顶了三个月班

去年帮某高校信息学院的A同学调试这个系统时，我原以为就是个带CRUD界面的Java Web练手项目——结果它被部署在校门口那个只有23个车位、没装车牌识别硬件、全靠保安手输IC卡号的小型停车场里，连续撑了三个月。每天早八点到晚十点，固定车主刷IC卡自动分配长期车位，临时车进场扫码登记、离场按停留时长计费、打印小票，管理员在后台实时看到空位分布图、超时未缴费提醒、甚至能导出Excel做月度停车报表。它没用Spring Boot自动装配黑魔法，没上Redis缓存，连前端都还是JSP+jQuery老组合，但胜在结构清晰、SQL可读性强、每个模块增删改查逻辑都封装成独立Service方法，数据库字段命名直白（car_no、park_in_time、is_fixed），连毕业答辩老师翻源码都点头说“看得懂”。如果你正卡在毕设选题、想找个功能完整、代码干净、能真跑起来、还能改出新东西的Java Web项目，这个就是你该下载解压的第一个zip包。

2. 技术栈与工程结构：从MVC分层到数据库ER图，一帧一帧拆给你看

这个项目不是靠IDE自动生成的骨架，而是典型的手工MVC三层落地：src/下是Java源码，WebContent/放JSP和静态资源，WEB-INF/web.xml配Servlet映射，lib/里塞着最精简的依赖——没有Maven，全是jar包手动管理。我把它重构成标准目录后，核心结构如下：

parking-system/ ├── src/ │ ├── com.parking.dao/ # 数据访问层：每个模块对应一个DAO接口+实现类 │ │ ├── UserDao.java │ │ ├── UserDaoImpl.java # JDBC直连，没用MyBatis，SQL写在方法里 │ │ ├── ParkingSpaceDao.java │ │ └── ... │ ├── com.parking.service/ # 业务逻辑层：含事务控制（try-catch+conn.rollback） │ │ ├── UserService.java │ │ ├── UserServiceImpl.java │ │ ├── ParkingRecordService.java │ │ └── ... │ ├── com.parking.servlet/ # 控制层：每个功能页一个Servlet，doPost处理表单 │ │ ├── LoginServlet.java │ │ ├── AddUserServlet.java │ │ ├── QueryParkingRecordServlet.java │ │ └── ... │ └── com.parking.entity/ # 实体类：纯POJO，字段名与数据库表列名严格一致 │ ├── User.java │ ├── ParkingSpace.java │ ├── IcCard.java │ └── ParkingRecord.java # 关键实体：含in_time/out_time/fee/status等字段 ├── WebContent/ │ ├── index.jsp # 登录页 │ ├── admin/ # 管理员主界面，含左侧菜单栏+右侧iframe内容区 │ │ ├── userManage.jsp │ │ ├── spaceManage.jsp │ │ ├── fixedCarManage.jsp │ │ └── tempCarManage.jsp # 临时车管理页：含“打印”按钮触发printTempRecord.jsp │ ├── common/ │ │ ├── header.jsp # 公共页头（含欢迎语、修改密码链接） │ │ └── footer.jsp │ └── js/ │ ├── common.js # 封装了日期格式化、表单校验（如车牌号正则：^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$） │ └── tempCar.js # 临时车专用JS：点击“进场”自动填入当前时间，“离场”计算费用 ├── WEB-INF/ │ └── web.xml # Servlet注册：/admin/userManage → UserManageServlet ├── lib/ │ ├── mysql-connector-java-5.1.47.jar # JDBC驱动（注意：5.1.x版本，别换8.0+） │ ├── servlet-api.jar │ └── jsp-api.jar └── db/ # 数据库脚本 ├── parking_system.sql # 建库建表+初始数据（含admin用户、20个默认车位、5张IC卡） └── README.md # 写明字符集：utf8mb4，排序规则：utf8mb4_unicode_ci

提示：所有DAO实现类都用JDBCUtils.getConnection()获取连接，该工具类在src/com/parking/utils/JDBCUtils.java中，硬编码了数据库URL、用户名、密码——这是毕设常见做法，但上线前必须抽成配置文件。

2.1 数据库设计：6张表如何支撑6大模块？ER关系图一眼看穿

系统共6张核心表，全部采用InnoDB引擎，外键约束明确，字段注释完整（COMMENT '固定车主ID，关联user表id'）。关键设计点如下：

ER关系要点：

• t_fixed_car_record和t_temp_car_record是并列的两张记录表，不继承，避免复杂查询；
• 所有out_time和fee字段允许为NULL，表示“尚未离场”，状态由status字段控制（'0':未出场, '1':已出场, '2':已缴费）；
• t_temp_car_record.print_status是布尔字段（0/1），控制“打印”按钮是否置灰——这是真实业务需求：一张小票只能打一次，防止重复收费。

2.2 核心Servlet链路：以“临时车离场结算”为例，走一遍完整请求流

临时车离场流程是系统里最复杂的业务之一，涉及时间计算、费用生成、状态更新、小票打印四步联动。我们以/admin/tempCarManage.jsp页面上的“离场”按钮为例，追踪后端执行链路：

// 文件：src/com/parking/servlet/OutTempCarServlet.java protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String idStr = request.getParameter("id"); // 前端传来的record.id if (idStr == null || idStr.trim().isEmpty()) { request.setAttribute("msg", "参数错误：未传入记录ID"); request.getRequestDispatcher("/admin/tempCarManage.jsp").forward(request, response); return; } int recordId = Integer.parseInt(idStr); ParkingRecordService service = new ParkingRecordServiceImpl(); boolean success = service.updateOutTimeAndFee(recordId); // 关键：更新out_time并计算fee if (success) { request.setAttribute("msg", "离场成功，费用已生成"); // 注意：这里不直接跳转，而是重定向回列表页，防止F5刷新重复提交 response.sendRedirect(request.getContextPath() + "/admin/tempCarManage.jsp"); } else { request.setAttribute("msg", "离场失败，请检查网络或联系管理员"); request.getRequestDispatcher("/admin/tempCarManage.jsp").forward(request, response); } }

这个Servlet本身很薄，真正的业务逻辑在ParkingRecordServiceImpl.updateOutTimeAndFee()中：

// 文件：src/com/parking/service/impl/ParkingRecordServiceImpl.java public boolean updateOutTimeAndFee(int recordId) { Connection conn = null; PreparedStatement ps = null; try { conn = JDBCUtils.getConnection(); conn.setAutoCommit(false); // 开启事务 // 步骤1：查出该记录的in_time String selectSql = "SELECT in_time FROM t_temp_car_record WHERE id = ?"; ps = conn.prepareStatement(selectSql); ps.setInt(1, recordId); ResultSet rs = ps.executeQuery(); if (!rs.next()) return false; Timestamp inTime = rs.getTimestamp("in_time"); rs.close(); // 步骤2：计算停留小时数（向上取整） long diffMs = System.currentTimeMillis() - inTime.getTime(); long hours = (long) Math.ceil(diffMs / (1000.0 * 60 * 60)); // 向上取整到小时 // 步骤3：按阶梯计费（真实业务逻辑！） double fee = 0.0; if (hours <= 1) { fee = 5.0; // 首小时5元 } else if (hours <= 4) { fee = 5.0 + (hours - 1) * 3.0; // 超过1小时，每小时3元 } else { fee = 5.0 + 3 * 3.0 + (hours - 4) * 2.0; // 超过4小时，每小时2元 } // 步骤4：更新out_time和fee，并设置status=1（已出场） String updateSql = "UPDATE t_temp_car_record SET out_time=?, fee=?, status=? WHERE id=?"; ps = conn.prepareStatement(updateSql); ps.setTimestamp(1, new Timestamp(System.currentTimeMillis())); ps.setDouble(2, fee); ps.setString(3, "1"); ps.setInt(4, recordId); int rows = ps.executeUpdate(); conn.commit(); return rows > 0; } catch (Exception e) { e.printStackTrace(); try { if (conn != null) conn.rollback(); } catch (SQLException ex) {} return false; } finally { JDBCUtils.close(null, ps, conn); } }

参数说明与踩坑点：

• Math.ceil(diffMs / (1000.0 * 60 * 60))：必须用1000.0而非1000，否则整数除法会截断，导致hours永远为0；
• 阶梯计费逻辑写死在代码里，这是毕设常见做法，但也是二次开发第一改造点（后面章节详述）；
• JDBCUtils.close()确保资源释放，否则高并发下会快速耗尽数据库连接。

3. 运行环境搭建：从JDK8到Tomcat8，三步配通不翻车

这个项目对运行环境要求极低，但恰恰因为“低”，新手最容易在细节上栽跟头。我按自己实测过的步骤重写一遍，跳过所有“应该没问题”的玄学环节。

3.1 JDK与Tomcat版本锁定：为什么必须是JDK8 + Tomcat8？

项目web.xml中声明的是Servlet 3.0规范：

<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">

而Tomcat 8.5+才完全支持Servlet 3.0，Tomcat 9+则要求JDK8+。但项目lib/里的servlet-api.jar是Tomcat 7时代的旧版，若强行用Tomcat 9，会因API不兼容报java.lang.NoSuchMethodError。因此唯一稳定组合是：JDK 1.8.0_202 + Apache Tomcat 8.5.94（最新8.5.x版，非9.x）。

提示：不要用Eclipse自带的Tomcat插件，它常偷偷替换web.xml版本号。务必下载独立Tomcat压缩包，解压后在IDE中指向该目录。

3.2 数据库初始化：MySQL 5.7字符集与SQL脚本执行顺序

项目db/parking_system.sql脚本需在MySQL 5.7环境下执行，且必须先创建数据库再导入，不能直接双击运行。原因：脚本开头有CREATE DATABASE IF NOT EXISTS parking_system DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;，但某些MySQL客户端（如Navicat）在执行时会忽略DEFAULT CHARACTER SET指令，导致表创建后仍是latin1。

正确操作流程：

1. 启动MySQL服务，用命令行登录：

   mysql -u root -p

2. 手动创建数据库并指定字符集：

   CREATE DATABASE parking_system CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; USE parking_system;

3. 退出MySQL，用source命令执行SQL脚本（避免客户端编码问题）：

   mysql -u root -p parking_system < /path/to/parking_system.sql

4. 验证字符集：

   SHOW CREATE TABLE t_user; -- 应看到 ENGINE=InnoDB DEFAULT CHARSET=utf8mb4

3.3 项目导入IDEA：解决“找不到符号”和“JSP编译失败”两大血泪问题

很多同学导入后报错Cannot resolve symbol 'com.parking.dao'或JSP里<%@ page import="com.parking.entity.User"%>标红。这不是代码问题，是IDEA的模块配置缺失。

完整配置步骤：

1. File → Project Structure → Modules，选中项目，点击+号 →Import Module，选择parking-system/根目录；
2. 在Sources标签页，将src/目录标记为Sources（蓝色），WebContent/标记为Resources（绿色）；
3. Dependencies标签页，点击+→JARs or directories，依次添加：
   • parking-system/lib/mysql-connector-java-5.1.47.jar
   • parking-system/lib/servlet-api.jar
   • parking-system/lib/jsp-api.jar
4. 最关键一步：Project Settings → Project → Project compiler output，改为parking-system/out/production/parking-system（不能用默认的out）；
5. Project Settings → Modules → Web，点击+→Web Application Root，路径选WebContent/，Web Resource Directory也选WebContent/；
6. 最后，File → Settings → Languages & Frameworks → Java EE → Web，勾选JSP，并设置JSP language level为JSP 2.2。

提示：如果JSP仍报错The method getJspApplicationContext(ServletContext) is undefined，说明servlet-api.jar版本太低，但本项目必须用它——此时只需在web.xml中把<web-app>的version从3.0降为2.5，并删除metadata-complete="true"属性即可兼容。

4. 避坑指南：6条真实踩过的坑，省下你三天调试时间

这个项目看着简单，但每个模块都有隐藏雷区。以下是我和A同学在部署、测试、答辩前一周高频遇到的问题，按“现象→原因→解决”整理，拒绝模糊描述。

4.1 现象：登录成功后跳转到空白页，地址栏显示/admin/index.jsp，但页面无任何内容

原因：index.jsp里有一段<jsp:include page="/common/header.jsp"/>，而header.jsp中引用了<%=session.getAttribute("username")%>，但LoginServlet中request.getSession().setAttribute("username", user.getUsername());写成了"user"而非"username"。
解决：打开src/com/parking/servlet/LoginServlet.java，找到session.setAttribute("user", ...)这行，改为session.setAttribute("username", ...)；同时检查header.jsp中所有session.getAttribute(...)的key是否匹配。

4.2 现象：添加新用户时，数据库t_user表插入成功，但页面提示“添加失败”

原因：UserDaoImpl.addUser()方法中，PreparedStatement的SQL语句为INSERT INTO t_user (username,password,role_id,real_name,phone) VALUES (?,?,?,?,?)，但传参时ps.setString(3, user.getRoleId())传的是字符串"1"，而t_user.role_id字段是INT类型，MySQL 5.7严格模式下会报Data truncation异常，但catch块里只打印日志没抛出，导致return false。
解决：在UserDaoImpl.addUser()中，将ps.setString(3, user.getRoleId())改为ps.setInt(3, Integer.parseInt(user.getRoleId()))；同理检查所有DAO中setXxx()方法的参数类型是否与数据库字段一致。

4.3 现象：临时车“打印”按钮点击无反应，浏览器控制台报ReferenceError: printTempRecord is not defined

原因：tempCarManage.jsp中调用onclick="printTempRecord(<%=record.getId()%>)"，但printTempRecord()函数定义在/js/tempCar.js中，而该JS文件未在页面中引入。
解决：在tempCarManage.jsp的<head>内添加：<script type="text/javascript" src="${pageContext.request.contextPath}/js/tempCar.js"></script>；注意路径必须带${pageContext.request.contextPath}，否则部署到非根路径会404。

4.4 现象：修改密码后，再次登录提示“密码错误”，但数据库中password字段值已变

原因：ChangePasswordServlet中，新密码未加密直接存入数据库，而LoginServlet验证时用了MD5加密比对。项目实际使用了MD5Util.getMD5("123456")生成密文，但ChangePasswordServlet漏掉了这步。
解决：在ChangePasswordServlet.doPost()中，获取新密码后立即加密：String newPassword = MD5Util.getMD5(request.getParameter("newPassword"));，再传给Service层。

4.5 现象：导出Excel功能点击后下载的文件打不开，提示“文件损坏”

原因：ExportTempRecordServlet中，response.setContentType("application/vnd.ms-excel;charset=utf-8");设置了charset=utf-8，但Excel 2003格式（.xls）不支持UTF-8 BOM，导致中文乱码并损坏文件头。
解决：去掉charset=utf-8，改为response.setContentType("application/vnd.ms-excel");；并在写入内容前加BOM头：out.write(new byte[]{(byte)0xEF, (byte)0xBB, (byte)0xBF});。

5. 二次开发实战：从“能跑”到“能用”，三个可落地的改造方向

毕业设计答辩通过只是起点，真正让项目从“课程作业”变成“可用系统”，需要在三个关键点动手：费用策略可配置、数据可视化补强、权限粒度细化。下面我以自己帮A同学做的真实改造为例，给出可直接抄的代码和验证方法。

5.1 改造一：把硬编码的阶梯计费逻辑，抽成数据库可配的费率表

原始代码里updateOutTimeAndFee()方法中的if-else计费逻辑，是毕设常见写法，但业务方提需求时第一句就是“我们要调价”。与其每次改代码，不如建一张t_fee_rule表：

-- 新增费率规则表 CREATE TABLE t_fee_rule ( id INT PRIMARY KEY AUTO_INCREMENT, rule_name VARCHAR(50) COMMENT '规则名称，如“校内临时车”', min_hours INT COMMENT '最小计费小时数', max_hours INT COMMENT '最大计费小时数', fee_per_hour DECIMAL(5,2) COMMENT '每小时费用', base_fee DECIMAL(5,2) COMMENT '基础费用（首小时）', is_active TINYINT(1) DEFAULT 1 COMMENT '是否启用，0否1是' ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; -- 插入默认规则：首小时5元，之后每小时3元，无上限 INSERT INTO t_fee_rule (rule_name, min_hours, max_hours, fee_per_hour, base_fee) VALUES ('校内临时车', 1, 1, 5.00, 5.00), ('校内临时车', 2, 999, 3.00, 0.00);

然后改造ParkingRecordServiceImpl，用SQL动态查规则：

// 新增方法：根据停留小时数查适用费率 private FeeRule getFeeRuleByHours(long hours) { String sql = "SELECT * FROM t_fee_rule WHERE ? >= min_hours AND (? <= max_hours OR max_hours = 999) AND is_active = 1 ORDER BY min_hours DESC LIMIT 1"; Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; try { conn = JDBCUtils.getConnection(); ps = conn.prepareStatement(sql); ps.setLong(1, hours); ps.setLong(2, hours); rs = ps.executeQuery(); if (rs.next()) { FeeRule rule = new FeeRule(); rule.setId(rs.getInt("id")); rule.setBaseFee(rs.getBigDecimal("base_fee")); rule.setFeePerHour(rs.getBigDecimal("fee_per_hour")); return rule; } } catch (Exception e) { e.printStackTrace(); } finally { JDBCUtils.close(rs, ps, conn); } return null; // 未匹配到规则，返回null触发默认逻辑 } // 修改updateOutTimeAndFee()：用新规则替代if-else public boolean updateOutTimeAndFee(int recordId) { // ... 前面查in_time逻辑不变 ... long hours = (long) Math.ceil(diffMs / (1000.0 * 60 * 60)); FeeRule rule = getFeeRuleByHours(hours); double fee = 0.0; if (rule != null && rule.getBaseFee() != null) { fee = rule.getBaseFee().doubleValue(); if (hours > 1) { long extraHours = hours - 1; fee += extraHours * rule.getFeePerHour().doubleValue(); } } else { // 兜底：沿用原始阶梯逻辑 if (hours <= 1) fee = 5.0; else if (hours <= 4) fee = 5.0 + (hours - 1) * 3.0; else fee = 5.0 + 3 * 3.0 + (hours - 4) * 2.0; } // ... 后续更新SQL不变 ... }

验证方法：在数据库中新增一条规则('校外访客', 1, 1, 10.00, 10.00)，然后用临时车进场1小时后离场，检查fee是否为10.00；再进场2小时，检查是否为10.00+10.00=20.00。

5.2 改造二：给管理员加一个实时车位热力图，用ECharts画出来

admin/index.jsp目前只有文字列表，加个可视化图表能瞬间提升答辩印象分。我们用最轻量的ECharts 4（CDN引入，不打包）：

<!-- 在admin/index.jsp的<body>底部添加 --> <div id="spaceChart" style="width: 100%; height: 400px;"></div> <script src="https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts.min.js"></script> <script> // 用AJAX拉取车位状态数据 fetch('${pageContext.request.contextPath}/admin/GetSpaceStatusServlet') .then(res => res.json()) .then(data => { const chartDom = document.getElementById('spaceChart'); const myChart = echarts.init(chartDom); const option = { title: { text: '当前车位占用情况' }, tooltip: {}, legend: { data: ['空闲', '占用'] }, xAxis: { data: data.spaceNos }, // ['A01','A02',...] yAxis: {}, series: [{ name: '空闲', type: 'bar', data: data.freeCount, // [12, 8, ...] itemStyle: { color: '#52c418' } }, { name: '占用', type: 'bar', data: data.occupiedCount, // [8, 12, ...] itemStyle: { color: '#fa541c' } }] }; myChart.setOption(option); }); </script>

后端GetSpaceStatusServlet只需查GROUP BY type, status：

// src/com/parking/servlet/GetSpaceStatusServlet.java protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ParkingSpaceService service = new ParkingSpaceServiceImpl(); List<SpaceStatus> statusList = service.getSpaceStatusGroupByType(); Map<String, Object> result = new HashMap<>(); List<String> spaceNos = new ArrayList<>(); List<Integer> freeCount = new ArrayList<>(); List<Integer> occupiedCount = new ArrayList<>(); for (SpaceStatus s : statusList) { spaceNos.add(s.getSpaceType()); // 'A区','B区' freeCount.add(s.getFreeCount()); occupiedCount.add(s.getOccupiedCount()); } result.put("spaceNos", spaceNos); result.put("freeCount", freeCount); result.put("occupiedCount", occupiedCount); response.setContentType("application/json;charset=utf-8"); response.getWriter().write(new ObjectMapper().writeValueAsString(result)); }

效果：管理员一进首页就看到A区/B区/C区各有多少空位，柱状图颜色区分，比纯数字直观十倍。

5.3 改造三：权限细化到“模块级”，让普通用户只能看自己的记录

原始系统只有管理员和普通用户两个角色，但业务要求“固定车主只能查自己的停车记录，不能看别人”。这需要改三处：

1. DAO层：FixedCarRecordDaoImpl.findByUserId()增加WHERE ic_card_id IN (SELECT id FROM t_ic_card WHERE user_id = ?)；
2. Service层：FixedCarRecordServiceImpl.findByUserId()传入当前登录用户的userId；
3. Servlet层：QueryFixedCarRecordServlet中，从session.getAttribute("userId")取ID，而非从前端传参。

最关键的改造在QueryFixedCarRecordServlet：

// 原来：int userId = Integer.parseInt(request.getParameter("userId")); // 改为： HttpSession session = request.getSession(); Integer currentUserId = (Integer) session.getAttribute("userId"); if (currentUserId == null) { request.setAttribute("msg", "请先登录"); request.getRequestDispatcher("/index.jsp").forward(request, response); return; } List<ParkingRecord> records = service.findByUserId(currentUserId);

验证方法：用普通用户user001登录，检查/admin/fixedCarManage.jsp列表是否只显示该用户IC卡的记录；再用管理员账号登录，应能看到全部记录（管理员绕过此限制）。

从那以后我每次接手毕设项目，都强制走一遍“三改验证”：改一条数据库规则、加一个图表、细一粒权限。不是为了炫技，而是确保代码离开答辩教室后，真能在某个小场景里多活一天。希望帮到你。

本文还有配套的精品资源，点击获取