毕业设计实战：基于Spring Boot的ONLY在线商城系统设计与实现

小飞计算机毕设
75 阅读19分钟

一、项目背景：为什么需要在线商城系统？

在电商行业高速发展的当下，传统线下零售与简易线上店铺的管理短板日益明显——多数中小型零售品牌仍依赖人工记录商品库存、手动统计订单数据，导致商品管理混乱（库存与实际销售脱节）、订单处理滞后（人工核对平均耗时30分钟/单）、用户体验不佳（无法实时查询订单状态）等痛点。据统计，传统模式下电商店铺约50%的客服咨询集中在“库存查询”“订单进度”，而商品信息更新不及时导致的用户退单率高达35%。

随着消费习惯向线上迁移，基于Spring Boot的ONLY在线商城系统成为解决零售品牌数字化转型的核心方案。系统采用B/S架构，实现“管理员统筹管控-用户自主购物”的双层电商模式，覆盖商品管理、订单处理、用户服务全流程。本毕业设计以服装零售品牌（如ONLY）实际需求为导向，通过信息化手段打通“商品上架-用户下单-订单履约”链路，帮助品牌降低运营成本、提升用户复购率，为中小型零售企业提供轻量化、易部署的电商解决方案。

二、核心技术栈：在线商城系统的全链路开发工具

项目以“高可用性、强交互性、易维护性”为目标，选用成熟的Java Web技术栈，确保系统能适配电商日常运营场景：

技术模块具体工具/技术核心作用
后端框架Spring Boot 2.x快速搭建电商后端服务，简化配置流程，支持事务管理（如订单支付与库存扣减的原子性），提升开发效率
开发语言Java提供跨平台兼容性与面向对象编程能力，确保代码可维护性（如商品、订单模块的模块化开发），内置垃圾回收机制减少内存泄漏
数据库MySQL 8.0存储用户信息、商品数据、订单记录等核心业务数据，支持高效查询（如按商品名称/类别筛选）与事务处理，体积小、部署成本低
架构模式B/S架构无需安装客户端，管理员通过后台、用户通过浏览器即可操作，适配电脑、平板等多设备购物场景
开发工具Eclipse + NavicatEclipse用于代码编写与调试，支持Spring Boot项目快速构建；Navicat可视化管理MySQL数据库，简化数据表设计与数据操作
服务器Tomcat 9.0部署Web应用，处理多用户并发请求（如促销活动时的集中下单），保障商品查询、订单提交的稳定性
前端技术JSP + HTML5 + CSS3构建直观的电商交互界面，覆盖商品展示、购物车、订单结算全场景，操作符合用户网购习惯

三、项目全流程：7步实现ONLY在线商城系统

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

传统电商管理模式存在“效率低、易出错、体验差”三大痛点，本系统聚焦“高效管理、精准履约、便捷购物”，核心需求分为功能性与非功能性两类：

3.1.1 功能性需求

  1. 双角色权限管理
    • 管理员：系统总控（个人中心信息维护）、商品管理（分类/信息/轮播图维护）、订单管理（订单查询/修改/删除）、用户管理（用户信息查询/操作）、客服管理（处理用户咨询）、资讯管理（发布商品资讯/新闻）；
    • 用户：个人中心（信息修改/密码重置）、商品购物（浏览/搜索/收藏/加入购物车）、订单操作（下单/查询/取消）、客服咨询（提交问题/查看回复）、地址管理（新增/编辑/设置默认地址）。
  2. 核心业务功能
    • 商品管理模块：管理员维护商品分类（新增/修改/删除）、商品信息（名称/图片/价格/库存/详情）、轮播图（首页推广图），用户按分类/关键词搜索商品；
    • 订单管理模块：用户提交订单（选择地址/支付方式），管理员查看订单列表（按订单号/用户筛选）、更新订单状态（待支付/已发货/已完成）；
    • 用户管理模块：管理员查询用户信息（用户名/电话/地址），用户维护个人资料（头像/联系方式/收货地址）；
    • 客服与资讯模块：管理员回复用户咨询、发布商品资讯（新品上市/促销活动），用户查看资讯、提交客服问题。
  3. 辅助功能
    • 搜索筛选：支持按商品名称/标签/品牌筛选，快速定位目标商品；
    • 购物车管理：用户添加商品至购物车（修改数量/删除）、批量结算；
    • 收藏功能：用户收藏心仪商品，便于后续查看与购买；
    • 地址管理：用户维护多个收货地址，支持设置默认地址，简化下单流程。

