企业官网建设流程全解析

简介：这份资源面向计算机相关专业毕业生及需要完成课程设计的学生，提供一套基于Spring Boot框架的校园闲置物品交易网站完整实现方案，涵盖源码、数据库、论文、PPT与演示视频，适合作为毕业设计参考或Java Web入门实战项目。系统按管理员、用户与前台首页三类角色划分功能：管理员负责用户管理、商品类型与信息管理、系统管理及订单管理；用户可浏览商品、管理收藏与订单；前台支持商品资讯、购物车与后台入口，并配有实体ER图、数据表设计及系统测试章节。压缩包为zip格式，整体约78.44MB，内含源码、数据库脚本、论文文档与演示视频等文件，结构清晰便于按模块查阅。目前已有108人学习下载，读者可借此快速理解Spring Boot项目分层结构、数据库设计思路与功能测试方法，为毕业设计答辩与项目开发提供完整参考。

1. 校园闲置交易网站：从选题到跑通，一个毕设项目的完整落地路径

每年毕业季，计算机专业的选题里总有一类经久不衰：基于 SpringBoot 的校园闲置物品交易网站。为什么这个题目年年有人做？因为它踩中了三个刚需——技术栈主流、业务逻辑清晰、演示效果直观。但真正动手时你会发现，从「能跑」到「能过」之间，隔着数据库设计、权限控制、文件上传、订单状态流转等一堆细节。我带过几届学生的毕设指导，见过太多人卡在环境配置和功能联调上，最后只能从 GitHub 抄一份改改交差。这篇笔记不讲空话，直接按一个可交付的毕设标准，把技术选型、数据库设计、核心功能实现、部署演示的完整路径拆开讲。适合正在做这个选题的本科生，也适合想快速搭一个校园二手平台原型的开发者。读完你能拿到一套可复现的代码结构、一份能直接用的建表 SQL，以及几个我踩过的坑。

2. 技术选型与项目骨架：为什么 SpringBoot + MyBatis + Thymeleaf 是毕设的稳妥组合

2.1 后端框架选型：SpringBoot 版本别追新，2.7.x 是毕设的甜点区

热搜词里频繁出现「springboot版本太高」这个抱怨，这不是偶然。很多同学直接上 SpringBoot 3.x，结果发现 JDK 必须 17 起步，而学校机房或者自己电脑上装的是 JDK 8，一编译就报Unsupported class file major version。更麻烦的是，3.x 里javax.servlet全部换成了jakarta.servlet，你从网上抄的很多代码片段直接编译不过。

我的建议很明确：毕设项目锁定 SpringBoot 2.7.18 + JDK 8 或 JDK 11。这个组合的生态最成熟，MyBatis Starter、Druid 连接池、Thymeleaf 模板引擎的兼容性都经过大量项目验证。如果你非要用 JDK 17，那就选 SpringBoot 2.7.x 配 JDK 17 也能跑，但没必要上 3.x 给自己找麻烦。

项目骨架用 Maven 构建，目录结构按标准分层来：

campus-trade/ ├── src/main/java/com/campus/trade/ │ ├── controller/ # 接口层 │ ├── service/ # 业务逻辑 │ ├── mapper/ # MyBatis 数据访问 │ ├── entity/ # 数据库实体 │ ├── config/ # 配置类 │ └── common/ # 通用返回、工具类 ├── src/main/resources/ │ ├── mapper/ # MyBatis XML │ ├── static/ # 静态资源 │ ├── templates/ # Thymeleaf 页面 │ └── application.yml └── pom.xml

这个结构的好处是分层清晰，答辩时老师一眼能看懂你的代码组织能力。别把所有类都堆在一个包下面，那是减分项。

2.2 前端方案：Thymeleaf 服务端渲染 vs Vue 前后端分离

这是毕设选题里最容易纠结的地方。热搜词里有「vue打包放进springboot中」，说明不少人在尝试前后端分离。我的判断是：如果你前端功底一般，老老实实用 Thymeleaf + Bootstrap。原因有三：

第一，前后端分离需要你额外处理跨域、Token 鉴权、接口文档，工作量至少翻倍。第二，答辩时老师更关注业务逻辑完整性，不是你的前端多炫。第三，Thymeleaf 和 SpringBoot 天然集成，页面跳转和表单提交直接走 Controller 返回视图名，调试成本极低。

如果你确实想用 Vue，那就用 Vue CLI 构建后把dist目录丢进src/main/resources/static下，SpringBoot 直接当静态资源服务。但要注意 Vue Router 的 history 模式需要后端配置 fallback，否则刷新页面 404。

pom.xml 核心依赖如下：

