단기집중과정 101
10 모듈
5 주

레코드 편집

복사하려면 클릭

웹 애플리케이션에서 레코드를 편집하는 방법


이제 편집을 시작할 준비가 되었습니다. 도시가 있는 테이블의 예를 사용하여 이 작업을 수행해 보겠습니다. 아마도 도시는 인구에 대한 업데이트된 정보를 받았거나, 정보 설명이 변경되었거나, 이름까지 변경되었을 수 있습니다. 이렇게 하려면 테이블에 모달 창을 열고 편집이 수행될 모달 창 자체를 만드는 버튼을 만들어야 합니다.

레코드 편집용 모달

일반적으로 이 프로세스는 새 레코드의 원래 생성이 수행된 방식과 매우 유사합니다. 거기에서 버튼을 누르면 필요한 데이터를 입력하는 모달 창이 나타납니다. 그러나 모달의 모든 입력 필드를 만들 때 비어 있었습니다. 우리는 우리가 만들고 있는 게시물의 ID를 알 필요가 없었습니다. 모든 데이터는 수동으로 입력되거나 자동으로 할당되었습니다. 이제 편집을 위해 엄격하게 정의된 레코드를 열고 정확히 해당 데이터를 가져와야 합니다.


편집 버튼을 설정하는 것부터 시작하겠습니다. 그 작업은 포스트 ID를 전역 변수에 쓰고 모달 편집 창을 여는 것입니다. 해당하는 비즈니스 프로세스를 생성해 보겠습니다. 생성된 전역 변수는 고유한 이름으로 일반 블록 목록에 있는 것을 볼 수 있습니다.


그런 다음 모달 편집 창 자체를 구성해야 합니다. 시각적으로 데이터베이스에 새 레코드를 추가하기 위해 이전에 만든 모달 창과 (이름 제외) 아무것도 다르지 않습니다. 주요 차이점은 창이 열릴 때 시작되어야 하는 비즈니스 프로세스에 있습니다.


그 임무는 새로운 도시의 기록을 만들 때 이전에 수행된 작업의 거의 거울 이미지입니다. 전역 변수에서 도시 ID를 가져와 데이터베이스에서 정보를 가져와 적절한 입력 필드에 배포해야 합니다.



패치 기록

그 후에는 새 도시를 만드는 데 사용한 것과 유사한 비즈니스 프로세스를 만들어 Save 버튼을 구성하는 일만 남습니다. 유일한 차이점은 전역 변수의 ID와 POST 대신 요청 유형 PATCH 를 사용한다는 것입니다.


이제 편집 버튼을 클릭하면 데이터베이스에서 원하는 레코드에 대한 세부 정보를 열고 필드를 변경하고 변경 사항을 저장할 수 있습니다.

전역 변수를 사용하여 현재 편집해야 하는 레코드에 대한 정보를 저장하고 해당 ID를 기록하고 필요한 경우 참조할 수 있습니다. 동시에 전역 변수 덕분에 응용 프로그램의 속도가 빨라집니다. 그렇지 않으면 이 데이터를 데이터베이스에 저장하고 추가 요청을 해야 하기 때문입니다.

Was this article helpful?
아직도 답을 찾고 계십니까?