기본 디자인 스타일로 마스터 페이지 (레이아웃)를 만드는 방법

IFrizy

저는 CodeIgniter를 처음 사용합니다. 메뉴, 바닥 글 등이 포함될 기본 스타일로 마스터 페이지 또는 레이아웃을 만들고 싶습니다. 모든 페이지에 반복되는 콘텐츠를 작성하고 모든 페이지에 대해 자동으로로드하고 싶지 않습니다. 예를 들어 asp.net에서 마스터 페이지를 만들거나 asp.net mvc에서 레이아웃을 만들 수 있습니다. CodeIgniter에서 할 수 있다고 확신합니다.

UX 랩

html 페이지가 있다고 가정합니다.

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>
        <div id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>

        <div id="main-content">
            <!-- this is the dynamic part -->
        </div>

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html>

1- 머리글 2- 메뉴 3- 기본 콘텐츠 4- 바닥 글로 나눌 수 있습니다.

당신은 기본적으로 넣어

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>

"view_header"라는 하나의 뷰에서

        <div id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>
        <div id="main-content">

"view_menu"라는 뷰에서

        </div>

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html> 

"view_footer"라는 뷰에서 컨트롤러에서

$this->load->view('view_header');
$this->load->view('view_menu');
$this->load->view('YOUR_VIEW');
$this->load->view('view_footer');

내가 보는 다른 솔루션은 더 낫습니다. view_template.php라는 뷰를 만듭니다.

<html>
    <head>
        <title> Hello World </title>
    </head>
    <body>
        <div id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>

        <div id="main-content">
            <?php $this->load->view($content); ?>
        </div>

        <div id="footer">
            Copy Right 2013 Hello World
        </div>
    </body>
</html>

컨트롤러에서 About이라는 뷰를 호출하고 싶다고 말할 수 있습니다.

$data = array('content'=>'about');
$this->load->view('view_template',$data);

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

모든 페이지에 공통 인 2 개의 드롭 다운 상자가있는 mvc를 사용하여 마스터 페이지 / 레이아웃 만들기

분류에서Dev

어떻게 타이프 라이터 자바 기능 인터페이스 기본 메소드의 아날로그를 만드는 방법?

분류에서Dev

도구 모음 및 기본 레이아웃 위에 편집 텍스트 플로트를 만드는 방법

분류에서Dev

WPF 프로젝트에서 타일 인터페이스를 만드는 방법

분류에서Dev

페이지 A를 페이드 아웃하고 페이지 B를 페이드 인하는 방법은 무엇입니까? 자바 스크립트에서만

분류에서Dev

안드로이드 스튜디오 : 기본 콘솔 탭을 복원하는 방법 (기본 레이아웃을 복원이 작동하지 않음)

분류에서Dev

기존 Android 앱에서 마스터-디테일 레이아웃을 구현하는 방법

분류에서Dev

마스터 페이지에서 사용자 이름을 만드는 방법

분류에서Dev

언어 X에서 Windows 10의 인터페이스를 가질 수 있지만 언어 Y에 대한 기본 키보드 레이아웃이 있습니까?

분류에서Dev

텀블러를 '기본 스타일'로 만드는 방법

분류에서Dev

페이지 컨트롤과 결합 된 스크롤보기에서 이미지를 자동 레이아웃하는 방법이 있습니까?

분류에서Dev

Vimeo 임베디드 코드로 사용자 지정 seekTo 플레이어 인터페이스를 만드는 방법은 무엇입니까?

분류에서Dev

적응 형 레이아웃 및 스토리 보드를 기반으로 장치에 상대적인 uitableviewcell 랩에서 uilabel을 만드는 방법

분류에서Dev

ExoPlayer-기본 레이아웃에 대한 소스 코드를 얻는 방법은 무엇입니까?

분류에서Dev

JavaScript에서 사용자 지정 반복기 인터페이스를 반복 가능하게 만드는 방법

분류에서Dev

레이아웃 깊이 ...? 레이아웃 계층 및 레이어를 조정하는 방법은 무엇입니까? (안드로이드 스튜디오)

분류에서Dev

마스터 페이지의 패널을 파사드 패턴 스타일로 처리하는 방법

분류에서Dev

파일 기반 사용자 로그인 페이지를 만드는 방법

분류에서Dev

레이아웃 인플레이터를 사용하여 일련의 체크 박스를 구현하는 방법

분류에서Dev

Laravel 5.4의 기본 레지스터를 제거하고 관리자를 수동으로 만드는 방법

분류에서Dev

LARAVEL 5.2-기본 페이지로 로그인 페이지에 액세스하는 방법

