基于JSP+Servlet的自适应在线购物平台 - 源码深度解析

JavaScriptMavenHTMLCSSMySQLJSP+ServletFreemarker
2026-03-123 浏览

文章摘要

本项目是一个基于JSP和Servlet技术构建的在线购物平台，其核心业务价值在于为中小型零售商家提供一个功能完整、易于开发和维护的电商解决方案。它有效解决了传统线下零售或简单静态网站在商品展示、库存管理和交易流程上的效率低下问题，通过集成用户管理、商品浏览、购物车、订单处理等核心模块，实现了线上业务...

在电子商务快速发展的今天，中小型零售商家对高效、低成本的线上销售渠道需求日益迫切。传统的线下零售模式或简单的静态网站已无法满足商品动态展示、库存实时管理以及复杂交易流程的需求。针对这一市场痛点，一个采用经典J2EE技术栈构建的智能零售解决方案应运而生。该平台以JSP和Servlet为核心，结合MySQL数据库，实现了从商品展示到订单完成的完整电商闭环。

平台采用严格的分层架构设计，遵循MVC设计模式。Servlet作为控制器层负责处理所有业务请求和流程控制，JavaBean构成模型层封装核心业务逻辑和数据访问，JSP页面作为视图层专注于用户界面渲染。这种清晰的职责分离不仅提高了代码的可维护性，还使得平台具备良好的扩展性。

平台首页展示

技术架构深度解析

前端技术栈采用HTML5、CSS3和JavaScript实现响应式布局，确保在不同设备上都能提供优秀的用户体验。CSS媒体查询技术的运用使得页面能够根据屏幕尺寸自动调整布局，从桌面电脑到移动设备都能保持一致的视觉体验和操作便利性。

