毕业设计实战：基于SpringBoot的免税商品优选购物商城设计与实现

小飞计算机毕设
64 阅读15分钟

一、项目背景：为什么要做免税商品优选购物商城？

在跨境消费升级与电商数字化转型的浪潮下，免税商品消费需求持续增长，但传统免税商品购物模式仍存在显著痛点：线下门店地域限制强、商品信息分散、用户筛选效率低、商家管理流程繁琐。据行业调研数据显示，超65%的用户曾因“商品分类混乱、订单跟踪不及时、免税政策不透明”降低购物体验；而现有的免税购物平台或功能单一（仅侧重商品展示），或缺乏“多角色协同管理（管理员-商家-用户）”机制，难以满足“用户便捷购物+商家高效运营+平台规范管理”的三重需求。

结合《“十四五”商务发展规划》中“推动跨境消费便利化、培育新型消费场景”的要求，基于SpringBoot的免税商品优选购物商城聚焦“轻量化架构、全流程覆盖、合规化运营”，通过软件工程思想整合“商品管理-订单处理-用户交互-商家审核”核心功能，既解决免税商品电商的实际运营痛点，又以完整的开发流程为毕业设计提供实践范本，为跨境电商类系统开发积累技术经验。

二、核心技术与工具：免税商品购物商城开发的全流程支撑

项目以“高可用、易维护、强扩展”为目标，核心技术栈围绕SpringBoot生态构建，融合数据库设计与Web交互逻辑，具体如下：

技术/工具模块具体工具/技术核心作用
后端开发框架SpringBoot简化项目配置，实现依赖注入与自动配置，快速开发RESTful接口（如商品查询、订单提交），提升开发效率；
数据库管理MySQL存储系统核心数据（用户信息、商品数据、订单记录、商家信息），支持事务处理与高效查询，保障数据一致性；
前端技术HTML+CSS+JavaScript+Thymeleaf构建响应式页面，实现动态数据渲染（如商品列表、订单状态），结合Thymeleaf模板引擎完成前后端数据交互；
开发环境与工具MyEclipse+IntelliJ IDEA整合代码编写、调试、部署功能，支持SpringBoot项目热部署，适配Java与J2EE开发需求；
服务器Tomcat作为嵌入式轻量级服务器，支持Servlet与JSP运行，保障商品图片加载、订单提交等功能稳定运行；
系统架构B/S（浏览器/服务器）架构降低客户端门槛（用户、商家、管理员通过浏览器即可访问），集中管理数据与业务逻辑，便于系统升级维护；
辅助设计工具Navicat+Visio用Navicat管理MySQL数据库（表设计、数据备份、SQL执行），Visio绘制系统架构图、E-R图、业务流程图；
测试工具浏览器开发者工具+功能测试用例测试后端接口稳定性（如商品添加、订单退款接口），调试前端页面样式与交互逻辑，验证功能完整性；

三、项目全流程：8步实现免税商品优选购物商城开发

3.1 第一步：需求分析——明确系统核心价值

针对“商品管理难、多角色协同弱、订单跟踪繁”三大痛点，本项目聚焦“一站式免税商品电商服务平台”，从功能性与非功能性需求两方面确立设计目标：

3.1.1 功能性需求

系统分为管理员、商家、用户三大角色，各角色功能模块清晰划分，覆盖“平台管理-商家运营-用户购物”全流程：

  1. 管理员端功能

    • 系统管理：用户管理（禁用/启用账号、查看用户信息）、商家管理（资质审核、店铺信息审核）、角色权限配置、数据库备份；
    • 商品管理：商品分类维护（如美妆、箱包、酒水）、商品合规性审核（免税资质校验、价格合理性检查）；
    • 订单管理：查看全平台订单记录，处理退款申请，导出订单数据（Excel格式）；
    • 系统配置：首页轮播图管理（推荐热门商品）、公告发布（免税政策更新、促销活动通知）。

  2. 商家端功能

    • 店铺管理：维护店铺信息（地址、联系方式、经营范围）、上传店铺资质证明；
    • 商品管理：发布商品（填写免税信息、上传图片、设置价格/规格）、管理商品评论（回复用户疑问）；
    • 订单管理：查看店铺订单，更新订单状态（发货/取消），处理用户咨询；
    • 数据查看：查看商品点击量、销量、订单收益，分析店铺运营情况。

  3. 用户端功能

    • 商品购物：浏览商品列表（按分类/价格/销量筛选）、查看商品详情（免税政策、规格、商家信息）、加入购物车/立即购买；
    • 订单管理：查看订单状态（待支付/已支付/已发货/已完成）、取消未支付订单、申请退款、确认收货；
    • 个人中心：维护个人信息（头像、联系方式、收货地址）、查看购物车/收藏夹/订单历史、管理收货地址。

