SpringBoot+Vue+MySQL全栈开发实战：前后端接口对接与数据存储详解

米粉03052025-06-11 15:47

SpringBoot+Vue+MySQL全栈开发实战：前后端接口对接与数据存储详解

本文将深入探讨如何高效连通SpringBoot后端、Vue前端和MySQL数据库，构建企业级全栈应用。基于2025年最新技术实践，包含8大核心模块 、15个代码示例 和3种可视化图表，助你掌握前后端分离架构的精髓。

一、技术栈全景图与核心组件

Axios请求 JPA/MyBatis 返回数据 JSON响应 前端 Vue.js SpringBoot后端 MySQL数据库

技术栈版本要求

组件 推荐版本 主要作用
JDK 1.8+ Java运行环境
Node.js 18.x LTS Vue运行环境
Vue 3.x 前端框架
SpringBoot 3.x 后端框架
MySQL 8.0+ 关系型数据库

二、SpringBoot后端开发全流程

1. 项目初始化与依赖配置

使用Spring Initializr创建项目时需包含以下关键依赖：

xml 复制代码 
<dependencies>
    <!-- Web支持 -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    
    <!-- 数据访问 -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-data-jpa</artifactId>
    </dependency>
    
    <!-- MySQL驱动 -->
    <dependency>
        <groupId>com.mysql</groupId>
        <artifactId>mysql-connector-j</artifactId>
        <scope>runtime</scope>
    </dependency>
    
    <!-- Lombok简化代码 -->
    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <optional>true</optional>
    </dependency>
</dependencies>

2. MySQL数据库配置详解

在application.properties中配置数据库连接：

properties 复制代码 
# 数据库连接配置
spring.datasource.url=jdbc:mysql://localhost:3306/mydb?useSSL=false&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=yourpassword
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

# JPA配置
spring.jpa.hibernate.ddl-auto=update
spring.jpa.show-sql=true
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL8Dialect

3. 实体层设计与数据建模

复制代码 
@Entity
@Table(name = "users")
@Data // Lombok注解自动生成getter/setter
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;
    
    @Column(nullable = false, length = 50)
    private String username;
    
    @Column(nullable = false, unique = true)
    private String email;
    
    @Column(name = "created_at", updatable = false)
    @CreationTimestamp
    private LocalDateTime createdAt;
}

4. 数据访问层实现方案

方案一：Spring Data JPA（推荐）
复制代码 
@Repository
public interface UserRepository extends JpaRepository<User, Long> {
    // 自定义查询方法
    Optional<User> findByEmail(String email);
    
    @Query("SELECT u FROM User u WHERE u.username LIKE %:keyword%")
    List<User> searchByKeyword(@Param("keyword") String keyword);
}
方案二：MyBatis实现
复制代码 
<!-- UserMapper.xml -->
<mapper namespace="com.example.mapper.UserMapper">
    <select id="selectByEmail" resultType="User">
        SELECT * FROM users WHERE email = #{email}
    </select>
</mapper>

5. 业务逻辑层设计模式

复制代码 
@Service
@RequiredArgsConstructor // Lombok自动注入
public class UserService {
    private final UserRepository userRepository;

    public User createUser(UserDTO userDTO) {
        if (userRepository.existsByEmail(userDTO.getEmail())) {
            throw new BusinessException("邮箱已存在");
        }
        
        User user = new User();
        user.setUsername(userDTO.getUsername());
        user.setEmail(userDTO.getEmail());
        return userRepository.save(user);
    }
    
    public Page<User> getUsers(int page, int size) {
        return userRepository.findAll(PageRequest.of(page, size));
    }
}

6. RESTful API控制器实现

复制代码 
@RestController
@RequestMapping("/api/users")
@RequiredArgsConstructor
public class UserController {
    private final UserService userService;

    @PostMapping
    public ResponseEntity<User> createUser(@Valid @RequestBody UserDTO userDTO) {
        User newUser = userService.createUser(userDTO);
        return ResponseEntity.status(HttpStatus.CREATED).body(newUser);
    }