@media screen and (max-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .navbar-menu {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .search-box {
        width: 100%;
        margin: 10px 0;
    }
}

后端基于Servlet 3.0规范，利用Filter实现统一的权限控制和字符编码处理。每个功能模块都有对应的Servlet控制器，通过web.xml或注解方式进行URL映射配置。数据库连接池的使用显著提升了系统性能，避免了频繁创建和销毁数据库连接的开销。

数据库设计精要

平台数据库包含25张表，涵盖了用户管理、商品管理、订单处理等核心业务模块。用户表的设计充分考虑了扩展性和安全性，采用密码加密存储和详细的用户信息记录。

CREATE TABLE users (
    user_id INT PRIMARY KEY AUTO_INCREMENT,
    username VARCHAR(50) UNIQUE NOT NULL,
    password_hash VARCHAR(255) NOT NULL,
    email VARCHAR(100) UNIQUE NOT NULL,
    phone VARCHAR(20),
    real_name VARCHAR(50),
    gender ENUM('M','F','U') DEFAULT 'U',
    birth_date DATE,
    avatar_url VARCHAR(255),
    registration_time DATETIME DEFAULT CURRENT_TIMESTAMP,
    last_login_time DATETIME,
    status ENUM('ACTIVE','INACTIVE','SUSPENDED') DEFAULT 'ACTIVE',
    user_level INT DEFAULT 1,
    points INT DEFAULT 0
);

商品表设计支持多规格、多分类的商品管理，包含完整的库存管理和价格体系。商品状态机设计支持上架、下架、缺货等多种状态转换。

CREATE TABLE products (
    product_id INT PRIMARY KEY AUTO_INCREMENT,
    product_name VARCHAR(200) NOT NULL,
    category_id INT NOT NULL,
    brand_id INT,
    supplier_id INT,
    short_description TEXT,
    full_description LONGTEXT,
    original_price DECIMAL(10,2),
    current_price DECIMAL(10,2) NOT NULL,
    cost_price DECIMAL(10,2),
    stock_quantity INT DEFAULT 0,
    warning_stock INT DEFAULT 5,
    weight DECIMAL(8,2),
    main_image_url VARCHAR(255),
    image_gallery JSON,
    specs JSON,
    tags VARCHAR(500),
    seo_title VARCHAR(200),
    seo_keywords VARCHAR(300),
    seo_description VARCHAR(500),
    view_count INT DEFAULT 0,
    sale_count INT DEFAULT 0,
    status ENUM('DRAFT','PUBLISHED','DISCONTINUED') DEFAULT 'DRAFT',
    created_time DATETIME DEFAULT CURRENT_TIMESTAMP,
    updated_time DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
    INDEX idx_category (category_id),
    INDEX idx_status (status),
    INDEX idx_price (current_price),
    FULLTEXT idx_search (product_name, short_description, tags)
);

订单表采用主从表结构设计，主表记录订单基本信息，从表记录商品明细。这种设计支持一个订单包含多个商品，同时保持数据的规范性。

CREATE TABLE orders (
    order_id VARCHAR(32) PRIMARY KEY,
    user_id INT NOT NULL,
    order_status ENUM('PENDING','PAID','SHIPPED','DELIVERED','CANCELLED','REFUNDED') DEFAULT 'PENDING',
    total_amount DECIMAL(10,2) NOT NULL,
    discount_amount DECIMAL(10,2) DEFAULT 0,
    shipping_fee DECIMAL(8,2) DEFAULT 0,
    final_amount DECIMAL(10,2) NOT NULL,
    payment_method ENUM('ALIPAY','WECHAT','BANK','COD'),
    payment_status ENUM('UNPAID','PAID','FAILED','REFUNDED') DEFAULT 'UNPAID',
    shipping_address JSON NOT NULL,
    invoice_info JSON,
    order_notes TEXT,
    created_time DATETIME DEFAULT CURRENT_TIMESTAMP,
    paid_time DATETIME,
    shipped_time DATETIME,
    delivered_time DATETIME,
    INDEX idx_user (user_id),
    INDEX idx_status (order_status),
    INDEX idx_time (created_time)
);

核心业务功能实现

用户认证模块采用Session管理用户状态，通过Filter实现登录状态验证。密码采用BCrypt加密算法存储，确保安全性。

public class AuthenticationFilter implements Filter {
    @Override
    public void doFilter(ServletRequest request, ServletResponse response, 
                        FilterChain chain) throws IOException, ServletException {
        HttpServletRequest httpRequest = (HttpServletRequest) request;
        HttpServletResponse httpResponse = (HttpServletResponse) response;
        HttpSession session = httpRequest.getSession(false);
        
        String requestURI = httpRequest.getRequestURI();
        if (requiresAuthentication(requestURI)) {
            if (session == null || session.getAttribute("currentUser") == null) {
                httpResponse.sendRedirect(httpRequest.getContextPath() + "/login");
                return;
            }
        }
        chain.doFilter(request, response);
    }
    
    private boolean requiresAuthentication(String uri) {
        return uri.contains("/order/") || uri.contains("/account/") 
               || uri.contains("/cart/") || uri.contains("/checkout");
    }
}

商品搜索功能支持关键词搜索、分类筛选、价格区间、排序等多种查询条件。通过数据库全文索引优化搜索性能。

public class ProductSearchService {
    public List<Product> searchProducts(ProductSearchCriteria criteria) {
        StringBuilder sql = new StringBuilder(
            "SELECT p.*, c.category_name FROM products p " +
            "LEFT JOIN categories c ON p.category_id = c.category_id " +
            "WHERE p.status = 'PUBLISHED'");
        
        List<Object> params = new ArrayList<>();
        
        if (StringUtils.isNotBlank(criteria.getKeyword())) {
            sql.append(" AND MATCH(p.product_name, p.short_description, p.tags) AGAINST(?)");
            params.add(criteria.getKeyword());
        }
        
        if (criteria.getCategoryId() != null) {
            sql.append(" AND p.category_id = ?");
            params.add(criteria.getCategoryId());
        }
        
        if (criteria.getMinPrice() != null) {
            sql.append(" AND p.current_price >= ?");
            params.add(criteria.getMinPrice());
        }
        
        if (criteria.getMaxPrice() != null) {
            sql.append(" AND p.current_price <= ?");
            params.add(criteria.getMaxPrice());
        }
        
        // 排序处理
        if (StringUtils.isNotBlank(criteria.getSortBy())) {
            sql.append(" ORDER BY ").append(getSortField(criteria.getSortBy()));
            sql.append(" ").append(criteria.isSortDesc() ? "DESC" : "ASC");
        }
        
        // 分页处理
        if (criteria.getPageSize() > 0) {
            sql.append(" LIMIT ? OFFSET ?");
            params.add(criteria.getPageSize());
            params.add(criteria.getPageSize() * (criteria.getPageNumber() - 1));
        }
        
        return jdbcTemplate.query(sql.toString(), params.toArray(), new ProductRowMapper());
    }
}

购物车功能采用Session存储临时购物车数据，支持商品添加、数量修改、删除等操作。购物车数据在用户登录后会自动同步到数据库。

public class ShoppingCartServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        String action = request.getParameter("action");
        HttpSession session = request.getSession();
        ShoppingCart cart = getOrCreateCart(session);
        
        switch (action) {
            case "add":
                addItemToCart(request, cart);
                break;
            case "update":
                updateCartItem(request, cart);
                break;
            case "remove":
                removeItemFromCart(request, cart);
                break;
            case "clear":
                cart.clear();
                break;
        }
        
        session.setAttribute("shoppingCart", cart);
        response.sendRedirect("cart.jsp");
    }
    
    private void addItemToCart(HttpServletRequest request, ShoppingCart cart) {
        int productId = Integer.parseInt(request.getParameter("productId"));
        int quantity = Integer.parseInt(request.getParameter("quantity"));
        Product product = productService.getProductById(productId);
        
        if (product != null && product.getStockQuantity() >= quantity) {
            CartItem item = new CartItem(product, quantity);
            cart.addItem(item);
        }
    }
}

