基于Spring JPA关联表查询并返回数据给React的实现咨询

1. 实体类关联配置（可选，适合需要关联查询全量字段的场景） #

首先调整两个实体类的注解配置，建立表关联关系：

Course实体 #

@Entity
@Table(name = "course")
public class Course {
    @Id
    private Long courseid;
    private String coursename;
    // 其他字段、getter、setter省略
}

Event实体 #

在Event实体中添加Course关联属性，绑定外键关系：

@Entity
@Table(name = "event")
public class Event {
    @Id
    private Long eventid;
    // 关联Course实体，course_id为Event表存储的外键字段
    @ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "course_id", referencedColumnName = "courseid")
    private Course course;
    // 其他字段、getter、setter省略
}

2. Repository层查询实现 #

提供两种实现方式，可根据需求选择：

方式1：通过关联实体查询（适合需要返回Event全量信息+Course信息的场景） #

在EventRepository中添加查询方法，直接通过eventid查询Event实体，即可从关联属性中拿到coursename：

public interface EventRepository extends JpaRepository<Event, Long> {
    Optional<Event> findByEventid(Long eventid);
}

调用时通过event.getCourse().getCoursename()即可获取场地名称。

方式2：原生SQL直接查询coursename（轻量方案，无需修改实体关联） #

如果只需要返回coursename字段，不需要调整实体关联，可以直接编写原生SQL查询：

public interface EventRepository extends JpaRepository<Event, Long> {
    @Query(value = "select c.coursename from event e join course c on c.courseid = e.course_id where e.eventid = :eventid", nativeQuery = true)
    String findCoursenameByEventid(@Param("eventid") Long eventid);
}

3. 接口层封装 #

在Controller中提供HTTP接口，接收前端传入的eventid参数，返回查询结果：

@RestController
@RequestMapping("/api/events")
public class EventController {
    @Autowired
    private EventRepository eventRepository;

    @GetMapping("/{eventid}/coursename")
    public String getCoursenameByEventid(@PathVariable Long eventid) {
        return eventRepository.findCoursenameByEventid(eventid);
    }

    // 若需要返回全量Event信息，对应调整接口返回值即可
}

4. 前端调用优化建议 #

如果前端需要批量展示所有Event的coursename，建议后端新增批量查询接口，一次性返回所有Event关联的coursename，避免前端遍历逐个发起请求，减少接口开销。

内容的提问来源于stack exchange，提问作者James Smith