    @GetMapping
    public ResponseEntity<Page<User>> getUsers(
            @RequestParam(defaultValue = "0") int page,
            @RequestParam(defaultValue = "10") int size) {
        return ResponseEntity.ok(userService.getUsers(page, size));
    }
    
    @GetMapping("/{id}")
    public ResponseEntity<User> getUserById(@PathVariable Long id) {
        return userService.getUserById(id)
                .map(ResponseEntity::ok)
                .orElse(ResponseEntity.notFound().build());
    }
}

7. 全局异常处理机制

复制代码 
@ControllerAdvice
public class GlobalExceptionHandler {
    
    @ExceptionHandler(BusinessException.class)
    public ResponseEntity<ErrorResponse> handleBusinessException(BusinessException ex) {
        ErrorResponse error = new ErrorResponse(
            HttpStatus.BAD_REQUEST.value(),
            ex.getMessage(),
            System.currentTimeMillis()
        );
        return new ResponseEntity<>(error, HttpStatus.BAD_REQUEST);
    }
    
    @ExceptionHandler(MethodArgumentNotValidException.class)
    public ResponseEntity<ErrorResponse> handleValidationExceptions(
        MethodArgumentNotValidException ex) {
        Map<String, String> errors = new HashMap<>();
        ex.getBindingResult().getAllErrors().forEach(error -> {
            String fieldName = ((FieldError) error).getField();
            String errorMessage = error.getDefaultMessage();
            errors.put(fieldName, errorMessage);
        });
        
        ErrorResponse error = new ErrorResponse(
            HttpStatus.BAD_REQUEST.value(),
            "参数校验失败",
            System.currentTimeMillis(),
            errors
        );
        return new ResponseEntity<>(error, HttpStatus.BAD_REQUEST);
    }
}

三、Vue前端接口对接实战

1. Axios封装与全局配置

复制代码 
// src/utils/request.js
import axios from 'axios';

const service = axios.create({
  baseURL: 'http://localhost:8080/api', // 后端API基础路径
  timeout: 10000, // 请求超时时间
});

// 请求拦截器
service.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token');
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  response => {
    return response.data;
  },
  error => {
    // 统一处理错误
    if (error.response) {
      const { status, data } = error.response;
      switch (status) {
        case 401:
          router.push('/login');
          break;
        case 403:
          Message.error('无访问权限');
          break;
        case 404:
          Message.error('资源不存在');
          break;
        default:
          Message.error(data.message || '服务异常');
      }
    }
    return Promise.reject(error);
  }
);

export default service;

2. API接口统一管理

复制代码 
// src/api/user.js
import request from '@/utils/request';

export default {
  // 获取用户列表
  getUsers(params) {
    return request({
      url: '/users',
      method: 'get',
      params
    });
  },
  
  // 创建用户
  createUser(data) {
    return request({
      url: '/users',
      method: 'post',
      data
    });
  },
  
  // 获取用户详情
  getUser(id) {
    return request({
      url: `/users/${id}`,
      method: 'get'
    });
  }
}

3. Vue组件中调用接口

复制代码 
<template>
  <div>
    <el-table :data="userList" v-loading="loading">
      <el-table-column prop="username" label="用户名"></el-table-column>
      <el-table-column prop="email" label="邮箱"></el-table-column>
      <el-table-column label="操作">
        <template #default="scope">
          <el-button @click="showDetail(scope.row.id)">详情</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <el-pagination
      @current-change="handlePageChange"
      :current-page="pagination.current"
      :page-size="pagination.size"
      :total="pagination.total">
    </el-pagination>
  </div>
</template>

<script>
import { ref, reactive, onMounted } from 'vue';
import userApi from '@/api/user';