3.1.2 非功能性需求

  • 稳定性：支持100+用户同时在线购物（如促销活动），商品查询/订单提交响应时间≤2秒，无数据丢失或卡顿；
  • 准确性：确保库存与订单同步（下单后自动扣减库存）、订单金额计算正确（商品单价×数量+折扣），数据误差率为0；
  • 易用性：界面布局符合电商平台使用习惯，核心操作（如商品下单、订单查询）不超过3步，降低用户学习成本；
  • 可扩展性：预留支付接口（如微信/支付宝）、物流跟踪接口，便于后期功能升级。

3.2 第二步：系统设计——构建前后端架构

系统采用MVC设计模式，实现“视图-控制器-模型”分离，确保业务逻辑与数据层解耦，提升系统可维护性与安全性：

3.2.1 系统总体架构

  1. 表现层（View层）
    • 管理员后台：包含商品管理、订单管理、用户管理、客服管理等模块，支持全流程运营管控；
    • 用户前台：包含首页（轮播图+商品推荐）、商品列表/详情页、购物车、订单结算页、个人中心，聚焦用户购物体验；
    • 公共登录页：支持管理员与用户账号登录，验证通过后跳转至对应角色界面，防止越权访问。
  2. 业务逻辑层（Controller层）
    • 核心业务处理：用户登录验证、商品CRUD、订单创建与状态更新、客服咨询提交与回复；
    • 业务规则：商品库存校验（下单时库存≥购买数量）、订单状态流转（待支付→已支付→已发货→已完成）、用户权限控制（禁止修改他人订单）。
  3. 数据访问层（Model层）
    • 数据持久化：通过MyBatis实现数据库操作，简化SQL编写，支持商品、订单、用户数据的高效交互；
    • 事务管理：确保订单创建与库存扣减、用户下单与支付状态同步等操作的数据一致性，避免部分成功、部分失败的情况。

3.2.2 核心数据库设计

系统设计9张核心业务表，覆盖用户、商品、订单、客服全链路数据，确保数据关联性与完整性：

表名核心字段作用
address（地址表）id、userid（用户ID）、address（地址）、name（收货人）、phone（电话）、isdefault（是否默认）、addtime（创建时间）存储用户收货地址，支持多地址管理
cart（购物车表）id、userid（用户ID）、goodid（商品ID）、goodname（商品名称）、picture（图片）、buynumber（购买数量）、price（单价）、discountprice（会员价）、addtime（创建时间）存储用户购物车商品，支持批量结算
customer_service（客服聊天表）id、userid（用户ID）、adminid（管理员ID）、ask（用户提问）、reply（管理员回复）、isreply（是否回复）、addtime（创建时间）存储用户与客服的交互记录，处理咨询需求
goods_news（商品资讯表）id、zixunbiaoti（资讯标题）、zixunleixing（资讯类型）、tupian（图片）、neirong（内容）、faburiqi（发布日期）、addtime（创建时间）存储商品资讯（新品/促销），供用户查看
news（新闻资讯表）id、title（标题）、picture（图片）、content（内容）、addtime（创建时间）存储品牌新闻，提升用户对品牌的认知
orders（订单表）id、orderid（订单编号）、userid（用户ID）、goodid（商品ID）、goodname（商品名称）、buynumber（购买数量）、price（单价）、total（总价）、status（订单状态）、address（收货地址）、addtime（创建时间）存储订单核心信息，支持订单查询与状态更新
collect（收藏表）id、userid（用户ID）、refid（商品ID）、name（商品名称）、picture（商品图片）、addtime（创建时间）存储用户收藏的商品，便于后续购买
user（用户表）id、username（用户名）、password（密码）、role（角色）、addtime（创建时间）存储管理员与用户账号，区分角色权限
goods_category（商品分类表）id、category_name（分类名称）、addtime（创建时间）对商品进行分类（如裙装/裤装/上衣），规范商品管理

