웹 사이트를 구축할 때 백엔드 개발자가 백엔드 관리 시스템을 작성할 때 지난 며칠간 백엔드 관리 시스템에 적합한 템플릿이 부족하여 다시 작성해야 하는 경우가 많습니다. , 작업으로 인해 thinkcmf의 백엔드 관리 시스템을 연구해야 하므로 기본적으로 모든 백엔드 관리 시스템에 적용할 수 있을 것 같은 모델을 찾았습니다. 테마 프레임워크를 4개로 나누었습니다. 아래와 같이 큰 블록, 3단계 메뉴 표시줄, 콘텐츠 iframe, 라벨 표시줄, 상단 표시줄:
괜찮다고 생각하시나요? 모든 백엔드 관리 시스템에 적용할 수 있는 트릭이 있나요? 전체 백엔드가 너무 거대했지만 우리는 메인 UI 프레임워크만 원했고 다른 것은 필요하지 않았기 때문에 다시 복사하여 붙여넣고 필요한 UI 구현을 추출했습니다.
효과 보기: http:// www.live086.cn/Text/ (2015/09/23에 해당 공간이 비활성화될 예정이므로 소스코드를 다운로드 받아 로컬서버(wampserver)에서 직접 실행하실 수 있습니다.)
소스코드 받기 : http://pan.baidu.com/s/1gdEqUYJ 비밀번호: c951
이 UI의 특별한 점은 3차 메뉴바를 선택하면 오른쪽 콘텐츠가 iframe으로 처리된다는 점입니다. 즉시 교체되며 선택한 메뉴 항목은 탭 표시줄에 라벨 형태로 표시되며, 동시에 을 클릭하여 현재 콘텐츠 iframe을 새로 고칠 수도 있습니다. 전체 작업은 편안하고 간단하며 편리합니다. 코드 이러한 기능은 주로 여러 측면에서 구현됩니다.
openapp(url, appid, appname, selectObj)
에 해당하는 iframe을 여는 핵심 기능입니다. 메뉴 표시줄 또는 탭 표시줄이 있고 URL이 iframe 경로인 경우 thinkphp는 U 메소드를 사용하여 appid를 생성합니다. 이는 iframe의 고유 식별자이며 탭 표시줄을 전환할 때 매우 중요한 역할을 합니다. 그렇지 않으면 메뉴 표시줄을 클릭해도 소스 코드를 다운로드할 수 있습니다. appname은 라벨 표시 이름이고, selectObj는 트리거 개체입니다.
$current_iframe[0].contentWindow.location.reload();
그리고 새로 고침 기능은 iframe의 contentWindow 속성을 사용하는데, 이는 iframe의 window 객체를 가져오는 것과 동일하므로 새로 고침 기능을 달성할 수 있습니다
세 번째 구현 방법은 -레벨 메뉴? 닫는 태그 구현? 그 외 자세한 기능은 소스코드를 확인하실 수 있습니다!
위 내용은 다양한 측면을 포함하여 thinkphp를 기반으로 한 백엔드 관리 시스템 템플릿의 신속한 구축을 소개합니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.