분류에서Dev

스타일 시트를 페이지보기로 렌더링하는 방법

분류에서Dev

DataTables-사용자 지정 페이지 매김 스타일 만들기 (더 많은 스타일로드)

분류에서Dev

일부 레코드 데이터베이스 디자인이 차지하는 C에서 디스크 블록 정보를 아는 방법

분류에서Dev

스타일 기능없이 클러스터 레이어를 동적으로 스타일링하는 방법

분류에서Dev

iOS에서 레이블 및 텍스트 필드를 가로로 자동 레이아웃하는 방법

분류에서Dev

기본 사용자 지정 후크가 지정된 구성 요소 인터페이스로 React 라우터 기록 객체에 액세스하는 방법

분류에서Dev

페이지로드시 프로그래밍 방식으로 jslider 기본 포인터를 설정하는 방법

분류에서Dev

페이지 인터페이스를 반환하는 방법을 비웃음

Related 관련 기사

  1. 1

    모든 페이지에 공통 인 2 개의 드롭 다운 상자가있는 mvc를 사용하여 마스터 페이지 / 레이아웃 만들기

  2. 2

    어떻게 타이프 라이터 자바 기능 인터페이스 기본 메소드의 아날로그를 만드는 방법?

  3. 3

    도구 모음 및 기본 레이아웃 위에 편집 텍스트 플로트를 만드는 방법

  4. 4

    WPF 프로젝트에서 타일 인터페이스를 만드는 방법

  5. 5

    페이지 A를 페이드 아웃하고 페이지 B를 페이드 인하는 방법은 무엇입니까? 자바 스크립트에서만

  6. 6

    안드로이드 스튜디오 : 기본 콘솔 탭을 복원하는 방법 (기본 레이아웃을 복원이 작동하지 않음)

  7. 7

    기존 Android 앱에서 마스터-디테일 레이아웃을 구현하는 방법

  8. 8

    마스터 페이지에서 사용자 이름을 만드는 방법

  9. 9

    언어 X에서 Windows 10의 인터페이스를 가질 수 있지만 언어 Y에 대한 기본 키보드 레이아웃이 있습니까?

  10. 10

    텀블러를 '기본 스타일'로 만드는 방법

  11. 11

    페이지 컨트롤과 결합 된 스크롤보기에서 이미지를 자동 레이아웃하는 방법이 있습니까?

  12. 12

    Vimeo 임베디드 코드로 사용자 지정 seekTo 플레이어 인터페이스를 만드는 방법은 무엇입니까?

  13. 13

    적응 형 레이아웃 및 스토리 보드를 기반으로 장치에 상대적인 uitableviewcell 랩에서 uilabel을 만드는 방법

  14. 14

    ExoPlayer-기본 레이아웃에 대한 소스 코드를 얻는 방법은 무엇입니까?

  15. 15

    JavaScript에서 사용자 지정 반복기 인터페이스를 반복 가능하게 만드는 방법

  16. 16

    레이아웃 깊이 ...? 레이아웃 계층 및 레이어를 조정하는 방법은 무엇입니까? (안드로이드 스튜디오)

  17. 17

    마스터 페이지의 패널을 파사드 패턴 스타일로 처리하는 방법

  18. 18

    파일 기반 사용자 로그인 페이지를 만드는 방법

  19. 19

    레이아웃 인플레이터를 사용하여 일련의 체크 박스를 구현하는 방법

  20. 20

    Laravel 5.4의 기본 레지스터를 제거하고 관리자를 수동으로 만드는 방법

  21. 21

    LARAVEL 5.2-기본 페이지로 로그인 페이지에 액세스하는 방법

  22. 22

    스타일 시트를 페이지보기로 렌더링하는 방법

  23. 23

    DataTables-사용자 지정 페이지 매김 스타일 만들기 (더 많은 스타일로드)

  24. 24

    일부 레코드 데이터베이스 디자인이 차지하는 C에서 디스크 블록 정보를 아는 방법

  25. 25

    스타일 기능없이 클러스터 레이어를 동적으로 스타일링하는 방법

  26. 26

    iOS에서 레이블 및 텍스트 필드를 가로로 자동 레이아웃하는 방법

  27. 27

    기본 사용자 지정 후크가 지정된 구성 요소 인터페이스로 React 라우터 기록 객체에 액세스하는 방법

  28. 28

    페이지로드시 프로그래밍 방식으로 jslider 기본 포인터를 설정하는 방법

  29. 29

    페이지 인터페이스를 반환하는 방법을 비웃음

뜨겁다태그

보관