3.3 第三步：后端核心功能实现——Spring Boot架构

基于Spring Boot框架实现后端核心业务逻辑，重点解决“商品管理”与“订单处理”问题，确保系统符合电商运营规则：

3.3.1 商品管理功能实现

@RestController
@RequestMapping("/api/goods")
public class GoodsController {
    
    @Autowired
    private GoodsService goodsService;
    
    @Autowired
    private GoodsCategoryService categoryService;
    
    /**
     * 管理员新增商品
     */
    @PostMapping("/add")
    public ResponseEntity<String> addGoods(
            @RequestParam("goodname") String goodname,
            @RequestParam("categoryId") Integer categoryId,
            @RequestParam("price") Float price,
            @RequestParam("discountprice") Float discountprice,
            @RequestParam("stock") Integer stock,
            @RequestParam("picture") String picture,
            @RequestParam("details") String details) {
        try {
            // 1. 校验商品分类是否存在
            GoodsCategory category = categoryService.getById(categoryId);
            if (category == null) {
                return ResponseEntity.badRequest().body("商品分类不存在，请先创建分类");
            }
            
            // 2. 校验商品名称是否重复
            Goods existGoods = goodsService.getByGoodname(goodname);
            if (existGoods != null) {
                return ResponseEntity.badRequest().body("商品名称已存在，请重新命名");
            }
            
            // 3. 保存商品信息到数据库
            Goods goods = new Goods();
            goods.setGoodname(goodname);
            goods.setCategoryId(categoryId);
            goods.setCategoryName(category.getCategoryName());
            goods.setPrice(price);
            goods.setDiscountprice(discountprice);
            goods.setStock(stock);
            goods.setPicture(picture);
            goods.setDetails(details);
            goods.setAddtime(new Date());
            
            boolean success = goodsService.save(goods);
            if (success) {
                return ResponseEntity.ok("商品新增成功，商品名称：" + goodname);
            } else {
                return ResponseEntity.internalServerError().body("商品新增失败，请重试");
            }
        } catch (Exception e) {
            e.printStackTrace();
            return ResponseEntity.internalServerError().body("系统异常，新增失败");
        }
    }
    
    /**
     * 用户按条件查询商品
     */
    @GetMapping("/list")
    public ResponseEntity<List<Goods>> getGoodsList(
            @RequestParam(required = false) String goodname,
            @RequestParam(required = false) Integer categoryId,
            @RequestParam(required = false) String brand) {
        try {
            // 1. 构建查询条件
            Map<String, Object> condition = new HashMap<>();
            if (StringUtils.hasText(goodname)) {
                condition.put("goodname", "%" + goodname + "%");
            }
            if (categoryId != null) {
                condition.put("categoryId", categoryId);
            }
            if (StringUtils.hasText(brand)) {
                condition.put("brand", "%" + brand + "%");
            }
            
            // 2. 查询商品列表（仅展示库存>0的商品）
            condition.put("stock", ">0");
            List<Goods> goodsList = goodsService.getListByCondition(condition);
            return ResponseEntity.ok(goodsList);
        } catch (Exception e) {
            e.printStackTrace();
            return ResponseEntity.internalServerError().body(null);
        }
    }
}

3.3.2 订单管理功能实现

@Service
@Transactional
public class OrderService {
    
    @Autowired
    private OrderMapper orderMapper;
    
    @Autowired
    private GoodsMapper goodsMapper;
    
    @Autowired
    private AddressMapper addressMapper;
    