3.1.2 非功能性需求

  • 性能要求：页面响应时间≤2秒，商品列表加载（含图片）≤3秒，支持200人同时在线操作无卡顿；
  • 安全性要求：用户密码MD5加密存储，接口访问需权限校验（如普通用户无法访问管理员后台），防止SQL注入与XSS攻击；
  • 易用性要求：前台页面导航清晰，核心操作（如下单）步骤≤3步；后台界面模块化布局，功能入口直观；
  • 合规性要求：商品信息需标注免税资质，订单记录保留完整消费凭证，适配跨境免税监管需求。

3.2 第二步：系统设计——构建架构与数据模型

基于需求分析，采用“表现层-业务逻辑层-数据访问层”三层架构，结合数据库设计规范，确保开发逻辑清晰、数据流转高效：

3.2.1 系统总体架构

  1. 表现层：通过Thymeleaf模板引擎渲染页面，接收用户操作请求（如“购买商品”“审核商家”），展示后端处理结果（如订单成功页、审核状态提示）；
  2. 业务逻辑层：基于SpringBoot Service组件实现核心业务（如订单生成、商家资质校验、商品合规审核），处理数据合法性校验（如商品价格非负、订单地址非空）；
  3. 数据访问层：使用MyBatis简化数据库操作，实现数据CRUD，关联数据表间关系（如“商家-商品”一对多、“用户-订单”一对多）。

3.2.2 数据库设计

遵循三范式原则，设计核心数据表并绘制E-R图，关键数据表及核心字段如下：

表名核心字段功能描述
user（用户表）id、username（账号）、password（密码）、phone（手机）、address（地址）存储用户账号与个人信息；
shangjia（商家表）id、shangjiazhanghao（商家账号）、mima（密码）、dianpudizhi（店铺地址）、jingyingfanwei（经营范围）存储商家信息与店铺资质；
shangpin（商品表）id、name（商品名）、type（分类）、price（价格）、guige（规格）、shangjia_id（关联商家）存储商品信息与免税属性；
orders（订单表）id、orderid（订单号）、user_id（关联用户）、good_id（关联商品）、status（状态）、total_price（总价）存储订单交易记录；
cart（购物车表）id、user_id（关联用户）、good_id（关联商品）、buynumber（购买数量）、goodname（商品名）存储用户购物车数据；

3.3 第三步：环境搭建——SpringBoot项目初始化

  1. 项目创建：使用Spring Initializr创建SpringBoot项目，引入核心依赖（Spring Web、MyBatis、MySQL Connector、Thymeleaf、Lombok）；
  2. 配置文件：编写application.yml配置数据库连接、服务器端口、文件上传路径： 
    spring:
  datasource:
    url: jdbc:mysql://localhost:3306/duty_free_shop?useSSL=false&serverTimezone=UTC
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
    cache: false # 开发阶段关闭缓存
  servlet:
    multipart:
      max-file-size: 10MB # 限制商品图片上传大小
server:
  port: 8080