订单处理流程包含库存检查、价格计算、支付集成等多个环节。采用数据库事务确保数据一致性。

public class OrderService {
    @Transactional
    public OrderResult createOrder(OrderRequest orderRequest) {
        // 验证用户和地址信息
        User user = validateUser(orderRequest.getUserId());
        validateAddress(orderRequest.getShippingAddress());
        
        // 创建订单主信息
        Order order = new Order();
        order.setOrderId(generateOrderId());
        order.setUserId(user.getUserId());
        order.setShippingAddress(orderRequest.getShippingAddress());
        
        BigDecimal totalAmount = BigDecimal.ZERO;
        List<OrderItem> orderItems = new ArrayList<>();
        
        // 处理订单商品
        for (CartItem cartItem : orderRequest.getItems()) {
            Product product = productService.getProductById(cartItem.getProductId());
            
            // 库存检查
            if (product.getStockQuantity() < cartItem.getQuantity()) {
                throw new InsufficientStockException(product.getProductName());
            }
            
            // 创建订单项
            OrderItem orderItem = createOrderItem(order.getOrderId(), product, cartItem);
            orderItems.add(orderItem);
            totalAmount = totalAmount.add(orderItem.getSubtotal());
            
            // 预占库存
            productService.reserveStock(product.getProductId(), cartItem.getQuantity());
        }
        
        order.setTotalAmount(totalAmount);
        order.setFinalAmount(calculateFinalAmount(totalAmount, orderRequest.getCouponCode()));
        
        // 保存订单
        orderDao.save(order);
        orderItemDao.batchSave(orderItems);
        
        return new OrderResult(order, orderItems);
    }
}

购物车页面

响应式设计实现

平台的前端设计采用移动优先的策略，使用Flexbox和Grid布局实现自适应效果。关键的响应式断点设置在768px和1024px，分别针对平板和桌面设备进行优化。

// 响应式导航菜单处理
class ResponsiveNavigation {
    constructor() {
        this.navToggle = document.querySelector('.nav-toggle');
        this.navMenu = document.querySelector('.nav-menu');
        this.init();
    }
    
    init() {
        this.navToggle.addEventListener('click', () => {
            this.toggleMenu();
        });
        
        // 窗口大小变化时调整菜单状态
        window.addEventListener('resize', () => {
            this.handleResize();
        });
    }
    
    toggleMenu() {
        this.navMenu.classList.toggle('nav-menu-active');
        this.navToggle.classList.toggle('active');
    }
    
    handleResize() {
        if (window.innerWidth > 768) {
            this.navMenu.classList.remove('nav-menu-active');
            this.navToggle.classList.remove('active');
        }
    }
}

性能优化策略

数据库查询优化方面，为频繁查询的字段建立索引，使用连接池管理数据库连接。对商品列表等大量数据查询实现分页加载，避免一次性加载过多数据。

public class PaginationUtil {
    public static final int DEFAULT_PAGE_SIZE = 20;
    public static final int MAX_PAGE_SIZE = 100;
    
