집 > 기사 > 백엔드 개발 > ASP.NET 연구 노트 공유(3) WebPages 레이아웃

ASP.NET 연구 노트 공유(3) WebPages 레이아웃

零下一度원래의: 2017-05-24 17:57:411957검색

웹페이지를 사용하면 일관된 레이아웃의 웹사이트를 쉽게 만들 수 있습니다.

일관적인 모양

인터넷에서는 많은 웹사이트가 일관된 모양과 느낌을 갖고 있음을 알 수 있습니다.

모든 페이지에는 동일한 헤더가 있습니다

모든 페이지의 하단은 동일합니다.

모든 페이지의 스타일과 레이아웃은 동일합니다.

웹 페이지를 사용하면 이 작업을 매우 효율적으로 수행할 수 있습니다. 재사용된 콘텐츠 블록(예: 페이지 머리글 및 바닥글)을 별도의 파일에 작성할 수 있습니다.

레이아웃 템플릿(레이아웃 파일)을 사용하여 사이트의 모든 페이지에 대해 일관된 레이아웃을 정의할 수도 있습니다.

콘텐츠 블록

많은 웹사이트에는 사이트의 모든 페이지에 표시되는 일부 콘텐츠(예: 페이지 머리글 및 바닥글)가 있습니다.

웹 페이지에서는 @RenderPage() 메서드를 사용하여 다양한 파일에서 콘텐츠를 가져올 수 있습니다.

다른 파일의 콘텐츠 블록을 웹 페이지의 어느 곳에서나 가져올 수 있습니다. 콘텐츠 블록에는 일반 웹 페이지와 마찬가지로 텍스트, 마크업 및 코드가 포함될 수 있습니다.

공통 헤더와 하단을 별도의 파일에 작성하면 작업량이 많이 줄어듭니다. 모든 페이지에 동일한 내용을 작성할 필요는 없으며, 내용이 변경될 때 헤더나 하단 파일만 수정하면 사이트 내 각 페이지의 해당 내용이 업데이트된 것을 확인할 수 있습니다.

다음은 코드에서 렌더링되는 방법을 보여줍니다.

Instance

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1> 
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

레이아웃 페이지

이전 섹션에서 보았듯이 이제 매우 쉽습니다. 여러 웹 페이지에 동일한 콘텐츠를 표시합니다.

일관적인 모양을 만드는 또 다른 방법은 레이아웃 페이지를 사용하는 것입니다. 레이아웃 페이지에는 콘텐츠가 아닌 웹 페이지의 구조가 포함됩니다. 웹 페이지(컨텐츠 페이지)가 레이아웃 페이지에 연결되면 레이아웃 페이지(템플릿)의 구조에 따라 표시됩니다.

레이아웃 페이지에서 @RenderBody() 메서드를 사용하여 콘텐츠 페이지를 삽입하는 점 외에는 일반 웹페이지와 다르지 않습니다.

모든 콘텐츠 페이지는 레이아웃 지시문으로 시작해야 합니다.

코드에서는 다음과 같습니다.

레이아웃 페이지:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 W3CSchool. All rights reserved.</p>
</body>
</html>

모든 페이지:

@{Layout="Layout.cshtml";}<h1>Welcome to W3CSchool.cc</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.</p>

D.R.Y. 반복하세요)

콘텐츠 블록과 레이아웃 페이지라는 두 가지 ASP.NET 도구를 사용하면 웹 애플리케이션에 일관된 모양과 느낌을 부여할 수 있습니다.

이 두 도구를 사용하면 모든 페이지에 동일한 정보를 반복할 필요가 없으므로 많은 작업을 절약할 수 있습니다. 중앙 집중식 마크업, 스타일 및 코드를 사용하면 웹 애플리케이션을 더 쉽게 관리하고 유지할 수 있습니다.

파일 보기 방지

ASP.NET에서 밑줄로 시작하는 파일 이름을 사용하면 해당 파일을 온라인에서 볼 수 없습니다.

콘텐츠 블록이나 레이아웃 페이지가 사용자에게 표시되지 않도록 하려면 다음 파일의 이름을 바꿀 수 있습니다.

_header.cshtm

_footer.cshtml

_Layout.cshtml

민감한 정보 숨기기

ASP.NET에서 민감한 정보(데이터베이스 비밀번호, 이메일 비밀번호 등)를 숨기는 가장 일반적인 방법은 이 정보를 저장하는 것입니다. "_AppStart"라는 별도의 파일에 있습니다.

rree