집 >PHP 프레임워크 >ThinkPHP >당신이 가장 필요할 때 OrgChart를 만나보세요

당신이 가장 필요할 때 OrgChart를 만나보세요

咔咔원래의: 2020-09-03 10:03:581720검색

편안한 조직도를 표시하는 우아한 방법인 OrgChart의 사용에 대해 이야기해보겠습니다.

머리말

다단계 사용자 관계 레이어를 작성하는 데는 할 일이 없으므로 디스플레이 문제. OrgChart가 유용한 곳입니다.

사용하는 과정에서 작은 문제가 발생했습니다. Kaka는 그 문제를 이용해서 이 플러그인의 사용법을 소개하겠습니다.

최종 효과는 다음과 같습니다

당신이 가장 필요할 때 OrgChart를 만나보세요 물론 Kaka가 달성해야 할 최종 효과는 확실히 이 플러그인이 달성할 수 있는 효과는 아닙니다. 이 사진을 보면 그것이 귀하의 프로젝트에 적합한지 알 수 있을 것입니다.

1. OrgChart에 연결

다운로드 주소는 카카에서 제공할 수 없으며, 찾을 수 없으면 댓글란을 확인하세요.

다운받은 파일입니다. css, js, 폰트를 제외하고 폴더 안의 다른 폴더들은 다른 종류의 조직도입니다.

당신이 가장 필요할 때 OrgChart를 만나보세요 여기서 카카는 첫번째 ajax-datasource를 사용하고 있습니다

리소스 디렉터리에 필요한 파일들을 넣어주시면 됩니다

당신이 가장 필요할 때 OrgChart를 만나보세요 ajax-datasource 폴더 아래에 index.html이 있는데, 거기에 포함된 경우도 있습니다지금 , 프로젝트에서 표시해야 하는 페이지에 이 코드를 복사해야 하는데, 이는 단순히 CSS와 js의 로딩 경로를 구성하는 것입니다.

그렇습니다! 그게 다입니다. 매우 간단합니다! 정말 간단합니다. 당신이 가장 필요할 때 OrgChart를 만나보세요 효과를 보시죠! 이때 궁금한 점이 있다면 이 데이터는 어디서 나오는지 함께 찾아보시죠!

데이터가 여기에 있으므로 이 js 코드를 표시해야 하는 위치에 복사해야 합니다. 그러나 데이터는 확실히 고정되어 있지 않으며 백그라운드에서 전송됩니다. 네, 맞습니다

당신이 가장 필요할 때 OrgChart를 만나보세요 이번에는 걱정하지 마세요. 이름과 제목이 포함된 데이터 구조를 살펴보겠습니다.

그러면 이 값을 수정해도 여전히 정상적으로 표시될까요?

당신이 가장 필요할 때 OrgChart를 만나보세요 역시 완전 멋지네요. 왜 이 키 값을 수정해야 할까요? 데이터베이스 필드가 이것과 완전히 일치할 수 없기 때문입니다!

이때 문서를 읽어야 합니다. 해결 방법은 여기에서 직접 제공됩니다.

코드 한 줄만 추가하면 됩니다. 나머지 매개변수는 여전히 문서에서 확인해야 합니다!

당신이 가장 필요할 때 OrgChart를 만나보세요 자, 이제 모든 것이 준비되었습니다. 백그라운드에서 데이터를 전달하기만 하면 되며 마지막 단계가 남았습니다.

Kaka는 데이터를 입력에 저장한 후 검색하여 최종적으로 완료했습니다.

당신이 가장 필요할 때 OrgChart를 만나보세요 어서! 전시하다! 나니! 왜 이렇게 하나의 값이 비어 있습니까?

당신이 가장 필요할 때 OrgChart를 만나보세요 이때는 아무 말도 없이 무슨 일이 일어났는지 알아보기 위해 데이터를 인쇄하려고 배경을 켜두었습니다. 데이터는 괜찮습니다.

2. 문제 분석

위의 문제를 고려하여 시연 사례로 돌아가야 합니다.

실제로 이 데이터 구조에서는 키 값이 모두 따옴표로 묶여 있음을 확실히 알 수 있습니다.

당신이 가장 필요할 때 OrgChart를 만나보세요 믿을 수 없다면 테스트하고 데이터를 맞춤설정한 다음 확인해보세요.

당신이 가장 필요할 때 OrgChart를 만나보세요 이러한 데이터가 허용 가능한 것으로 확인되었으므로 비즈니스에서 실제 데이터를 사용해 보겠습니다.

몇 가지 검증을 거쳐 모든 파트너가 이 문제를 이해했다고 믿습니다 당신이 가장 필요할 때 OrgChart를 만나보세요

3. 문제 해결

먼저 데이터베이스에서 int로 제공하는 데이터 유형을 살펴보겠습니다. 왜 int인지는 언급하지 않겠습니다. 여기에 사용되었습니다! 프로젝트에 그게 필요하군요! 더 이상의 설명은 없습니다 당신이 가장 필요할 때 OrgChart를 만나보세요 이제 유형 변환을 수행해야 합니다. TP 프레임워크의 문서를 열고 살펴보세요