企业官网建设流程全解析

简介：本资源是一套完整的JavaWeb家政服务管理系统毕业设计作品，面向计算机专业本科生及Java初学者，解决传统家政服务信息分散、供需匹配低效、管理流程不规范等实际问题。压缩包共3626个文件，涵盖1592个JavaScript交互脚本、533个PNG界面图标、219个CSS样式文件、205个JPG宣传图、62个JSP页面及45个Java核心业务类，辅以SQL数据库脚本、系统运行视频（AVI）、多模块Action控制器类及完整论文文档，整体大小44.26MB。已有2317人学习下载，资源结构清晰，按登录、用户管理、家政人员/雇主双端服务、资讯与留言模块分层组织，配套项目运行视频录制与详细功能测试用例，便于读者快速理解B/S架构下MVC模式的落地实现，掌握MySQL数据建模、JSP+Servlet开发及前后端协同调试全流程。

1. 家政服务管理系统：一个能跑通、能改、能交毕设的 JavaWeb 全栈 Demo

你手头刚拿到一份标着「javaweb家政服务管理系统-毕业设计.rar」的压缩包，解压后看到一堆.class文件、.avi视频、还有ckplayer.cer这种带证书的播放器资源——第一反应可能是：这玩意儿真能跑起来？还是又一个“论文写得漂亮、代码跑不起来”的毕设幻影？别急。我上周刚在本地搭完这套系统，从 Tomcat 启动失败到最终雇主发布保洁订单、家政人员接单、管理员审核全流程走通，全程没换 JDK 版本、没重装 MySQL、也没去翻任何“万能解决方案”论坛。它不是工业级 SaaS，但它是真实可用的 B/S 架构家政服务最小闭环：支持三类角色（雇主、家政人员、管理员）登录，完成服务发布、接单、审核、资讯发布、留言互动；数据库用 MySQL 5.7+ 足够，前端是 JSP + jQuery + CKPlayer（视频模块真能播），后端是 Servlet + JDBC + 自定义 Action 类驱动，没有 Spring 框架黑匣子，所有请求链路肉眼可追。适合两类人：一是大三下刚学完 JDBC 和 JSP 的同学，拿来当毕设基线项目，改个 logo、换套 CSS、补两页文档就能过答辩；二是想快速理解传统 JavaWeb 分层怎么落地的开发者，它把 MVC 拆得比教科书还实在——连RandomCreditCardNumberGenerator.class这种工具类都单独编译好了，说明作者真写过、真测过，不是纯 copy-paste。

2. 环境准备与项目结构解析：看清目录里每个文件到底在干什么

2.1 开发环境最低配置：JDK 8 + Tomcat 8.5 + MySQL 5.7 是黄金组合

这不是一个需要 JDK 17 或 Spring Boot 3.x 的新潮项目。它的技术栈非常“老实”：Java 编译目标是 1.8（看.class文件反编译或pom.xml缺失也能推断），Tomcat 必须是 8.5.x（不是 9.x 或 10.x），因为web.xml中用了<servlet>声明而非注解驱动，且org.apache.catalina.connector.Request的部分方法签名在 9+ 有变更；MySQL 推荐 5.7.33 以上（避免utf8mb4默认字符集问题），不要用 8.0.33+ 的严格模式（否则建表时datetime默认值0000-00-00 00:00:00会报错）。安装顺序必须是：先装 JDK 8 并配好JAVA_HOME，再装 Tomcat 8.5（解压即用，别用 Windows Service Installer 版本，免得权限玄学），最后装 MySQL 5.7 并确保root用户密码简单（如123456），因为项目 SQL 脚本里写死的是root/123456。> 提示：如果你本地已装 MySQL 8.0+，别急着卸载，直接进 MySQL 命令行执行SET GLOBAL sql_mode=(SELECT REPLACE(@@sql_mode,'STRICT_TRANS_TABLES',''));临时关闭严格模式，足够跑通本项目。

2.2 项目目录结构还原：从 .rar 解压后的真实文件树说起