<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.7.18</version> </parent> <dependencies> <!-- Web 层 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- Thymeleaf 模板 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <!-- MyBatis --> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.3.1</version> </dependency> <!-- MySQL 驱动 --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.33</version> </dependency> <!-- Druid 连接池 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.2.20</version> </dependency> <!-- Lombok 简化实体类 --> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> </dependencies>

这里每个依赖都有明确用途：spring-boot-starter-web提供内嵌 Tomcat 和 MVC 支持，thymeleaf负责页面渲染，mybatis-spring-boot-starter让你不用写一堆 XML 配置就能用 MyBatis，druid提供连接池监控页面方便调试。Lombok 用@Data注解省掉 getter/setter，代码量能少三分之一。

提示：MySQL 驱动版本要和你的数据库版本匹配。MySQL 5.7 用 5.1.x 驱动，MySQL 8.0 用 8.0.x 驱动，否则会报时区或 SSL 连接错误。

2.3 application.yml 关键配置：数据库连接和文件上传路径

配置文件是新手最容易翻车的地方。下面这份配置我用了很多次，直接抄：

server: port: 8080 spring: datasource: type: com.alibaba.druid.pool.DruidDataSource driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://localhost:3306/campus_trade?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai&useSSL=false username: root password: your_password thymeleaf: cache: false # 开发阶段关缓存，改页面不用重启 prefix: classpath:/templates/ suffix: .html servlet: multipart: max-file-size: 10MB # 单文件上限 max-request-size: 50MB # 单次请求总上限 mybatis: mapper-locations: classpath:mapper/*.xml type-aliases-package: com.campus.trade.entity configuration: map-underscore-to-camel-case: true # 数据库下划线转 Java 驼峰 file: upload-path: D:/campus-trade/upload/ # 图片存储目录，部署时改成服务器路径

几个参数值得展开说。map-underscore-to-camel-case: true这个配置能让你数据库里的create_time字段自动映射到 Java 实体类的createTime属性，省掉大量手动映射。thymeleaf.cache: false在开发阶段必开，否则你改了 HTML 刷新页面看不到变化，会以为代码写错了。file.upload-path用绝对路径，别用相对路径，否则部署到不同环境时图片路径会乱。

3. 数据库设计：六张核心表撑起整个交易流程

3.1 表结构规划：用户、商品、订单、分类、留言、收藏

校园闲置交易的核心业务链条是：用户注册登录 → 发布商品 → 浏览搜索 → 下单 → 交易完成 → 评价留言。围绕这条链，最少需要六张表：

t_goods的status字段用整数表示商品状态：0 表示在售，1 表示已售出，2 表示下架。t_order的status用 0 待付款、1 已付款、2 已完成、3 已取消。这些状态值不要用字符串存，整数比较效率高，而且前端传参不容易出错。

建表 SQL 直接给：

