soso

45. 스카우트 목록 1개 조회 스카우트 된 선수의 계약, 목록에서 삭제를 위해 해당 페이지를 생성한다. 백엔드 스카우트 목록 1개 조회 추가 23. 스카우터 목록 삭제 때 생성한 스카우트 목록 1개 조회 사용 1. ScoutService // 스카우터 목록 1개 조회 public Scout getScoutOne(Long no); 2. ScoutServiceImpl // 스카우터 목록 1개 조회 @Override public Scout getScoutOne(Long no) { Optional scout = sRepository.findById(no); return scout.orElse(null); } 3. 스카우트 목록 1개 조회(ScoutController) //스카우터 목록 1개 조회 // 127...

44. 스카우트 목록 조회 22. member 별 스카우트 목록 조회 연동 스카우트 목록 페이지 라우터 추가 1. 스카우트 목록 파일 생성 2. 라우터 추가 2-1. index.js import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' import Login from '@/components/Login' import Logout from '@/components/Logout' import Registration from '@/components/Registration' import PlayerList from '@/co..

43. 스카우트 목록 추가 21. 스카우트 목록 추가 연동 스카우트 목록 추가 버튼 생성 선수 상세 페이지에 선수 정보 하단에 버튼 생성(Player_One.vue) 스카우트 선수 상세 페이지 {{no}} Aside Main {{player.playername}} {{player.playerage}} 세 {{player.playerheight}} cm {{player.playerweight}} kg {{player.playerposition}} {{player.playercountry}} {{player.playerprice}} \ {{teamname}} {{agentname}} 스카우트 더보기 리뷰 평점 {{review.content}} {{review.rating}}/10 내용 평점 1 2 3 4 5..

42. 선수 등록 10. 선수 등록 연동 선수 등록 구현(Registration.vue) 더보기 팀 등록 팀 명 에이전트 등록 에이전트 명 선수 등록 이름 나이 세 신장 cm 몸무게 kg 포지션 FWD MD DF 나라 몸값 \ 사진 소속 팀 선택안함 {{team.teamname}} 에이전트 선택안함 {{agent.agentname}} 소속 팀, 에이전트 목록 가져오기 소속 팀과 에이전트는 서버에 저장되어 있는 정보를 가져와서 selectbox로 나타낸다. async created(){ //팀 목록 조회 const url = "/REST/teamall"; const headers = {"Content-Type":"application/json"} const response = await axios.get(..

41. 리뷰 목록 37. 선수 목록 페이지네이션 참고 백엔드 선수 번호 별 리뷰 숫자 조회 추가 1. 리뷰 저장소(ReviewRepository) //선수 번호 별 리뷰 숫자 조회 Long countAllByPlayer_Playerno(Long playerno); 2-1. 리뷰 서비스(ReviewService) //선수 번호 별 리뷰 숫자 조회 public Long getReviewByPlayernoCount(Long no); 2-2. 리뷰 서비스(ReviewServiceImpl) //선수 번호 별 리뷰 숫자 조회 @Override public Long getReviewByPlayernoCount(Long no) { return rRepository.countAllByPlayer_Playerno(no);..

40. 리뷰 등록 15. REVIEW 등록 연동 선수 상세 페이지에서 선수 정보 하단에 해당 선수의 리뷰를 등록한다. 리뷰 등록 화면 구현(Player_One.vue) 선수 상세 페이지 {{no}} 더보기 {{player.playername}} {{player.playerage}} 세 {{player.playerheight}} cm {{player.playerweight}} kg {{player.playerposition}} {{player.playercountry}} {{player.playerprice}} \ 1 2 3 4 5 6 7 8 9 10 리뷰 등록 리뷰 등록 리뷰 등록은 로그인 된 상태에서만 가능하다. 유효성 검사를 이용해 내용 입력 여부를 확인한다. import axios from 'axi..

39. 상세 페이지 수정(element) 현재 만들어진 상세 페이지를 element를 이용하여 보기 좋게 수정한다. element from copy element 홈페이지에서 상세 페이지에 사용할 form의 code를 copy 한다. vue에 적용 {{player.playername}} {{player.playername}} {{player.playerheight}} {{player.playerweight}} {{player.playerposition}} {{player.playercountry}} {{player.playerprice}} 상세 페이지 확인 간격 조절이 되어 이전보다 보기 좋게 수정되었다.

38. 상세 페이지 상세 페이지 라우터 추가 1. 상세 페이지 파일 생성 2. 라우터 추가(index.js) 상세 페이지는 App.vue에 등록하지 않는다. import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' import Login from '@/components/Login' import Logout from '@/components/Logout' import Registration from '@/components/Registration' import PlayerList from '@/components/Playe..

37. 선수 목록 페이지네이션 현재 선수 목록 조회 시 선수가 한 페이지에 모두 나타나고 있어 페이지네이션을 이용해 여러 페이지에 나타나도록 한다. 백엔드 선수 전체 조회 수정, 전체 선수 수 조회 추가 1. PlayerRepositoy //선수 전체 조회 List findAllByOrderByPlayernoDesc(Pageable pageable); //선수 전체 수 조회 Long countAllByOrderByPlayernoDesc(); 2. PlayerService //선수 전체 정보 조회 public List getPlayerAll(Pageable pageable); //선수 전체 수 조회 public Long getTotalPage(); 3. PlayerServiceImpl //선수 전체 정보 ..

36. 선수 목록 12. 선수 1명, 전체 조회 연동 선수 목록 페이지 라우터 추가 1. 선수 목록 파일 생성 2. 라우터 추가 2-1. index.js import { createWebHistory, createRouter } from "vue-router"; import Home from '@/components/Home' import Join from '@/components/Join' import Login from '@/components/Login' import Logout from '@/components/Logout' import Registration from '@/components/Registration' import PlayerList from '@/components/PlayerL..