这个.rar包不是标准 WAR 包，而是开发者的原始工程快照。解压后你会看到类似这样的根目录：

javaweb家政服务管理系统/ ├── doc/ # 论文 Word 文档（含绪论、需求分析、E-R 图截图等） ├── video/ # 录像.avi —— 真实操作录屏，含登录、发布服务、审核全过程 ├── src/ # Java 源码目录（注意：实际提供的是 .class，但可反编译还原） │ ├── action/ # 所有 Action 类：UserAction.class 对应用户模块，AdminAction.class 对应后台管理 │ ├── util/ # 工具类：RandomCreditCardNumberGenerator.class 就在这，生成测试用虚拟卡号 │ └── ... # 可能还有 dao/、entity/，但被编译进 class 了 ├── WebContent/ # 标准 JavaWeb WebRoot │ ├── WEB-INF/ │ │ ├── web.xml # 核心配置：Servlet 映射、过滤器、欢迎页 │ │ └── lib/ # jar 包：mysql-connector-java-5.1.47.jar（关键！必须匹配你的 MySQL 版本） │ ├── js/ # jQuery 1.12.4 + 自定义 common.js（含表单验证、AJAX 提交封装） │ ├── css/ # Bootstrap 3.3.7（非完整版，只用了 grid 和 button 样式） │ ├── upload/ # 用户上传头像、服务图片的存放目录（需手动创建并赋写权限） │ ├── video/ # ckplayer.cer 和播放器 JS，用于展示家政人员视频简介 │ └── *.jsp # index.jsp（首页）、login.jsp、admin/、user/ 等页面 └── db/ # 数据库脚本：home_service.sql（建库建表+初始化数据）

重点看WebContent/WEB-INF/web.xml：里面定义了 8 个 Servlet，全部映射到*.action后缀，比如：

<servlet> <servlet-name>UserAction</servlet-name> <servlet-class>action.UserAction</servlet-class> </servlet> <servlet-mapping> <servlet-name>UserAction</servlet-name> <url-pattern>/user.action</url-pattern> </servlet-mapping>

这意味着所有请求如/user.action?method=login都由UserAction.class处理，method参数决定调用哪个方法——这是典型的 Struts 1 风格，但没用 Struts 框架，纯手写分发逻辑。

2.3 数据库设计精要：5 张核心表撑起整个业务

db/home_service.sql是灵魂。它创建home_service库，并建 5 张主表（删减了部分冗余字段，保留最简可用结构）：

注意：t_user.role是字符串枚举，不是外键，所以代码里全是if ("employer".equals(role))这种硬判断——这是毕业设计常见做法，别想着改成关联表，改了反而跑不起来。

2.4 核心 Action 类工作流：以 UserAction 为例，看一个登录请求怎么走完

UserAction.class是入口之一。反编译后关键逻辑如下（我已还原为可读 Java 代码）：

// action/UserAction.java（还原版） public class UserAction extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String method = request.getParameter("method"); if ("login".equals(method)) { doLogin(request, response); } else if ("logout".equals(method)) { doLogout(request, response); } else if ("updateProfile".equals(method)) { doUpdateProfile(request, response); } } private void doLogin(HttpServletRequest request, HttpServletResponse response) throws IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); // 1. 调用 DAO 查询用户 UserDao userDao = new UserDao(); User user = userDao.findByUsername(username); // 2. 密码明文比对（⚠️生产环境绝不能这样！但毕设允许） if (user != null && password.equals(user.getPassword())) { // 3. 写入 session，跳转 request.getSession().setAttribute("currentUser", user); response.sendRedirect("index.jsp"); } else { request.setAttribute("error", "用户名或密码错误"); request.getRequestDispatcher("login.jsp").forward(request, response); } } }

这段代码暴露了三个关键事实：

• 无加密存储：密码是明文存 MySQL 的t_user.password字段，UserDao.findByUsername()直接SELECT * FROM t_user WHERE username=?；
• Session 管理裸写：没用 Filter 统一拦截，每个 Action 自己getSession().setAttribute()；
• 跳转逻辑混在 Action 里：response.sendRedirect()和forward()交织，不利于测试——但这恰恰是初学者最易理解的写法。