CREATE TABLE t_user ( id BIGINT PRIMARY KEY AUTO_INCREMENT, username VARCHAR(50) NOT NULL UNIQUE, password VARCHAR(128) NOT NULL, nickname VARCHAR(50), avatar VARCHAR(255) DEFAULT '/img/default-avatar.png', phone VARCHAR(20), credit_score INT DEFAULT 100, create_time DATETIME DEFAULT CURRENT_TIMESTAMP ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; CREATE TABLE t_goods ( id BIGINT PRIMARY KEY AUTO_INCREMENT, user_id BIGINT NOT NULL, category_id INT NOT NULL, title VARCHAR(100) NOT NULL, description TEXT, price DECIMAL(10,2) NOT NULL, images VARCHAR(1000), status TINYINT DEFAULT 0, create_time DATETIME DEFAULT CURRENT_TIMESTAMP, INDEX idx_user_id (user_id), INDEX idx_category_id (category_id), INDEX idx_status (status) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

注意images字段用 VARCHAR(1000) 存多张图片的路径，用逗号分隔。这是最简单的做法，毕设够用。如果你要更规范，可以单独建一张t_goods_image表，但会增加联表查询的复杂度。索引方面，user_id、category_id、status这三个字段一定要加索引，否则商品列表页数据量上来后查询会明显变慢。

3.2 实体类与 Mapper 映射：用 Lombok 和 MyBatis 注解减少样板代码

实体类用 Lombok 的@Data注解，配合 MyBatis 的驼峰映射，代码非常简洁：

@Data @TableName("t_goods") public class Goods { private Long id; private Long userId; private Integer categoryId; private String title; private String description; private BigDecimal price; private String images; private Integer status; private Date createTime; }

Mapper 接口用注解写简单查询，复杂查询走 XML：

@Mapper public interface GoodsMapper { @Select("SELECT * FROM t_goods WHERE status = 0 ORDER BY create_time DESC LIMIT #{offset}, #{limit}") List<Goods> selectOnSale(@Param("offset") int offset, @Param("limit") int limit); @Update("UPDATE t_goods SET status = #{status} WHERE id = #{id}") int updateStatus(@Param("id") Long id, @Param("status") Integer status); }

分页查询这里用了LIMIT offset, limit，这是 MySQL 的物理分页。毕设数据量不大，这样写没问题。如果你要更优雅，可以引入 PageHelper 插件，但多一个依赖就多一个出问题的环节，我一般建议学生能少用就少用。

注意：@Select里的#{}是预编译占位符，能防止 SQL 注入。千万别用${}拼接字符串，那是安全漏洞。

4. 核心功能实现：登录、发布、下单、文件上传四件事

4.1 登录与拦截器：Session 方案比 JWT 更适合毕设

登录功能有两种主流方案：Session 和 JWT。毕设场景我强烈推荐 Session，因为实现简单、调试直观、不需要额外引入依赖。JWT 虽然无状态，但 Token 刷新、过期处理、前端存储策略这些细节足够你调一整天。

登录 Controller 核心逻辑：

@PostMapping("/login") public String login(String username, String password, HttpSession session, Model model) { User user = userService.findByUsername(username); if (user == null || !user.getPassword().equals(Md5Util.encode(password))) { model.addAttribute("error", "用户名或密码错误"); return "login"; } session.setAttribute("currentUser", user); return "redirect:/goods/list"; }

密码用 MD5 加盐存储，别存明文。Md5Util.encode里做一次盐值拼接再哈希。Session 存用户对象后，写一个拦截器检查登录状态：

public class LoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { HttpSession session = request.getSession(); if (session.getAttribute("currentUser") == null) { response.sendRedirect("/login"); return false; } return true; } }

然后在WebMvcConfig里注册拦截器，排除登录页、注册页、静态资源路径。这个拦截器能挡住所有未登录的请求，是权限控制的第一道防线。

4.2 商品发布与图片上传：MultipartFile 的四个必调参数

商品发布涉及表单提交和图片上传。图片上传用 Spring 的MultipartFile接收，核心代码如下：

@PostMapping("/goods/publish") public String publish(Goods goods, @RequestParam("files") MultipartFile[] files, HttpSession session) { User user = (User) session.getAttribute("currentUser"); goods.setUserId(user.getId()); goods.setStatus(0); List<String> imagePaths = new ArrayList<>(); for (MultipartFile file : files) { if (file.isEmpty()) continue; String originalName = file.getOriginalFilename(); String suffix = originalName.substring(originalName.lastIndexOf(".")); String newName = UUID.randomUUID().toString() + suffix; File dest = new File(uploadPath + newName); if (!dest.getParentFile().exists()) { dest.getParentFile().mkdirs(); } try { file.transferTo(dest); imagePaths.add("/upload/" + newName); } catch (IOException e) { e.printStackTrace(); } } goods.setImages(String.join(",", imagePaths)); goodsService.save(goods); return "redirect:/goods/list"; }

这段代码有四个关键点。第一，文件名用 UUID 重命名，避免同名文件覆盖，也防止用户上传恶意文件名。第二，dest.getParentFile().mkdirs()确保上传目录存在，否则transferTo会抛异常。第三，图片路径存相对路径/upload/xxx.jpg，前端通过 Nginx 或 SpringBoot 静态资源映射访问。第四，多张图片用逗号拼接存一个字段，展示时用split(",")拆开。

还需要配置静态资源映射，让上传的图片能通过 URL 访问：

@Configuration public class WebConfig implements WebMvcConfigurer { @Value("${file.upload-path}") private String uploadPath; @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/upload/**") .addResourceLocations("file:" + uploadPath); } }

file:前缀表示文件系统路径，不是 classpath。这个配置漏了的话，图片上传成功但页面显示 404，是高频翻车点。

4.3 订单状态流转：从下单到完成的四个状态

订单模块的核心是状态机。买家点击「立即购买」生成订单，状态为 0（待付款）。付款后状态变为 1（已付款）。卖家确认发货或线下交易完成后，状态变为 2（已完成）。任何一方取消则变为 3（已取消）。

@Transactional public void createOrder(Long goodsId, Long buyerId) { Goods goods = goodsMapper.selectById(goodsId); if (goods.getStatus() != 0) { throw new RuntimeException("商品已售出或已下架"); } Order order = new Order(); order.setOrderNo(System.currentTimeMillis() + "" + buyerId); order.setGoodsId(goodsId); order.setBuyerId(buyerId); order.setSellerId(goods.getUserId()); order.setAmount(goods.getPrice()); order.setStatus(0); orderMapper.insert(order); goodsMapper.updateStatus(goodsId, 1); // 商品标记为已售 }

@Transactional注解保证订单插入和商品状态更新在同一个事务里，要么都成功要么都回滚。orderNo用时间戳加买家 ID 生成，简单但够用。注意下单前要检查商品状态，防止两个买家同时下单同一件商品。

5. 避坑与排查：六个让我熬夜的常见问题

5.1 数据库连接报时区错误

现象：启动项目时报The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized。

原因：MySQL 8.0 驱动要求明确指定时区，而系统默认时区名称包含中文导致解析失败。

解决：JDBC URL 里加上serverTimezone=Asia/Shanghai，同时确保useSSL=false。如果还不行，在 MySQL 命令行执行SET GLOBAL time_zone = '+8:00';。

5.2 Thymeleaf 页面修改后不生效

现象：改了 HTML 文件，刷新浏览器还是旧内容。

原因：Thymeleaf 默认开启模板缓存，生产环境这是性能优化，开发环境就是折磨。

解决：application.yml里设置spring.thymeleaf.cache: false，改完页面直接刷新即可。上线时再改回true。

5.3 图片上传成功但访问 404

现象：文件确实写到了磁盘，但浏览器访问/upload/xxx.jpg返回 404。

原因：没有配置静态资源映射，SpringBoot 默认只服务 classpath 下的静态资源。

解决：实现WebMvcConfigurer的addResourceHandlers方法，把/upload/**映射到文件系统路径。注意路径末尾的斜杠不能少。

5.4 MyBatis 查询返回字段为 null

现象：数据库里有值，但实体类对应属性是 null。

原因：数据库字段名create_time和 Java 属性createTime没有自动映射。

解决：application.yml里加mybatis.configuration.map-underscore-to-camel-case: true。或者在 XML 里手动写<resultMap>做映射。

5.5 事务不生效导致数据不一致

现象：下单时订单插入了，但商品状态没更新。

原因：@Transactional注解的方法不是 public，或者同类内部方法调用绕过了代理。

解决：确保注解方法为 public，且从外部类调用。如果必须在同类内部调用，用AopContext.currentProxy()获取代理对象。

5.6 前端表单提交中文乱码

现象：商品标题输入中文，存到数据库变成问号。

原因：数据库字符集不是 utf8mb4，或者连接 URL 没指定编码。

解决：建表时指定CHARSET=utf8mb4，JDBC URL 加characterEncoding=utf-8。两个地方都要改，缺一不可。

6. 部署与演示：把项目跑在答辩电脑上的最后一步

6.1 打包与运行：jar 包 + 外部配置文件

开发完成后，用 Maven 打包：

mvn clean package -DskipTests

生成的 jar 包在target/目录下。运行时把application.yml放在 jar 包同级目录，SpringBoot 会自动优先读取外部配置：

java -jar campus-trade-1.0.jar --spring.config.location=./application.yml

这样部署的好处是，换一台电脑只需要改外部 yml 里的数据库密码和上传路径，不用重新打包。答辩时如果老师电脑的 MySQL 密码和你不一样，改一下 yml 就能跑。

6.2 演示视频录制技巧：三个必须展示的流程

演示视频是毕设交付物里容易被忽视但很拉分的一项。我建议录三个完整流程：

第一，注册登录到发布商品。展示表单验证、图片上传、发布成功后列表页出现新商品。第二，搜索和分类筛选。展示按关键词搜索、按分类过滤、分页效果。第三，下单到订单状态变更。用两个浏览器窗口分别登录买家和卖家账号，展示下单后商品状态变为已售、订单列表出现记录。

录制时注意：提前准备好测试数据，别现场注册一堆账号；浏览器缩放调到 100%，别让老师看不清字；每个操作停顿一秒，让观看者跟上节奏。视频控制在 5 分钟以内，太长没人看完。

6.3 答辩前检查清单

最后给一份我让学生答辩前逐项打勾的清单：

这套方案我从选题到答辩完整走过几遍，最大的体会是：毕设项目的价值不在于技术多新，而在于你能不能把一条业务链讲清楚、跑通、说明白。SpringBoot 校园闲置交易网站这个题目，技术栈成熟、业务逻辑完整、演示效果直观，只要按上面的路径一步步来，不追新版本、不堆花哨功能，把六张表、四个核心流程、六个避坑点吃透，拿一个体面的成绩完全够用。希望帮到你。

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