I. 서론
웹 페이지 관리자 백 엔드, 기본적으로 머리글, 바닥 글, 중간 왼쪽 메뉴, 메인 페이지의 오른쪽. 달성하기 위해 여러 가지 방법이 iframe이 가장 일반적인 하나가 있습니다.
둘째, 페이지 파일 및 인터페이스
파일 디렉토리 :
인터페이스 세부 정보 :
인터페이스는 조금 못생긴, 결코 마음을 달성하는 방법에 대해 살펴 보았다입니다.
3. 각 페이지 코드
index.html을
< HTML > < 머리 > < 제목 > 인덱스 </ 제목 > < 스타일 > 사업부 { 플로트 : 왼쪽 ; 배경 색상 : 녹색 ; } </ 스타일 > </ 헤드 > < 본문 > < iframe이 SRC = "head.html" FRAMEBORDER = "0" 스타일 = "폭 : 100 % 신장 : 10 %; 오버플 : 숨김; 배경색 : 블루;"> < DIV 스타일 = "폭 : 100 % 신장 : 80 %; 오버플 : 숨김;" > < DIV > < iframe이 SRC = "side.html" FRAMEBORDER = "0" > </ iframe이 > </ DIV > < DIV > < iframe이 이름 = "메인" SRC = "page1.html" FRAMEBORDER = "0" > </ iframe이 > </ DIV > </ DIV > < iframe을 SRC = "foot.html"= "폭 : 100 % 신장 : 10 %; 오버플 : 숨김; 배경색 : 블루;" > </ iframe이 > </ 바디 > </ HTML >
head.html
< HTML > < 선두 > < 타이틀 > 헤드 </ 타이틀 > </ 헤드 > < 본문 > 헤드 </ 바디 > </ HTML >
foot.html
< HTML > < 선두 > < 타이틀 > </ 타이틀 > </ 헤드 > < 본문 > 발 </ 바디 > </ HTML >
side.html
< HTML > < 선두 > < 타이틀 > 측 </ 타이틀 > </ 헤드 > < 체 > < HREF = "page1.html" 대상 = "메인" > page1.html </ > < HREF = "페이지 2. HTML " 대상 ="메인 " > page2.html </ > </ 바디 > </ HTML >
page1.html
< HTML > < 머리 > < 제목 > PAGE1 </ 제목 > </ 머리 > < 몸 > PAGE1 </ 몸 > < 스크립트 > 메시지하자 = " PAGE1을 " ; CONSOLE.LOG (메시지); </ 스크립트 > </ HTML >
page2.html
< HTML > < 머리 > < 제목 > 페이지 2 </ 제목 > </ 머리 > < 몸 > 페이지 2 </ 몸 > < 스크립트 > 메시지하자 = " 페이지 2를 " ; CONSOLE.LOG (메시지); </ 스크립트 > </ HTML >
side.html 페이지 <A> 태그 이름은 지정된 페이지를 여는 <iframe> 해당 메인 타겟으로 지향된다.
IV 요약
상기 기본적인 페이지, 이는 이러한 프론트 엔드 프레임 JQuery와, 뷰와 같은 부트 스트랩 ElementUI, LayUI, 인터페이스 등의 인기있는 프론트 엔드의 사용에 기초 할 수있다