    /**
     * 用户提交订单
     */
    public String submitOrder(Order order, Integer userId) {
        // 1. 校验商品库存
        Goods goods = goodsMapper.selectById(order.getGoodId());
        if (goods == null) {
            return "商品不存在，请重新选择";
        }
        if (goods.getStock() < order.getBuyNumber()) {
            return "商品库存不足，当前库存：" + goods.getStock();
        }
        
        // 2. 校验收货地址
        Address address = addressMapper.selectById(order.getAddressId());
        if (address == null || !address.getUserId().equals(userId)) {
            return "收货地址不存在，请重新选择";
        }
        
        // 3. 计算订单总价（折扣价×购买数量）
        float totalPrice = goods.getDiscountprice() * order.getBuyNumber();
        
        // 4. 生成订单编号（时间戳+用户ID）
        String orderId = System.currentTimeMillis() + "_" + userId;
        
        // 5. 保存订单信息
        order.setOrderId(orderId);
        order.setUserId(userId);
        order.setGoodName(goods.getGoodname());
        order.setPrice(goods.getPrice());
        order.setDiscountPrice(goods.getDiscountprice());
        order.setTotal(totalPrice);
        order.setStatus("待支付"); // 初始状态：待支付
        order.setAddress(address.getAddress() + "（收货人：" + address.getName() + "，电话：" + address.getPhone() + "）");
        order.setAddtime(new Date());
        orderMapper.insert(order);
        
        // 6. 扣减商品库存
        goods.setStock(goods.getStock() - order.getBuyNumber());
        goodsMapper.updateById(goods);
        
        return "订单提交成功，订单编号：" + orderId + "，应付金额：" + totalPrice + "元";
    }
    
    /**
     * 管理员更新订单状态
     */
    public boolean updateOrderStatus(String orderId, String status) {
        // 1. 校验订单是否存在
        Order order = orderMapper.selectByOrderId(orderId);
        if (order == null) {
            return false;
        }
        
        // 2. 校验状态流转合法性（如待支付→已支付，已支付→已发货）
        List<String> allowStatus = Arrays.asList("待支付", "已支付", "已发货", "已完成", "已取消");
        if (!allowStatus.contains(status)) {
            return false;
        }
        
        // 3. 更新订单状态
        order.setStatus(status);
        orderMapper.updateById(order);
        return true;
    }
}

3.4 第四步：双角色权限实现——精细化权限控制

基于Session与角色标识实现权限管理，通过过滤器拦截非法请求，确保管理员与用户操作边界清晰，保障电商数据安全：

3.4.1 管理员权限（role=管理员）

  • 系统管控：维护商品分类/信息/轮播图，管理用户账号（查询/禁用），处理客服咨询；
  • 订单管理：查看所有用户订单，更新订单状态（已发货/已完成），处理订单取消申请；
  • 资讯发布：发布商品资讯（新品上市/促销活动）、品牌新闻，编辑或删除历史资讯；
  • 数据监控：查看商品销售排行、订单统计，掌握店铺运营动态。

3.4.2 用户权限（role=用户）

  • 个人管理：维护个人信息（修改头像/电话/邮箱），管理收货地址（新增/编辑/设置默认），重置登录密码；
  • 商品购物：浏览/搜索/收藏商品，添加商品至购物车（修改数量/删除），提交订单并支付；
  • 订单操作：查询个人订单（按状态/时间筛选），取消待支付订单，查看订单物流（后续扩展）；
  • 客服咨询：提交购物问题（如商品尺寸/售后），查看管理员回复，跟踪咨询进度。

3.4.3 权限过滤器实现

@Component
public class AuthFilter implements Filter {
    
    // 管理员专属路径
    private static final List<String> ADMIN_PATHS = Arrays.asList("/admin/goods/", "/admin/order/", "/admin/user/", "/admin/customer/");
    // 需登录才能访问的路径（所有角色通用）
    private static final List<String> NEED_LOGIN_PATHS = Arrays.asList("/api/goods/collect/", "/api/order/", "/api/user/address/", "/api/customer/ask/");
    
    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest httpRequest = (HttpServletRequest) request;
        HttpServletResponse httpResponse = (HttpServletResponse) response;
        String url = httpRequest.getRequestURI();
        String role = (String) httpRequest.getSession().getAttribute("role");
        Integer userId = (Integer) httpRequest.getSession().getAttribute("userId");
        
        // 1. 拦截管理员路径：非管理员禁止访问
        if (ADMIN_PATHS.stream().anyMatch(path -> url.startsWith(path))) {
            if (!"管理员".equals(role)) {
                httpResponse.setStatus(HttpServletResponse.SC_FORBIDDEN);
                httpResponse.getWriter().write("无管理员权限，禁止访问");
                return;
            }
        }
        