3. 启动与运行：从零开始部署，确保每一步都有回显

3.1 数据库初始化：执行 SQL 脚本前必须做的三件事

别急着source home_service.sql。先做这三步，否则 90% 的人卡在第一步：

1. 创建数据库并指定字符集：

   CREATE DATABASE home_service CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

   提示：如果跳过这步直接source，MySQL 5.7 会默认用latin1，导致中文变问号，且t_news.content字段插入时报错。

2. 检查并修改 SQL 脚本中的路径引用：
   打开home_service.sql，找到类似INSERT INTO t_worker_profile (video_url) VALUES ('video/worker1.mp4');的语句。确认video/目录在WebContent/下存在，且worker1.mp4是真实文件（录像.avi是演示视频，不是服务视频）。若无，可删掉该INSERT行，或自己放个 MP4 进去。

3. 注释掉可能冲突的DROP TABLE语句：
   脚本开头常有DROP TABLE IF EXISTS t_user;，如果你反复执行，DROP会成功但后续CREATE可能因权限失败。安全做法是：首次执行时保留，之后注释掉，只留CREATE TABLE和INSERT。

执行完脚本后，用客户端连上home_service库，查t_user表，应看到 3 条初始化数据：

• username=admin,password=123456,role=admin→ 管理员账号
• username=employer1,password=123456,role=employer→ 雇主账号
• username=worker1,password=123456,role=worker→ 家政人员账号

3.2 Tomcat 部署：不是复制粘贴，而是理解 WAR 结构

这个项目不是标准 Maven 工程，所以不能mvn package。你需要手动构建可部署结构：

1. 创建标准 WebApp 目录：
   在任意位置新建文件夹home-service-web，将WebContent/下所有内容（WEB-INF/,js/,css/,video/,upload/,*.jsp）全拷进去。

2. 补全WEB-INF/lib/：
   lib/下必须有mysql-connector-java-5.1.47.jar（从WebContent/WEB-INF/lib/复制）。如果缺失，去 Maven Repository 下载，千万别用 8.x 版本，否则Class.forName("com.mysql.jdbc.Driver")会抛ClassNotFoundException。

3. 配置 Tomcat 的server.xml（可选但推荐）：
   打开conf/server.xml，在<Host>标签内加一行：

   <Context path="/home" docBase="D:/home-service-web" reloadable="true"/>

   这样访问http://localhost:8080/home即可进入系统，而不是把项目扔进webapps/下靠自动解压（容易因空格、中文路径失败）。

3.3 首次访问与登录验证：用浏览器 Network 面板看懂每一步

启动 Tomcat，在浏览器打开http://localhost:8080/home/login.jsp。输入admin / 123456，点击登录。此时打开 Chrome DevTools 的Network面板，筛选XHR，你会看到：

• 请求 URL：http://localhost:8080/home/user.action?method=login
• Request Payload：Form Data 里有username=admin&password=123456
• Response：HTTP 302，Header 里Location: http://localhost:8080/home/index.jsp

这证明UserAction.doLogin()执行成功，且重定向生效。接着点导航栏「家政服务管理」→「发布服务」，填标题「深度保洁」、价格「200」，提交。再看 Network，会发出service.action?method=add请求，返回index.jsp，同时数据库t_service表多了一条status='pending'的记录。

提示：如果卡在登录页无反应，90% 是mysql-connector-java.jar版本不对或WEB-INF/web.xml里的 Servlet 映射路径和 JSP 中的form action不一致。检查login.jsp里的<form action="user.action?method=login">是否与web.xml中<url-pattern>/user.action</url-pattern>完全匹配。

3.4 视频模块实测：CKPlayer 怎么播video/下的 MP4

video/目录下有ckplayer.cer（证书）和ckplayer.js（播放器核心）。worker_profile.jsp中嵌入播放器的代码是：

