soso

51. 팀 별 선수 조회 13. 팀 번호 별 선수 조회 연동 팀 별 선수 조회 페이지 라우터 추가 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 '@/com..

50. 팀 목록 조회 팀 목록 페이지 라우터 추가 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/PlayerList' import Player_O..

49. 계약(연동) 48. 계약(백엔드 수정) 연동 백엔드 연동 import axios from 'axios'; export default { async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/json", token : this.token}; const response = await axios.get(url,{headers}); // console.log(response); this.scout = response.data.scout; this.player = response.data.scout.player; this.agent = response.data.scou..

48. 계약(백엔드 수정) 24. 계약(백엔드) 수정 기존의 계약 코드는 계약은 이루어 지지만 선수 정보가 update 되지 않았다. 그래서 기존의 코드의 순서 및 저장(전달) 방법을 수정하였다. 1. 기존 @RequestBody Contract contract, 를 @ModelAttribute Contract contract, 로 수정 2. 선수 정보 변경을 위해 @ModelAttribute Player player 추가 3. 선수 정보 변경을 먼저 한 뒤 계약이 되도록 순서 변경 코드 수정(ContractController) //계약하기 // 127.0.0.1:8080/REST/contractinsert?sno= @RequestMapping(value = "/contractinsert", method..

47. 계약(화면 구현) 스카우터 목록 1개를 조회한 뒤 해당 선수와 계약한다. 스카우터 목록 1개 조회 페이지 수정 1. 선수 정보 불러오기, 계약하기 버튼 생성(Scout_One) {{sno}} 스카우트 번호 {{scout.scoutno}} 선수 이름 선수 나이 세 선수 몸 값 \ 선수 신장 cm 선수 몸무게 kg 선수 포지션 선수 국적 선수 소속 팀 소속 팀 선택 {{team.teamname}} 선수 에이전트 목록 삭제 계약하기 import axios from 'axios'; export default { async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/j..

46. 스카우트 목록 삭제 23. 스카우터 목록 삭제 연동 삭제 버튼 생성 {{sno}} 스카우트 번호 {{scout.scoutno}} 선수 이름 {{playername}} 선수 나이 {{playerage}} 선수 몸 값 {{playerprice}} 목록 삭제 삭제 구현 1. 백엔드 연동 import axios from 'axios'; export default { 더보기 async created(){ const url = `/REST/scoutone?sno=${this.sno}`; const headers = {"Content-Type":"application/json", token : this.token}; const response = await axios.get(url,{headers}); // ..

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(..