PHP5 프레임워크 구축: 3부
이제 기본 프레임워크가 있으므로(이 시리즈의 1부 및 2부 참조) 디자인을 PHP 프레임워크와 통합하는 것에 대해 생각해 볼 수 있습니다. 이제 새로운 프레임워크를 쉽게 "스킨"하는 방법을 포함하여 프런트 엔드 디자인에 중점을 둘 것입니다.
모든 것이 어떻게 하나로 합쳐지는가
지금까지 우리는 논리적 구조의 핵심 파일과 레지스트리에서 액세스하는 핵심 객체 세트를 가지고 있습니다. 이러한 개체 중 하나는 HTML 출력을 쉽게 만들고 생성할 수 있는 템플릿 처리기입니다. 출력은 "스킨"을 구성하는 이미지, CSS 및 템플릿을 포함한 일련의 파일로 구성됩니다.
1단계: 프레임워크 프런트엔드 디자인에 필요한 것
템플릿의 일반적인 프런트 엔드 디자인은 제대로 구현하기 어려울 수 있습니다. 프레임워크를 사용하여 만들 수 있는 웹 사이트의 모든 콘텐츠가 포함된 기본 HTML 템플릿을 디자인하면 도움이 됩니다. 내가 고려하는 최소값은:
- 주 콘텐츠 영역이라고 합니다.
으아악
.
- 한두 열의 콘텐츠는 그다지 중요하지 않습니다.
으아악
.
- 일부 표 형식 데이터.
- 순서가 없는 목록과 순서가 있는 목록(사용할 가능성이 있는 경우 정의 목록도 마찬가지)
- 이미지. 예를 들어
에서는 HTML에서 "photo" 클래스로 식별하는 별도의 사진 스타일을 추가하는 것이 유용하다고 생각합니다. - 데이터 캡처용 양식.
에서는 HTML에서 "photo" 클래스로 식별하는 별도의 사진 스타일을 추가하는 것이 유용하다고 생각합니다. 페이지의 기본 XHTML 구조를 만드는 것부터 시작하겠습니다. 먼저 이 섹션부터 시작하겠습니다:
으아악일치하도록 문서 유형을 변경할 수 있고, 프레임워크를 사용하여 생성된 모든 웹사이트의 설정에서 이를 정의할 수도 있으며, 문서 유형을 변경할 수 있는 것도 유용합니다.
으아악. 스타일시트를 설정으로 정의하는 것도 유용할 수 있으며 이에 대해서는 향후 튜토리얼에서 다룰 것입니다.
또한 메타 설명 및 메타 키 속성은 귀하가 만드는 모든 웹사이트의 스킨에 하드 코딩될 수 있지만 각 페이지에 서로 다른 설명 및 키워드 세트를 제공하여 깨진 페이지가 Google에 표시되는 것을 방지하는 것이 좋습니다. 보충 색인 .
{pagetitle} 자리 표시자는 현재 페이지의 제목을 템플릿에 삽입하는 데 사용됩니다.
이제 템플릿 XHTML 파일의 본문으로 이동하여 프레임워크에 대한 일반적인 프런트 엔드 디자인을 만들 수 있습니다. 이 프레임워크를 사용하여 만들 대부분의 웹 사이트가 전통적인 머리글, 콘텐츠, 열 및 바닥글 구성표를 사용한다고 가정하여 지금은 레이아웃을 단순하게 유지하겠습니다.
으아악2단계: 기본 콘텐츠
약속한 대로, 스타일을 지정할 준비가 된 페이지에 나타날 가능성이 있는 대부분의 태그를 최소한으로 갖도록 스타일을 지정할 수 있도록 몇 가지 기본 사항을 채울 것입니다.
으아악이제 콘텐츠에 간단한 스타일을 적용할 준비가 되었습니다.
3단계: 기본 스타일
먼저 CSS를 사용하여 XHTML 문서 요소의 여백과 안쪽 여백을 재설정합니다.
으아악본문 요소의 스타일을 지정하고 문서의 링크가 적절하게 강조 표시되는지 확인하는 데 시간을 할애하겠습니다.
으아악다음으로 디자인을 #wrapper div 중앙에 배치하고 각 div에 희미한 테두리를 지정하여 스타일을 지정할 때 볼 수 있도록 하겠습니다.
으아악위의 CSS는 Internet Explorer 6에서 이 디자인을 중앙 집중화하지 않지만 최대한의 유연성을 위해 기본으로 유지되었습니다. CSS를 조금 더 추가하면 프레임워크의 프런트 엔드를 위한 완전한 골격 디자인이 거의 완성됩니다. 남은 것은 간단한 위치 지정뿐입니다.
으아악이제 남은 것은 이미지뿐입니다:
으아악이 단계에서 우리에게 남은 것은 PHP 프레임워크 프런트엔드의 기초로 사용할 수 있는 간단한 웹사이트 레이아웃입니다.
물론, 추가적인 유연성을 위해 기본적으로 2개의 콘텐츠 열을 허용하는 것이 유용할 수 있습니다. 이는 더 많은 XHTML과 CSS를 추가하여 수행할 수 있습니다.
4단계: XHTML의 템플릿
다음 단계는 XHTML, CSS 및 이미지를 PHP 프레임워크에 적합한 적합한 스킨으로 전송하는 것입니다. 이렇게 하려면 XHTML을 머리글, 기본 템플릿, 바닥글의 세 가지 템플릿으로 분할해야 합니다. 템플릿 시스템의 구조상 여러 템플릿에서 페이지를 생성할 수 있지만 최소한 머리글, 바닥글 및 기본 템플릿을 사용하는 것이 좋습니다. 즉, 일반적으로 다음과 같은 경우에만 복사하고 변경하면 됩니다. 약간의 구조를 만들고 싶습니다. 다른 새 페이지가 있으면 기본 템플릿 파일을 사용하십시오.
PHP 프레임워크용 헤더 템플릿(skins/default/templates/header.tpl.php)
PHP 프레임워크의 헤더 템플릿에는 XHTML 부분과
이 포함되어야 합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{pagetitle}</title>
<meta name="description" content="{metadesc}" />
<meta name="keywords" content="{metakey}" />
<style type="text/css" title="Default page style" media="screen"><!--@import "style.css";--></style>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h2 id="a-href-title-Website-name-Website-name-a"><a href="#" title="Website name">Website name</a></h2>
</div>
PHP 框架的主模板 (skins/default/templates/main.tpl.php)
主模板应包括包含主要内容和列中任何内容的 div。我们现在可以为此内容插入占位符，而不是复制我们用来设置段落、有序列表和表格等元素样式的虚拟文本，占位符将根据内容所在的位置进行更新。
占位符内容是：
- {pagetitle} 页面标题。
- {maincontent} 页面的主要内容。
- {btitle} 和 {bcontent} 内容块的标题和内容。它包含在 rcolumn 循环中，因此可以在列中放置多个块。
<div id="content">
<h1 id="pagetitle">{pagetitle}</h1>
{maincontent}
</div><!--/content-->
<div id="column">
<!-- START rcolumn -->
<h2 id="btitle">{btitle}</h2>
{bcontent}
<!-- END rcolumn -->
</div><!--/column-->
PHP 框架的页脚模板 (skins/default/templates/footer.tpl.php)
最后，剩余的 XHTML 放入页脚文件中，该文件关闭 XHTML 文档和正文部分。我们通常使用它来在我们的网站上包含版权声明和“网页设计者”链接。
<div id="footer"> <p> © Website name, 2008. </p> </div><!--/footer--> </div><!--/wrapper--> </body> </html>
对于我们系列中 PHP 的中断表示歉意，但为我们的框架和使用它的应用程序构建皮肤格式的相关模板非常重要。 PHP5 框架开发系列中的第 4 部分将介绍基本的安全注意事项和基本的身份验证处理程序，然后我们将继续创建内容管理模型，并在第 5 部分中研究模型如何组合在一起。该系列中的内容：发送电子邮件、扩展我们的框架以及以创新的方式记录用户事件流。
위 내용은 PHP5 프레임워크 구축: 3부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7488
15
1377
52
77
11
52
19
19
40
Ubuntu 및 Debian용 PHP 8.4 설치 및 업그레이드 가이드
Dec 24, 2024 pm 04:42 PM
PHP 8.4는 상당한 양의 기능 중단 및 제거를 통해 몇 가지 새로운 기능, 보안 개선 및 성능 개선을 제공합니다. 이 가이드에서는 Ubuntu, Debian 또는 해당 파생 제품에서 PHP 8.4를 설치하거나 PHP 8.4로 업그레이드하는 방법을 설명합니다.
CakePHP 토론
Sep 10, 2024 pm 05:28 PM
CakePHP는 PHP용 오픈 소스 프레임워크입니다. 이는 애플리케이션을 훨씬 쉽게 개발, 배포 및 유지 관리할 수 있도록 하기 위한 것입니다. CakePHP는 강력하고 이해하기 쉬운 MVC와 유사한 아키텍처를 기반으로 합니다. 모델, 뷰 및 컨트롤러 gu
PHP 개발을 위해 Visual Studio Code(VS Code)를 설정하는 방법
Dec 20, 2024 am 11:31 AM
VS Code라고도 알려진 Visual Studio Code는 모든 주요 운영 체제에서 사용할 수 있는 무료 소스 코드 편집기 또는 통합 개발 환경(IDE)입니다. 다양한 프로그래밍 언어에 대한 대규모 확장 모음을 통해 VS Code는
CakePHP 빠른 가이드
Sep 10, 2024 pm 05:27 PM
CakePHP는 오픈 소스 MVC 프레임워크입니다. 이를 통해 애플리케이션 개발, 배포 및 유지 관리가 훨씬 쉬워집니다. CakePHP에는 가장 일반적인 작업의 과부하를 줄이기 위한 여러 라이브러리가 있습니다.
PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까?
Feb 07, 2025 am 11:57 AM
이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다