        // 2. 拦截需登录的路径：未登录用户重定向到登录页
        if (NEED_LOGIN_PATHS.stream().anyMatch(path -> url.startsWith(path)) && (userId == null || role == null)) {
            httpResponse.sendRedirect("/login");
            return;
        }
        
        // 3. 权限校验通过，放行请求
        chain.doFilter(request, response);
    }
}

3.5 第五步：前端界面实现——简洁高效的电商体验

基于JSP + Bootstrap构建响应式界面，适配电脑、平板等设备，界面设计遵循“电商场景化”原则，确保操作流畅、信息直观：

3.5.1 管理员后台界面

  • 商品管理界面：包含商品分类管理（表格展示分类名称，支持“新增/编辑/删除”）、商品信息管理（列表展示商品名称/图片/价格/库存，支持“新增/编辑/删除”，按名称搜索）、轮播图管理（上传首页推广图，支持“新增/编辑/删除”）；
  • 订单管理界面：表格展示所有订单（订单编号/商品名称/用户/总价/状态），支持按订单号/用户筛选，操作列包含“查看详情/更新状态”；
  • 用户管理界面：列表展示用户信息（用户名/电话/注册时间），支持按用户名搜索，操作列包含“查看详情/禁用账号”；
  • 客服管理界面：展示用户咨询列表（用户/提问内容/是否回复），点击“回复”弹出编辑框，提交后更新回复状态。

3.5.2 用户前台界面

  • 首页：顶部轮播图（展示促销活动）、商品分类导航（裙装/裤装/上衣等）、推荐商品列表（图片+名称+价格+折扣）；
  • 商品详情页：左侧商品图片、右侧商品信息（名称/价格/折扣/库存/规格），下方商品详情描述，支持“加入购物车/立即购买/收藏”；
  • 购物车界面：列表展示已添加商品（图片/名称/单价/数量），支持修改数量（实时更新小计）、删除商品、勾选商品批量结算；
  • 个人中心界面：左侧导航栏划分“我的订单”“我的收藏”“收货地址”“客服咨询”模块，右侧展示对应内容（如我的订单按状态筛选，支持查看详情/取消订单）。

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

3.6 第六步：系统测试——确保电商运营稳定运行

通过多维度测试验证系统功能、性能与安全性，测试环境模拟电商实际运营场景：

  • 硬件环境：Intel Core i5-10400处理器、8GB内存、512GB硬盘；
  • 软件环境：Windows 10操作系统、MySQL 8.0数据库、Tomcat 9.0服务器、Chrome浏览器。

3.6.1 功能测试

设计35组核心测试用例，覆盖登录、商品管理、订单处理、客服咨询关键场景：

测试场景测试步骤预期结果实际结果是否通过
管理员新增商品1. 登录管理员账号；2. 进入商品管理；3. 填写商品信息（名称/价格/库存）；4. 提交商品新增成功，列表显示新商品，库存为设置值与预期一致是
用户提交订单1. 登录用户账号；2. 加入商品至购物车；3. 选择地址/支付方式；4. 提交订单订单提交成功，生成订单编号，商品库存扣减与预期一致是
权限拦截测试1. 用户账号访问管理员订单管理页面；2. 查看响应结果提示“无管理员权限”，禁止访问与预期一致是
客服咨询测试1. 用户提交咨询（“商品是否有货”）；2. 管理员回复；3. 用户查看用户能看到回复内容，咨询状态变为“已回复”与预期一致是

3.6.2 性能与安全测试

  • 性能测试：模拟50名用户同时下单（含10件商品/单），平均响应时间≤1.8秒，无订单数据错误或库存超卖；
  • 安全测试：尝试通过URL直接修改他人订单状态，系统拦截并返回403，确保订单数据安全；
  • 稳定性测试：连续72小时运行，监控CPU使用率≤45%、内存占用≤38%，无崩溃或内存泄漏，支持全天候电商运营。

3.7 第七步：问题排查与优化——贴合电商实际需求