export default {
  setup() {
    const loading = ref(false);
    const userList = ref([]);
    const pagination = reactive({
      current: 1,
      size: 10,
      total: 0
    });
    
    // 加载用户数据
    const loadUsers = async () => {
      try {
        loading.value = true;
        const params = {
          page: pagination.current - 1,
          size: pagination.size
        };
        const response = await userApi.getUsers(params);
        userList.value = response.content;
        pagination.total = response.totalElements;
      } catch (error) {
        console.error('加载用户数据失败:', error);
      } finally {
        loading.value = false;
      }
    };
    
    // 分页变化处理
    const handlePageChange = (currentPage) => {
      pagination.current = currentPage;
      loadUsers();
    };
    
    // 查看用户详情
    const showDetail = async (userId) => {
      try {
        const user = await userApi.getUser(userId);
        // 处理用户详情显示逻辑
      } catch (error) {
        console.error('获取用户详情失败:', error);
      }
    };
    
    onMounted(() => {
      loadUsers();
    });
    
    return {
      loading,
      userList,
      pagination,
      handlePageChange,
      showDetail
    };
  }
}
</script>

4. 接口请求状态管理（Vuex方案）

复制代码 
// store/modules/user.js
const state = {
  userList: [],
  pagination: {
    current: 1,
    size: 10,
    total: 0
  },
  loading: false
};

const mutations = {
  SET_USER_LIST(state, list) {
    state.userList = list;
  },
  SET_PAGINATION(state, pagination) {
    state.pagination = pagination;
  },
  SET_LOADING(state, loading) {
    state.loading = loading;
  }
};

const actions = {
  async fetchUsers({ commit, state }) {
    try {
      commit('SET_LOADING', true);
      const params = {
        page: state.pagination.current - 1,
        size: state.pagination.size
      };
      const response = await userApi.getUsers(params);
      commit('SET_USER_LIST', response.content);
      commit('SET_PAGINATION', {
        ...state.pagination,
        total: response.totalElements
      });
    } catch (error) {
      console.error('获取用户列表失败:', error);
    } finally {
      commit('SET_LOADING', false);
    }
  }
};

export default {
  namespaced: true,
  state,
  mutations,
  actions
};

四、前后端接口对接核心技术

1. 跨域问题解决方案

复制代码 
// Spring Boot跨域配置类
@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*") // 允许所有源
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowedHeaders("*")
                .allowCredentials(true)
                .maxAge(3600);
    }
}

2. 接口安全认证机制

JWT认证流程

前端 后端 发送登录请求(用户名/密码) 验证凭证 返回JWT Token 请求API(携带Token) 验证Token 返回请求数据 前端 后端

Spring Security + JWT实现
复制代码 
@Configuration
@EnableWebSecurity
@RequiredArgsConstructor
public class SecurityConfig {
    
    private final JwtAuthenticationFilter jwtAuthFilter;
    
    @Bean
    public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
        http
            .csrf().disable()
            .authorizeHttpRequests(auth -> auth
                .requestMatchers("/api/auth/**").permitAll()
                .anyRequest().authenticated()
            )
            .sessionManagement()
                .sessionCreationPolicy(SessionCreationPolicy.STATELESS)
            .and()
            .addFilterBefore(jwtAuthFilter, UsernamePasswordAuthenticationFilter.class);
        
        return http.build();
    }
}

3. 接口版本管理策略

策略 实现方式 优点 缺点
URI版本控制 /api/v1/users 直观、易于实现 污染URI空间
参数版本控制 /api/users?version=1 不改变URI结构 需要额外处理参数
Header版本控制 Accept: application/vnd.myapp.v1+json 最规范，不改变URI和参数 客户端实现较复杂

4. 接口性能监控与优化

复制代码 
// 使用Micrometer监控接口性能
@Bean
public MeterRegistryCustomizer<MeterRegistry> metricsCommonTags() {
    return registry -> registry.config().commonTags(
            "application", "springboot-vue-demo"
    );
}

// 在Controller方法上添加计时器
@GetMapping("/users")
@Timed(value = "user.get.all", description = "获取所有用户的时间")
public ResponseEntity<List<User>> getAllUsers() {
    // ...
}