    public static PageRequest buildPageRequest(HttpServletRequest request) {
        int page = getIntParameter(request, "page", 1);
        int size = getIntParameter(request, "size", DEFAULT_PAGE_SIZE);
        
        // 限制每页最大数量
        size = Math.min(size, MAX_PAGE_SIZE);
        page = Math.max(page, 1);
        
        return new PageRequest(page, size);
    }
    
    public static <T> PageResult<T> buildPageResult(List<T> data, int total, PageRequest pageRequest) {
        PageResult<T> result = new PageResult<>();
        result.setData(data);
        result.setTotal(total);
        result.setPageSize(pageRequest.getPageSize());
        result.setCurrentPage(pageRequest.getPageNumber());
        result.setTotalPages((int) Math.ceil((double) total / pageRequest.getPageSize()));
        
        return result;
    }
}

缓存策略方面，对分类信息、品牌信息等不经常变化的数据使用Redis进行缓存，减少数据库访问压力。

商品详情页

安全防护措施

平台实现了全面的安全防护机制，包括SQL注入防护、XSS攻击防护、CSRF令牌验证等。所有用户输入都经过严格的验证和过滤。

public class SecurityUtil {
    // SQL注入过滤
    public static String filterSQLInjection(String input) {
        if (input == null) return null;
        
        return input.replaceAll("([';]+|(--)+)", "");
    }
    
    // XSS攻击过滤
    public static String filterXSS(String input) {
        if (input == null) return null;
        
        return input.replaceAll("<script>", "&lt;script&gt;")
                   .replaceAll("</script>", "&lt;/script&gt;")
                   .replaceAll("javascript:", "")
                   .replaceAll("onload=", "")
                   .replaceAll("onerror=", "");
    }
    
    // 生成CSRF令牌
    public static String generateCSRFToken(HttpSession session) {
        String token = UUID.randomUUID().toString();
        session.setAttribute("csrfToken", token);
        return token;
    }
    
    // 验证CSRF令牌
    public static boolean verifyCSRFToken(HttpServletRequest request) {
        String sessionToken = (String) request.getSession().getAttribute("csrfToken");
        String requestToken = request.getParameter("csrfToken");
        
        return sessionToken != null && sessionToken.equals(requestToken);
    }
}

系统扩展性设计

平台采用模块化设计，各个功能模块之间耦合度低，便于后续功能扩展。通过接口抽象和依赖注入的方式实现组件的可替换性。

public interface PaymentService {
    PaymentResult processPayment(PaymentRequest request);
    PaymentQueryResult queryPayment(String paymentId);
    boolean refund(RefundRequest request);
}

@Service
public class AlipayPaymentService implements PaymentService {
    @Override
    public PaymentResult processPayment(PaymentRequest request) {
        // 支付宝支付实现
        // ...
    }
}

@Service 
public class WechatPaymentService implements PaymentService {
    @Override
    public PaymentResult processPayment(PaymentRequest request) {
        // 微信支付实现
        // ...
    }
}

未来优化方向

在微服务架构转型方面，可以考虑将单体应用拆分为用户服务、商品服务、订单服务、支付服务等独立的微服务。使用Spring Cloud框架实现服务治理，通过API网关统一对外提供服务。

在搜索引擎优化方面，可以引入Elasticsearch替代数据库全文搜索，提供更强大的商品搜索能力。实现商品信息的实时索引，支持更复杂的搜索条件和排序规则。

大数据分析功能可以通过集成Apache Spark或Flink，对用户行为数据、销售数据进行分析，为商家提供销售趋势预测、用户画像分析等高级功能。

移动端体验优化可以开发专门的React Native或Flutter移动应用，提供原生的移动购物体验。同时优化PWA渐进式Web应用，支持离线访问和推送通知等功能。

人工智能推荐系统可以基于用户的历史行为和相似用户偏好，使用协同过滤和深度学习算法实现个性化商品推荐。集成图像识别技术，支持以图搜商品等创新功能。

订单管理界面

该智能零售解决方案通过严谨的架构设计、完善的业务功能实现和全面的安全防护，为中小型零售商提供了稳定可靠的电商平台基础。其模块化设计和清晰的代码结构为后续的功能扩展和技术升级奠定了良好基础，具有良好的实用价值和发展前景。

本文关键词
JSPServlet自适应在线购物平台源码解析

上下篇

上一篇
没有更多文章
下一篇
没有更多文章