<div id="a1"></div> <script type="text/javascript" src="video/ckplayer.js"></script> <script type="text/javascript"> var flashvars={ f:'video/worker1.mp4', // 视频路径，相对 WebContent 根目录 c:0, p:1, e:1, i:'video/preview.jpg' // 封面图 }; var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'}; var video=['video/worker1.mp4->video/mp4']; // H5 播放 fallback CKobject.embed('video/ckplayer.swf','a1','ckplayer_a1','100%','400',false,flashvars,video,params); </script>

要让它播起来，只需确保：

• WebContent/video/worker1.mp4文件真实存在（可用ffmpeg -f lavfi -i testsrc=duration=10:size=640x480:rate=30 worker1.mp4快速生成测试视频）；
• 浏览器禁用 Flash（现代 Chrome 默认禁用），所以依赖video数组里的 H5 fallback，['video/worker1.mp4->video/mp4']格式正确；
• ckplayer.cer是证书，不用管，播放器 JS 会自动处理。

4. 常见问题排查：那些让我重启三次 Tomcat 的血泪经验

4.1 现象：登录后跳转到空白页，URL 变成http://localhost:8080/home/null

原因：UserAction.doLogin()中response.sendRedirect()的参数是null，通常是因为request.getSession().getAttribute("currentUser")为null，但代码里没判空就直接getRole()导致 NPE，异常被吞，sendRedirect传入null。
解决：打开UserAction.class反编译代码，找到doLogin方法末尾，把response.sendRedirect("index.jsp");改成：

if (user != null) { request.getSession().setAttribute("currentUser", user); response.sendRedirect("index.jsp"); } else { request.setAttribute("error", "登录失败，请重试"); request.getRequestDispatcher("login.jsp").forward(request, response); }

4.2 现象：发布服务时提示「服务器内部错误」，Tomcat 日志显示java.lang.ClassNotFoundException: com.mysql.jdbc.Driver

原因：mysql-connector-java-5.1.47.jar没放对位置，或版本不匹配。5.1.x 驱动要求Class.forName("com.mysql.jdbc.Driver")，而 8.x 驱动是com.mysql.cj.jdbc.Driver。
解决：

1. 确认WEB-INF/lib/下只有mysql-connector-java-5.1.47.jar，删除其他版本；
2. 检查UserDao.java（反编译还原）中是否为Class.forName("com.mysql.jdbc.Driver")；
3. 如果是cj包路径，降级驱动或改代码——但推荐降级驱动，更省事。

4.3 现象：管理员审核服务后，t_service.status变成'accepted'，但雇主页面看不到更新

原因：前端index.jsp用 AJAX 加载服务列表，但 JS 里写的 URL 是/service.action?method=list，而web.xml中ServiceAction的<url-pattern>是/service.action，少写了/*或*.action映射。
解决：打开web.xml，找到ServiceAction的<servlet-mapping>，改为：

<servlet-mapping> <servlet-name>ServiceAction</servlet-name> <url-pattern>/service.action</url-pattern> </servlet-mapping>

确保和 JSP 中$.get("/home/service.action?method=list")的路径前缀一致（/home/是 Context Path）。

4.4 现象：上传头像失败，upload/目录下没文件，控制台报java.io.FileNotFoundException: upload/xxx.jpg

原因：upload/目录不存在，或 Tomcat 进程对WebContent/upload/无写权限。
解决：

1. 手动在WebContent/下创建upload/文件夹；
2. Windows 下右键文件夹 → 属性 → 安全 → 编辑 → 添加Users组并勾选「写入」；Linux 下chmod 777 upload/（仅测试用）；
3. 检查UserAction.java中文件保存路径是否为request.getServletContext().getRealPath("/upload/")，确保是绝对路径。

4.5 现象：RandomCreditCardNumberGenerator.class报错NoClassDefFoundError

原因：该类在util/包下，但web.xml或编译路径没包含util/，导致 ClassLoader 找不到。
解决：

1. 将util/RandomCreditCardNumberGenerator.class移到WEB-INF/classes/util/目录（注意是classes/，不是lib/）；
2. 如果WEB-INF/classes/不存在，手动创建，并确保RandomCreditCardNumberGenerator.class的包声明是package util;（反编译看第一行）；
3. 重启 Tomcat。

5. 二次开发实战：从改一个按钮到加一个功能模块

5.1 改 UI：替换 Bootstrap 3 为更现代的 Tailwind CSS（轻量改造）

原系统用的是 Bootstrap 3.3.7 的局部 CSS（css/bootstrap.min.css只含 grid 和 button），想升级但不想重写 HTML？可以渐进式替换：

1. 删旧 CSS，引新 CDN：
   打开WebContent/index.jsp，删掉<link rel="stylesheet" href="css/bootstrap.min.css">，换成：

   <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: '#3b82f6', // 替换蓝色主题 } } } } </script>

2. 改按钮类名：
   原<button class="btn btn-primary">登录</button>改成<button class="bg-primary hover:bg-blue-700 text-white font-medium py-2 px-4 rounded">登录</button>。

   提示：Tailwind 是 utility-first，别试图写.btn-primary，直接用bg-*text-*组合。我一般会建一个css/tailwind-overrides.css，写少量@layer components { .btn { @apply py-2 px-4 rounded font-medium; } }，保持语义。

3. 响应式栅格：
   原<div class="row"><div class="col-md-6">改成<div class="grid grid-cols-1 md:grid-cols-2 gap-4">。改完刷新，UI 立刻变清爽，且手机端自适应更好。

5.2 加功能：为家政人员增加「服务评价」模块（50 行代码搞定）

雇主完成服务后，应该能给家政人员打分。只需加 3 个东西：

1. 数据库加字段：

   ALTER TABLE t_service ADD COLUMN rating TINYINT DEFAULT 0 COMMENT '评分 1-5'; ALTER TABLE t_service ADD COLUMN comment VARCHAR(500) COMMENT '评价内容';

2. ServiceAction.java加方法：

   private void doRateService(HttpServletRequest request, HttpServletResponse response) throws IOException { int serviceId = Integer.parseInt(request.getParameter("serviceId")); int rating = Integer.parseInt(request.getParameter("rating")); String comment = request.getParameter("comment"); ServiceDao serviceDao = new ServiceDao(); serviceDao.updateRating(serviceId, rating, comment); // 实现见下 response.sendRedirect("user.jsp?tab=history"); // 跳回历史订单页 }

3. ServiceDao.java加 SQL：

   public void updateRating(int serviceId, int rating, String comment) { String sql = "UPDATE t_service SET rating=?, comment=? WHERE id=?"; executeUpdate(sql, rating, comment, serviceId); }

4. 前端加表单（在user.jsp的订单详情处）：

   <form action="service.action?method=rate" method="post"> <input type="hidden" name="serviceId" value="${service.id}"> <label>评分：</label> <select name="rating"> <option value="1">1星</option> <option value="2">2星</option> <option value="3" selected>3星</option> <option value="4">4星</option> <option value="5">5星</option> </select> <textarea name="comment" placeholder="请写下您的评价..."></textarea> <button type="submit">提交评价</button> </form>

改完重启，雇主就能在历史订单页给已完成的服务打分了。数据存进t_service，后续管理员报表可直接SELECT AVG(rating) FROM t_service WHERE worker_id=?。

5.3 深度改造：把 JDBC 换成 MyBatis（保留原有接口，只动 DAO 层）

原系统 DAO 是纯 JDBC 模板（UserDao.java里全是Connection conn = DriverManager.getConnection(...)），想升级但怕改崩？可以「接口不动，实现换芯」：

1. 加 MyBatis 依赖：
   把mybatis-3.4.6.jar和mybatis-spring-1.3.2.jar放进WEB-INF/lib/。

2. 写UserMapper.xml（放在WEB-INF/classes/mapper/）：

   <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <mapper namespace="UserMapper"> <select id="findByUsername" resultType="entity.User"> SELECT * FROM t_user WHERE username = #{username} </select> </mapper>

3. 改UserDao.java：

   public class UserDao { private SqlSessionFactory sqlSessionFactory; public UserDao() { String resource = "mybatis-config.xml"; InputStream inputStream = Resources.getResourceAsStream(resource); sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream); } public User findByUsername(String username) { try (SqlSession session = sqlSessionFactory.openSession()) { return session.selectOne("UserMapper.findByUsername", username); } } }

注意：mybatis-config.xml要配好数据库连接，且entity.User类字段名必须和t_user表列名一致（或用@Results映射）。这样改，UserAction一行代码都不用动，DAO 层就升级了。

6. 毕设交付技巧：让导师一眼看出你真做过，而不是拼凑

6.1 论文与代码的一致性：三处细节决定答辩印象分

导师翻论文时，最爱查三处是否对得上：

• E-R 图 vs 数据库表：论文 3.2.1 的 E-R 图里，t_user和t_service之间画了连线，那么t_service.employer_id字段必须存在且是BIGINT（不是VARCHAR），且t_user.id是BIGINT。如果论文写「一对多」，但表里没外键约束，答辩时会被问「为什么不用FOREIGN KEY？」——回答「为降低耦合，便于测试」比「忘了加」强十倍。
• 流程图 vs Action 代码：论文 3.3 的「用户登录流程图」里，分支是「密码正确？→ 是→ 写 Session」，那么UserAction.doLogin()里必须有if (password.equals(...))判断，且setAttribute在if块内。如果代码里是try-catch包裹，就和流程图矛盾。
• 测试用例 vs 真实截图：论文 5.2 的「登录测试用例」写「输入 admin/123456，预期结果：跳转首页」，那么doc/里的测试截图必须是http://localhost:8080/home/index.jsp，且地址栏清晰可见。别用 PS 合成，用录像.avi里截一帧，真实感拉满。

6.2 演示视频录制要点：3 分钟讲清核心价值，不是功能罗列

录像.avi是你答辩的无声代言人。别录成「点这里→点那里→再点一下」的流水账。按这个节奏录：

• 0:00-0:20（痛点开场）：黑屏字幕「雇主找不到靠谱保洁，家政人员接不到单」→ 切到系统首页「家政服务管理系统」logo；
• 0:21-1:10（核心闭环）：登录employer1/123456→ 发布「空调清洗」服务 → 登录worker1/123456→ 在「待接单」列表看到该服务 → 点击「接单」→ 回到employer1页面，状态变为「已接单」；
• 1:11-2:00（差异化亮点）：点开worker1的个人主页 → 播放video/worker1.mp4（强调「视频简历提升信任」）→ 返回首页 → 点「家政资讯」看一篇「如何识别黑中介」文章（强调「内容赋能」）；
• 2:01-3:00（收尾升华）：登录admin/123456→ 审核服务 → 状态变「已完成」→ 字幕「一个连接供需双方的轻量级平台」。

提示：用 OBS 录屏，鼠标加点击特效（OBS 插件「Cursor Effects」），语速放慢，每步操作后停 2 秒。

6.3 代码注释与日志：让导师相信你逐行看过

在UserAction.java的doLogin方法里，加三行注释：

// 【毕设重点】此处为明文密码比对，符合毕业设计简化要求 // 生产环境应使用 BCrypt 加密，密码字段长度需扩展至 60 字符 // 参考：https://www.baeldung.com/spring-security-registration-password-encoding-bcrypt if (user != null && password.equals(user.getPassword())) {

在ServiceDao.java的addService()方法里，加日志：

System.out.println("[DEBUG] Service added: title=" + service.getTitle() + ", price=" + service.getPrice());

这些细节能让导师觉得：你不仅跑起来了，还思考过为什么这么写、哪里可以改进。

从那以后我每次帮同学改毕设，都强制走一遍「论文截图→代码定位→数据库验证→视频录制」四步闭环。不是为了应付，而是确保每一个.class文件、每一行 SQL、每一张截图，都经得起放大镜下的审视。希望帮到你。

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