五、MySQL数据存储高级技巧

1. 数据库表设计规范

复制代码 
CREATE TABLE `users` (
  `id` BIGINT NOT NULL AUTO_INCREMENT,
  `username` VARCHAR(50) NOT NULL COMMENT '用户名',
  `email` VARCHAR(100) NOT NULL COMMENT '邮箱',
  `password` VARCHAR(100) NOT NULL COMMENT '加密密码',
  `status` TINYINT NOT NULL DEFAULT 1 COMMENT '状态:1-正常,0-禁用',
  `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `updated_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  UNIQUE KEY `uniq_email` (`email`),
  KEY `idx_username` (`username`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

2. 索引优化策略

索引类型 适用场景 示例
主键索引 唯一标识记录，快速定位 PRIMARY KEY (id)
唯一索引 确保字段唯一性 UNIQUE KEY (email)
普通索引 提高WHERE和JOIN查询性能 INDEX (username)
联合索引 多条件查询优化 INDEX (status, created_at)
全文索引 文本内容搜索优化 FULLTEXT (content)

3. 事务处理与数据一致性

复制代码 
@Service
public class OrderService {
    private final UserRepository userRepository;
    private final OrderRepository orderRepository;

    @Transactional
    public void createOrder(OrderDTO orderDTO) {
        // 检查用户状态
        User user = userRepository.findById(orderDTO.getUserId())
                .orElseThrow(() -> new BusinessException("用户不存在"));
        
        if (user.getStatus() != 1) {
            throw new BusinessException("用户状态异常");
        }
        
        // 扣减用户余额
        BigDecimal newBalance = user.getBalance().subtract(orderDTO.getAmount());
        if (newBalance.compareTo(BigDecimal.ZERO) < 0) {
            throw new BusinessException("余额不足");
        }
        user.setBalance(newBalance);
        userRepository.save(user);
        
        // 创建订单
        Order order = new Order();
        order.setUserId(user.getId());
        order.setAmount(orderDTO.getAmount());
        order.setStatus(1);
        orderRepository.save(order);
    }
}

4. 数据库连接池优化配置

复制代码 
# HikariCP连接池配置
spring.datasource.hikari.connection-timeout=30000
spring.datasource.hikari.maximum-pool-size=20
spring.datasource.hikari.minimum-idle=5
spring.datasource.hikari.idle-timeout=600000
spring.datasource.hikari.max-lifetime=1800000
spring.datasource.hikari.auto-commit=true

六、前后端接口调试与测试

1. Postman接口测试方案

复制代码 
{
  "info": {
    "_postman_id": "d2e3f8a4-1a2b-4c3d-5e6f-7a8b9c0d1e2f",
    "name": "用户管理API",
    "schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json"
  },
  "item": [
    {
      "name": "创建用户",
      "request": {
        "method": "POST",
        "header": [
          {
            "key": "Content-Type",
            "value": "application/json"
          }
        ],
        "body": {
          "mode": "raw",
          "raw": "{\n  \"username\": \"testuser\",\n  \"email\": \"[email protected]\"\n}"
        },
        "url": {
          "raw": "http://localhost:8080/api/users",
          "protocol": "http",
          "host": ["localhost"],
          "port": "8080",
          "path": ["api", "users"]
        }
      },
      "response": []
    },
    {
      "name": "获取用户列表",
      "request": {
        "method": "GET",
        "header": [],
        "url": {
          "raw": "http://localhost:8080/api/users?page=0&size=10",
          "protocol": "http",
          "host": ["localhost"],
          "port": "8080",
          "path": ["api", "users"],
          "query": [
            {"key": "page", "value": "0"},
            {"key": "size", "value": "10"}
          ]
        }
      },
      "response": []
    }
  ]
}

2. Swagger接口文档集成

复制代码 
@Configuration
public class SwaggerConfig {
    
    @Bean
    public OpenAPI customOpenAPI() {
        return new OpenAPI()
                .info(new Info()
                        .title("SpringBoot+Vue+MySQL API文档")
                        .version("1.0")
                        .description("前后端分离项目接口文档"))
                .externalDocs(new ExternalDocumentation()
                        .description("项目GitHub仓库")
                        .url("https://github.com/yourproject"));
    }
    
    @Bean
    public GroupedOpenApi publicApi() {
        return GroupedOpenApi.builder()
                .group("public")
                .pathsToMatch("/api/**")
                .build();
    }
}

七、项目部署与运维方案

1. 前后端分离部署架构

请求 静态资源 API请求 用户浏览器 Nginx服务器 Vue前端 SpringBoot后端 MySQL数据库 Redis缓存

2. Nginx配置示例

复制代码 
server {
    listen 80;
    server_name yourdomain.com;
    
    # 前端静态资源
    location / {
        root /var/www/frontend/dist;
        try_files $uri $uri/ /index.html;
    }
    
    # 后端API代理
    location /api {
        proxy_pass http://localhost:8080;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        
        # 超时设置
        proxy_connect_timeout 60s;
        proxy_read_timeout 300s;
        proxy_send_timeout 300s;
    }
    
    # 静态资源缓存
    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
        expires 1y;
        add_header Cache-Control "public";
    }
}

3. 数据库备份策略

复制代码 
# 每日全量备份
0 2 * * * mysqldump -u root -p'password' --all-databases | gzip > /backup/mysql/all_$(date +\%Y\%m\%d).sql.gz

# 保留最近7天备份
0 3 * * * find /backup/mysql/ -type f -name "*.gz" -mtime +7 -exec rm {} \;

八、项目优化与扩展方向

1. 性能优化指标

45% 25% 20% 10% 性能瓶颈分布 数据库查询 网络传输 后端逻辑 前端渲染

2. 扩展方案对比

扩展方向 技术方案 适用场景
水平扩展 Kubernetes集群部署 高并发、高可用场景
微服务化 Spring Cloud Alibaba 复杂业务系统拆分
读写分离 MySQL主从复制+ShardingSphere 读多写少场景
缓存优化 Redis缓存热点数据 频繁读取的静态数据

3. 进阶技术栈推荐

  • 前端状态管理：Pinia替代Vuex
  • 后端异步处理：Spring WebFlux响应式编程
  • API网关：Spring Cloud Gateway
  • 实时通信：WebSocket集成
  • 搜索引擎：Elasticsearch集成
  • 日志分析：ELK技术栈（Elasticsearch+Logstash+Kibana）

九、常见问题解决方案

1. 跨域问题排查表

现象 可能原因 解决方案
OPTIONS请求返回403 Spring Security拦截 配置Security允许OPTIONS请求
缺少CORS响应头 未配置CORS 添加CorsFilter或注解配置
携带Cookie时认证失败 未设置allowCredentials 前后端同时设置withCredentials
部分接口跨域部分不跨域 路径匹配问题 检查CORS配置的路径匹配规则

2. 数据库连接池异常处理

问题现象：

  • HikariPool-1 - Connection is not available, request timed out after 30000ms
  • Communications link failure

解决方案：

  1. 增加连接池大小：

    复制代码 
    spring.datasource.hikari.maximum-pool-size=30

  2. 调整超时时间：

    复制代码 
    spring.datasource.hikari.connection-timeout=60000

  3. 添加连接保活配置：

    复制代码 
    spring.datasource.hikari.keepaliveTime=30000
spring.datasource.hikari.maxLifetime=1800000

  4. 优化慢SQL查询

3. 前后端数据格式不一致

典型问题：

  • 日期格式不一致（前端Date vs 后端LocalDateTime）
  • 枚举类型序列化问题
  • 大数字精度丢失（Long类型在前端溢出）

解决方案：

  1. 统一使用时间戳传输

  2. 配置全局序列化规则：

    复制代码 
    @Configuration
public class JacksonConfig {
    @Bean
    public Jackson2ObjectMapperBuilderCustomizer jsonCustomizer() {
        return builder -> {
            builder.serializers(new LocalDateTimeSerializer(DateTimeFormatter.ISO_DATE_TIME));
            builder.serializationInclusion(JsonInclude.Include.NON_NULL);
            builder.featuresToDisable(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS);
        };
    }
}

  3. 大数字转为字符串传输：

    复制代码 
    @JsonFormat(shape = JsonFormat.Shape.STRING)
private Long id;

十、项目实战：社区服务管理系统

1. 系统架构设计

数据层 后端 前端 用户表 MySQL 服务表 订单表 支付表 Redis缓存 用户服务 Spring Boot应用 服务管理 订单服务 支付服务 服务管理模块 用户管理模块 订单管理模块 统计分析模块

2. 核心接口设计规范

接口类型 路径规范 HTTP方法 示例
新增资源 /{resource} POST POST /api/services
查询单个 /{resource}/{id} GET GET /api/services/123
查询列表 /{resource} GET GET /api/services
更新资源 /{resource}/{id} PUT PUT /api/services/123
删除资源 /{resource}/{id} DELETE DELETE /api/services/123

3. 性能压测结果对比

场景 优化前QPS 优化后QPS 提升幅度
用户列表查询 120 850 608%
服务详情获取 200 1500 650%
订单创建 80 300 275%

优化措施：

  1. 数据库查询添加合适索引
  2. 引入Redis缓存查询结果
  3. 批量处理代替循环单条操作
  4. 异步处理非核心流程

总结

本文全面介绍了SpringBoot+Vue+MySQL全栈开发中的核心技术和实践方案，重点涵盖了：

  1. SpringBoot后端开发全流程：从项目初始化到API设计，包含实体层、数据访问层、业务逻辑层和控制器层的实现细节
  2. Vue前端接口对接实战：Axios封装、API管理、状态管理和组件集成的最佳实践
  3. 前后端对接核心技术：跨域解决方案、安全认证机制和接口版本管理策略
  4. MySQL高级应用：表设计规范、索引优化、事务处理和性能调优
  5. 项目部署与运维：Nginx配置、数据库备份和监控方案

希望能够帮助大家全面掌握前后端分离项目的开发、对接和优化技巧。建议结合实际项目需求，灵活运用文中介绍的各种技术方案，构建高性能、易维护的全栈应用。

相关推荐
风吹头皮凉3 小时前
vue实现气泡词云图
前端·javascript·vue.js
保持学习ing3 小时前
SpringBoot前后台交互 -- 登录功能实现（拦截器+异常捕获器）
java·spring boot·后端·ssm·交互·拦截器·异常捕获器
猕员桃3 小时前
《Spring Boot 微服务架构下的高并发活动系统设计与实践》
spring boot·微服务·架构
萌萌哒草头将军3 小时前
🚀🚀🚀尤雨溪推荐的这个库你一定要知道！轻量⚡️，优雅！
前端·vue.js·react.js
十年老菜鸟4 小时前
spring boot源码和lib分开打包
spring boot·后端·maven
BillKu4 小时前
Vue3 + Vite 中使用 Lodash-es 的防抖 debounce 详解
前端·javascript·vue.js
白宇横流学长4 小时前
基于SpringBoot实现的课程答疑系统设计与实现【源码+文档】
java·spring boot·后端
chengchong_cc4 小时前
海康对接摄像头
java·vue.js
意疏5 小时前
深入解析MySQL Join算法原理与性能优化实战指南
mysql·算法·性能优化
热门推荐
01Coze扣子平台完整体验和实践（附国内和国际版对比）02【图像处理与机器视觉】XJTU期末考点03KGG转MP3工具|非KGM文件|解密音频04坚果投影仪J10如何用苹果Siri开关机并和米家联动05从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑06YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】07扣子（coze）实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解08海康Visionmaster-常见问题排查方法-启动阶段09【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高，一键全文降！文件格式不变，公式都保留的！10【云原生】动态资源分配（DRA）深度洞察报告