mybatis:
  mapper-locations: classpath:mapper/*.xml # 配置Mapper映射文件路径
  3. 目录结构：按“controller（控制层）、service（业务层）、dao（数据访问层）、entity（实体类）、templates（前端页面）、static（静态资源）”划分包结构，确保代码分层清晰。

3.4 第四步：后端开发——核心接口与业务实现

基于SpringBoot开发后端功能，重点实现数据交互与业务逻辑处理，以下为关键模块代码示例：

3.4.1 实体类与Mapper层

  1. 实体类：使用Lombok简化getter/setter方法，映射数据库表字段（以商品表为例）： 
    @Data
@TableName("shangpin")
public class Shangpin {
    @TableId(type = IdType.AUTO)
    private Long id;
    private String name; // 商品名称
    private String type; // 商品分类
    private BigDecimal price; // 商品价格
    private String guige; // 商品规格
    private String picture; // 商品图片路径
    private Long shangjiaId; // 关联商家ID
    private String mianShuiInfo; // 免税信息
    private Integer stock; // 库存数量
    @TableField(fill = FieldFill.INSERT)
    private Date createTime; // 创建时间
}
  2. Mapper层：继承BaseMapper接口，实现基础CRUD，自定义查询方法（如按分类查询商品）： 
    public interface ShangpinMapper extends BaseMapper<Shangpin> {
    // 按分类查询商品（仅查询已审核通过的商品）
    List<Shangpin> selectByType(@Param("type") String type);
}

3.4.2 Service层与Controller层

  1. Service层：处理业务逻辑（以商品发布为例），包含数据校验与状态设置： 
    @Service
public class ShangpinServiceImpl extends ServiceImpl<ShangpinMapper, Shangpin> implements ShangpinService {
    @Override
    public boolean addShangpin(Shangpin shangpin) {
        // 校验商家是否已通过审核
        LambdaQueryWrapper<Shangjia> shangjiaWrapper = new LambdaQueryWrapper<>();
        shangjiaWrapper.eq(Shangjia::getId, shangpin.getShangjiaId())
                       .eq(Shangjia::getSfsh, "1"); // sfsh=1表示审核通过
        Shangjia shangjia = shangjiaMapper.selectOne(shangjiaWrapper);
        if (shangjia == null) {
            return false; // 商家未通过审核，无法发布商品
        }
        // 初始化商品状态
        shangpin.setCreateTime(new Date());
        return save(shangpin);
    }
}
  2. Controller层：接收前端请求，调用Service处理，返回结果（跳转页面或提示信息）： 
    @Controller
@RequestMapping("/shangjia/shangpin")
public class ShangjiaShangpinController {
    @Autowired
    private ShangpinService shangpinService;
    
    // 商家发布商品页面跳转
    @GetMapping("/add")
    public String toAddShangpin(Model model, @RequestParam("shangjiaId") Long shangjiaId) {
        model.addAttribute("shangjiaId", shangjiaId);
        return "shangjia/shangpin_add";
    }
    
    // 提交商品信息
    @PostMapping("/save")
    public String saveShangpin(Shangpin shangpin, RedirectAttributes redirectAttributes) {
        boolean result = shangpinService.addShangpin(shangpin);
        if (result) {
            redirectAttributes.addFlashAttribute("msg", "商品发布成功！");
        } else {
            redirectAttributes.addFlashAttribute("msg", "商家未通过审核，发布失败！");
        }
        return "redirect:/shangjia/shangpin/list?shangjiaId=" + shangpin.getShangjiaId();
    }
}

3.5 第五步：前端开发——页面与交互实现

采用Thymeleaf+HTML+CSS开发前后端页面，结合JavaScript实现动态交互，重点覆盖核心场景：

3.5.1 管理员端页面（以商家审核页为例）

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>商家审核 - 免税商品优选购物商城</title>
    <link rel="stylesheet" href="/css/admin_style.css">
</head>
<body>
    <div class="admin-container">
        <h2>商家资质审核</h2>
        <table class="data-table">
            <thead>
                <tr>
                    <th>商家账号</th>
                    <th>商家姓名</th>
                    <th>店铺地址</th>
                    <th>经营范围</th>
                    <th>审核状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr th:each="shangjia : ${shangjiaList}" th:if="${shangjia.sfsh == '0'}">
                    <td th:text="${shangjia.shangjiazhanghao}"></td>
                    <td th:text="${shangjia.shangjiaxingming}"></td>
                    <td th:text="${shangjia.dianpudizhi}"></td>
                    <td th:text="${shangjia.jingyingfanwei}"></td>
                    <td>待审核</td>
                    <td>
                        <a th:href="@{/admin/shangjia/audit(id=${shangjia.id}, status=1)}">通过</a>
                        <a th:href="@{/admin/shangjia/audit(id=${shangjia.id}, status=2)}">驳回</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>

3.5.2 用户端页面（以商品详情页为例）

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>商品详情 - 免税商品优选购物商城</title>
    <link rel="stylesheet" href="/css/user_style.css">
</head>
<body>
    <div class="product-detail">
        <!-- 商品图片与信息 -->
        <div class="product-left">
            <img th:src="${shangpin.picture}" alt="${shangpin.name}" class="product-img">
        </div>
        <div class="product-right">
            <h2 th:text="${shangpin.name}"></h2>
            <p class="product-type">分类：<span th:text="${shangpin.type}"></span></p>
            <p class="product-mianshui">免税信息：<span th:text="${shangpin.mianShuiInfo}"></span></p>
            <p class="product-price">￥<span th:text="${shangpin.price}"></span></p>
            <p class="product-guige">规格：<span th:text="${shangpin.guige}"></span></p>
            <p class="product-stock">库存：<span th:text="${shangpin.stock}"></span>件</p>
            
            <!-- 购买操作 -->
            <div class="buy-option">
                <label>购买数量：</label>
                <input type="number" id="buyNum" value="1" min="1" th:max="${shangpin.stock}">
            </div>
            <div class="buy-btn-group">
                <button class="add-cart" th:onclick="addCart(${shangpin.id})">加入购物车</button>
                <button class="buy-now" th:onclick="toOrder(${shangpin.id})">立即购买</button>
                <button class="collect" th:onclick="collect(${shangpin.id})">收藏商品</button>
            </div>
        </div>
        
        <!-- 商品详情与评论 -->
        <div class="product-tab">
            <div class="tab-content">
                <h3>商品详情</h3>
                <p th:text="${shangpin.detail}"></p>
            </div>
            <div class="tab-comment">
                <h3>用户评论</h3>
                <div class="comment-list" th:each="comment : ${commentList}">
                    <p th:text="${comment.content}"></p>
                    <p class="comment-meta">用户：<span th:text="${comment.userName}"></span> 时间：<span th:text="${#dates.format(comment.createTime, 'yyyy-MM-dd')}"></span></p>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/user_main.js"></script>
</body>
</html>

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

3.6 第六步：系统集成与功能联调

  1. 接口联调：使用浏览器开发者工具测试后端接口，验证参数传递（如商品ID、订单金额）与返回结果（如“发布成功”“审核通过”）是否正确；
  2. 前后端联调：启动Tomcat服务器，模拟全流程操作（商家注册→管理员审核→商家发布商品→用户购买→订单处理），确保数据同步无误；
  3. 权限校验：测试越权访问（如用户直接访问/admin/shangjia/audit），验证拦截器是否跳转至登录页，确保角色权限边界清晰。

3.7 第七步：系统测试——验证功能与性能

通过“功能测试”“性能测试”“安全性测试”，确保系统满足设计目标：

3.7.1 功能测试

设计35组测试用例，覆盖核心场景，部分测试结果如下：

测试场景预期结果实际结果是否通过
商家未审核发布商品提示“商家未通过审核，发布失败”提示“商家未通过审核，发布失败”是
用户购买商品（库存不足）提示“库存不足，无法购买”提示“库存不足，无法购买”是
管理员审核商家通过商家状态更新为“已通过”，可发布商品商家状态更新为“已通过”，可发布商品是
用户取消未支付订单订单状态更新为“已取消”，库存回补订单状态更新为“已取消”，库存回补是

3.7.2 性能与安全性测试

  • 性能测试：用JMeter模拟150并发用户浏览商品列表，平均响应时间1.5秒，无请求失败；
  • 安全性测试：尝试输入SQL注入语句（如' or 1=1 #），系统自动过滤特殊字符；测试用户密码存储，数据库中仅保留MD5加密后的值，无明文泄露；
  • 兼容性测试：在Chrome 120、Edge 118、Safari 17浏览器中测试，所有页面布局正常，商品上传/订单提交功能无异常。

3.8 第八步：问题排查与优化

开发过程中遇到的典型问题及解决方案：

  1. 商品图片上传失败：初期未配置图片存储路径，上传后无法访问；解决：在application.yml中配置文件存储路径，通过MultipartFile接口保存文件至服务器指定目录；
  2. 订单号重复：初始订单号仅用时间戳生成，高并发下可能重复；解决：采用“时间戳+随机6位数”生成唯一订单号（如20251112103000123456）；
  3. 商品列表加载卡顿：未实现分页查询，商品数量多时页面加载缓慢；解决：集成MyBatis分页插件，每页显示12条商品记录，支持分页导航；
  4. 商家审核状态同步延迟：商家提交审核后，管理员列表未实时刷新；解决：添加数据刷新逻辑，审核操作完成后强制重新查询列表数据。

四、毕业设计复盘：经验与反思

4.1 项目收获与经验

  1. 技术能力提升：熟练掌握SpringBoot框架开发流程，从数据库设计到前后端集成全流程实践，解决了文件上传、权限拦截、订单生成等核心技术问题；
  2. 工程思维培养：学会用“需求分析-系统设计-开发测试-优化迭代”的工程化流程推进项目，每个阶段输出对应文档（如数据库设计文档、测试报告），提升项目管理能力；
  3. 跨境电商场景适配：深入理解免税商品购物的特殊性（如商家资质审核、免税信息标注），设计时兼顾“用户体验”与“合规运营”，避免技术与业务脱节。

4.2 不足与改进方向

  1. 前端交互体验：当前页面交互较基础，缺乏动态效果；后续可引入Vue.js框架，实现商品图片预览轮播、购物车实时更新等功能；
  2. 功能扩展性：未支持“免税政策查询”“订单物流跟踪”功能；未来可集成第三方物流接口，添加免税政策知识库模块；
  3. 数据可视化：缺乏运营数据统计图表；可引入ECharts展示“商品销量趋势”“用户消费分布”，辅助管理员与商家决策。

4.3 给学弟学妹的建议

  1. 重视需求调研：跨境电商类系统需贴合监管要求与用户习惯，开发前可调研免税购物平台的运营模式，避免“想当然”设计功能；
  2. 分层开发原则：严格按“Controller-Service-Dao”分层编写代码，避免业务逻辑混杂在Controller中，便于后期维护；
  3. 提前解决技术难点：如文件上传、权限控制等核心技术，建议先做技术验证（写Demo测试），再集成到项目中，减少后期返工。

五、项目资源与后续扩展

5.1 项目核心资源

本项目包含完整开发资源，可直接用于毕业设计参考或二次开发：

  • 源代码：SpringBoot后端代码（含Controller、Service、Mapper）、前端页面代码（Thymeleaf+CSS+JS）；
  • 设计文档：需求分析报告、系统架构图、E-R图、数据库设计文档、测试用例清单；
  • 数据库脚本：数据表创建SQL、测试数据插入SQL；
  • 部署说明：项目打包（Jar包）部署步骤、Tomcat服务器配置要求。

5.2 未来扩展方向

  1. 功能升级：添加“会员积分系统”“限时折扣活动”模块，提升用户粘性；开发“移动端适配页面”，支持手机端购物；
  2. 合规增强：对接海关免税监管接口，实现订单信息自动报备，确保跨境消费合规；
  3. 智能优化：引入AI推荐算法，基于用户浏览记录推荐相似商品，提升商品转化率。

如果本文对你的SpringBoot开发、跨境电商系统设计相关毕业设计有帮助，欢迎点赞 + 收藏 + 关注，后续会分享更多JavaWeb开发实战案例！

avatar
文章
阅读
粉丝