开发过程中针对在线商城管理场景的典型问题，制定针对性解决方案：

  1. 商品库存超卖

    • 问题：多用户同时购买同一款商品时，易出现“库存显示有货但下单后提示不足”的超卖问题；
    • 解决方案：使用数据库事务与行锁（SELECT ... FOR UPDATE），确保下单时库存查询与扣减的原子性，避免并发导致的超卖。

  2. 订单编号重复

    • 问题：用户同时提交订单时，生成的订单编号可能重复，导致订单查询混乱；
    • 解决方案：订单编号采用“时间戳（毫秒级）+用户ID”组合生成，确保全球唯一，同时在数据库中设置订单编号唯一索引，进一步避免重复。

  3. 商品搜索效率低

    • 问题：商品数量超过1000件时，按名称模糊搜索需3秒以上，用户等待时间长；
    • 解决方案：在商品名称字段添加MySQL全文索引，优化搜索SQL语句，将搜索响应时间缩短至0.5秒以内，同时支持按“名称+品牌”组合筛选，提升精准度。

四、毕业设计复盘：经验与教训

4.1 开发过程中的挑战

  1. 业务逻辑梳理：订单处理涉及“商品库存-地址-支付-状态流转”多环节，初期因未明确状态流转规则（如待支付订单超时取消），导致订单状态混乱，后期通过绘制状态流转图，明确每个状态的触发条件与后续操作；
  2. 数据关联性设计：商品需与分类关联、订单需与商品/地址关联，初期表结构未设计外键，导致数据查询时需多次关联表，效率低，后期添加外键约束与索引，提升查询效率；
  3. 用户体验优化：用户下单时需填写多个字段（地址/电话/支付方式），步骤繁琐，通过“默认地址自动填充”“记住支付方式”功能，将下单步骤从5步优化至3步，提升转化率。

4.2 给学弟学妹的建议

  1. 需求调研深入：开发电商类系统前，需调研主流电商平台（如淘宝/京东）的用户习惯与运营流程，避免“想当然”设计功能，可通过访谈线下零售商补充需求（如库存预警、促销活动）；
  2. 技术选型务实：优先选择成熟技术栈（如本项目用Spring Boot而非微服务），降低开发难度，确保按时完成毕业设计；
  3. 重视数据安全：电商系统涉及用户隐私（电话/地址）与交易数据（订单金额），需从设计阶段考虑密码加密（MD5）、订单数据脱敏，避免后期返工；
  4. 测试覆盖全面：除功能测试外，需重点关注性能测试（如促销高峰期并发）与边界测试（如库存为0时下单），确保系统符合电商运营标准。

五、项目资源与未来展望

5.1 项目核心资源

本项目提供完整的电商类系统开发资源，可直接用于毕业设计或中小型零售企业实际部署：

  • 后端源码：完整的Spring Boot项目（含Controller、Service、Mapper层代码，注释清晰，便于理解）；
  • 前端资源：JSP页面、CSS/JS文件、图标资源，支持直接部署到Tomcat服务器；
  • 数据库脚本：MySQL建表语句、测试数据（含管理员账号、示例商品/用户/订单数据）；
  • 部署指南：详细的环境配置步骤（Java、MySQL、Tomcat安装）、项目部署流程，新手可快速上手；
  • 答辩PPT模板：包含项目背景、技术栈、功能演示、测试结果，适配电商类毕业设计答辩。

5.2 系统扩展方向

  1. 支付接口集成：对接微信支付/支付宝API，支持用户在线支付，自动更新订单状态（待支付→已支付）；
  2. 物流跟踪功能：集成快递鸟/顺丰API，管理员录入物流单号后，用户可实时查看订单物流进度（已揽件/运输中/已签收）；
  3. 促销活动模块：新增优惠券（满减/折扣）、限时秒杀功能，提升用户复购率与店铺销量；
  4. 移动端适配：开发微信小程序版，支持用户通过手机浏览商品、下单购物，适配碎片化购物场景；
  5. 数据分析报表：集成ECharts，为管理员生成商品销售趋势图、用户消费画像，辅助运营决策。

如果本文对您的Spring Boot学习、电商类毕业设计有帮助，欢迎点赞 + 收藏 + 关注，后续会分享更多行业场景下的项目实战案例！

avatar
文章
阅读
粉丝