一、项目背景与技术选型

广告行业作为数字经济的核心领域，其线上展示平台需具备高并发处理能力、动态内容管理以及多终端适配特性。传统企业网站多采用PHP+MySQL架构，存在模块耦合度高、扩展性差等问题。本设计选择SpringBoot框架，因其内置依赖注入、自动配置等特性可大幅缩短开发周期，配合SpringSecurity实现权限控制，MyBatis-Plus简化数据库操作，形成轻量级企业级解决方案。

技术栈选型依据：

后端框架：SpringBoot 2.7.x（快速开发+生态完善）
前端框架：Vue3 + Element Plus（组件化+响应式）
数据库：MySQL 8.0（事务支持+JSON字段）
缓存中间件：Redis（热点数据加速）
部署方案：Docker容器化部署

二、系统架构设计

1. 分层架构设计

采用经典MVC分层模式，划分为表现层、业务逻辑层、数据访问层：

┌───────────────┐    ┌───────────────┐    ┌───────────────┐
│   Controller  │───>│    Service    │───>│     Mapper    │
└───────────────┘    └───────────────┘    └───────────────┘
       ↑                     ↑                     ↑
┌───────────────────────────────────────────────────────┐
│                     Domain Layer                      │
└───────────────────────────────────────────────────────┘

Controller层：处理HTTP请求，返回JSON/视图
Service层：实现核心业务逻辑，包含事务管理
Mapper层：使用MyBatis-Plus进行数据库操作

2. 微服务化准备

预留服务拆分接口，通过Feign实现服务间调用：

@FeignClient(name = "ad-service")
public interface AdServiceClient {
    @GetMapping("/api/ads/{position}")
    List<AdEntity> getAdsByPosition(@PathVariable String position);
}

三、核心功能模块实现

1. 广告位管理系统

数据库设计

CREATE TABLE ad_position (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    position_code VARCHAR(32) NOT NULL COMMENT '广告位编码',
    position_name VARCHAR(64) NOT NULL COMMENT '广告位名称',
    dimensions VARCHAR(32) COMMENT '尺寸规格',
    status TINYINT DEFAULT 1 COMMENT '状态(0禁用1启用)',
    create_time DATETIME DEFAULT CURRENT_TIMESTAMP
);

动态广告加载实现

通过Redis缓存广告数据，设置10分钟过期时间：

@Cacheable(value = "adCache", key = "#positionCode")
public List<AdEntity> getActiveAdsByPosition(String positionCode) {
    return adMapper.selectList(
        Wrappers.<AdEntity>lambdaQuery()
            .eq(AdEntity::getPositionCode, positionCode)
            .eq(AdEntity::getStatus, 1)
            .orderByDesc(AdEntity::getPriority)
    );
}

2. 客户案例展示系统

图片处理方案

采用缩略图+原图分离存储策略：

public String generateThumbnail(MultipartFile file) throws IOException {
    Thumbnails.of(file.getInputStream())
        .size(300, 200)
        .outputFormat("jpg")
        .toFile(new File("/path/to/thumb_" + file.getOriginalFilename()));
    return "/thumbs/" + file.getOriginalFilename();
}

前端展示优化

使用IntersectionObserver实现懒加载：

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            const img = entry.target;
            img.src = img.dataset.src;
            observer.unobserve(img);
        }
    });
});
document.querySelectorAll('img[data-src]').forEach(img => {
    observer.observe(img);
});

四、性能优化实践

1. 数据库优化

索引优化：为高频查询字段创建复合索引

ALTER TABLE ad_click_log ADD INDEX idx_ad_date (ad_id, click_date);

分库分表准备：按广告主ID进行水平分表

2. 缓存策略

多级缓存架构：本地Cache + Redis分布式缓存

缓存穿透防护：空值缓存+布隆过滤器

public Object getWithBloomFilter(String key) {
  if (!bloomFilter.mightContain(key)) {
      return null;
  }
  return redisCache.get(key);
}

3. 静态资源处理

CDN加速配置：通过Nginx反向代理

location /static/ {
  proxy_pass http://cdn.example.com;
  expires 30d;
  add_header Cache-Control "public";
}

WebP格式支持：动态判断浏览器兼容性

五、安全防护方案

1. XSS防护

后端防护：使用XssStringEscapeSerializer

@Configuration
public class XssConfig {
  @Bean
  public Jackson2ObjectMapperBuilderCustomizer xssCustomizer() {
      return builder -> builder.serializerByType(String.class, new XssStringEscapeSerializer());
  }
}

前端防护：CSP策略配置

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'">

2. CSRF防护

SpringSecurity默认配置：

@Configuration
public class SecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.csrf().csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse());
    }
}

六、部署与运维方案

1. Docker化部署

Dockerfile示例：

FROM openjdk:8-jdk-alpine
VOLUME /tmp
ARG JAR_FILE=target/*.jar
COPY ${JAR_FILE} app.jar
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app.jar"]

2. 监控体系构建

Prometheus + Grafana监控方案

自定义Endpoint暴露关键指标：

@Endpoint(id = "admetrics")
@Component
public class AdMetricsEndpoint {
  @ReadOperation
  public Map<String, Object> metrics() {
      return Map.of(
          "ad_impressions", adService.countImpressions(),
          "ad_clicks", adService.countClicks()
      );
  }
}

本设计通过SpringBoot框架实现了广告企业网站的核心功能，在性能、安全、可维护性等方面达到企业级标准。实际开发中需注意：1）广告素材上传需限制文件类型；2）定时任务使用@Scheduled需考虑集群部署时的重复执行问题；3）API接口需做好版本控制。该方案可作为计算机专业毕业设计的完整参考，后续可扩展为微服务架构或接入大数据分析模块。

基于SpringBoot的广告企业网站设计与实现