찾다
백엔드 개발PHP 튜토리얼PHP5 프레임워크 구축: 3부

PHP5 프레임워크 구축: 3부

Sep 03, 2023 am 11:09 AM
php액자짓다

이제 기본 프레임워크가 있으므로(이 시리즈의 1부 및 2부 참조) 디자인을 PHP 프레임워크와 통합하는 것에 대해 생각해 볼 수 있습니다. 이제 새로운 프레임워크를 쉽게 "스킨"하는 방법을 포함하여 프런트 엔드 디자인에 중점을 둘 것입니다.

모든 것이 어떻게 하나로 합쳐지는가

지금까지 우리는 논리적 구조의 핵심 파일과 레지스트리에서 액세스하는 핵심 객체 세트를 가지고 있습니다. 이러한 개체 중 하나는 HTML 출력을 쉽게 만들고 생성할 수 있는 템플릿 처리기입니다. 출력은 "스킨"을 구성하는 이미지, CSS 및 템플릿을 포함한 일련의 파일로 구성됩니다.

1단계: 프레임워크 프런트엔드 디자인에 필요한 것

템플릿의 일반적인 프런트 엔드 디자인은 제대로 구현하기 어려울 수 있습니다. 프레임워크를 사용하여 만들 수 있는 웹 사이트의 모든 콘텐츠가 포함된 기본 HTML 템플릿을 디자인하면 도움이 됩니다. 내가 고려하는 최소값은:

  • 주 콘텐츠 영역이라고 합니다. 으아악

    .

  • 한두 열의 콘텐츠는 그다지 중요하지 않습니다. 으아악

    .

  • 일부 표 형식 데이터.
  • 순서가 없는 목록과 순서가 있는 목록(사용할 가능성이 있는 경우 정의 목록도 마찬가지)
  • 이미지. 예를 들어 PHP5 프레임워크 구축: 3부에서는 HTML에서 "photo" 클래스로 식별하는 별도의 사진 스타일을 추가하는 것이 유용하다고 생각합니다.
  • 데이터 캡처용 양식.

페이지의 기본 XHTML 구조를 만드는 것부터 시작하겠습니다. 먼저 이 섹션부터 시작하겠습니다:

으아악

일치하도록 문서 유형을 변경할 수 있고, 프레임워크를 사용하여 생성된 모든 웹사이트의 설정에서 이를 정의할 수도 있으며, 문서 유형을 변경할 수 있는 것도 유용합니다.

으아악

. 스타일시트를 설정으로 정의하는 것도 유용할 수 있으며 이에 대해서는 향후 튜토리얼에서 다룰 것입니다.

또한 메타 설명 및 메타 키 속성은 귀하가 만드는 모든 웹사이트의 스킨에 하드 코딩될 수 있지만 각 페이지에 서로 다른 설명 및 키워드 세트를 제공하여 깨진 페이지가 Google에 표시되는 것을 방지하는 것이 좋습니다. 보충 색인 .

{pagetitle} 자리 표시자는 현재 페이지의 제목을 템플릿에 삽입하는 데 사용됩니다.

이제 템플릿 XHTML 파일의 본문으로 이동하여 프레임워크에 대한 일반적인 프런트 엔드 디자인을 만들 수 있습니다. 이 프레임워크를 사용하여 만들 대부분의 웹 사이트가 전통적인 머리글, 콘텐츠, 열 및 바닥글 구성표를 사용한다고 가정하여 지금은 레이아웃을 단순하게 유지하겠습니다.

으아악

2단계: 기본 콘텐츠

약속한 대로, 스타일을 지정할 준비가 된 페이지에 나타날 가능성이 있는 대부분의 태그를 최소한으로 갖도록 스타일을 지정할 수 있도록 몇 가지 기본 사항을 채울 것입니다.

으아악

이제 콘텐츠에 간단한 스타일을 적용할 준비가 되었습니다.

3단계: 기본 스타일

먼저 CSS를 사용하여 XHTML 문서 요소의 여백과 안쪽 여백을 재설정합니다.

으아악

본문 요소의 스타일을 지정하고 문서의 링크가 적절하게 강조 표시되는지 확인하는 데 시간을 할애하겠습니다.

으아악

다음으로 디자인을 #wrapper div 중앙에 배치하고 각 div에 희미한 테두리를 지정하여 스타일을 지정할 때 볼 수 있도록 하겠습니다.

으아악

위의 CSS는 Internet Explorer 6에서 이 디자인을 중앙 집중화하지 않지만 최대한의 유연성을 위해 기본으로 유지되었습니다. CSS를 조금 더 추가하면 프레임워크의 프런트 엔드를 위한 완전한 골격 디자인이 거의 완성됩니다. 남은 것은 간단한 위치 지정뿐입니다.

으아악

이제 남은 것은 이미지뿐입니다:

으아악

이 단계에서 우리에게 남은 것은 PHP 프레임워크 프런트엔드의 기초로 사용할 수 있는 간단한 웹사이트 레이아웃입니다.

PHP5 프레임워크 구축: 3부

물론, 추가적인 유연성을 위해 기본적으로 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-->

最后,剩余的 XHTML 放入页脚文件中,该文件关闭 XHTML 文档和正文部分。我们通常使用它来在我们的网站上包含版权声明和“网页设计者”链接。

<div id="footer">
<p>
© Website name, 2008.
</p>
</div><!--/footer-->

</div><!--/wrapper-->
</body>
</html>

对于我们系列中 PHP 的中断表示歉意,但为我们的框架和使用它的应用程序构建皮肤格式的相关模板非常重要。 PHP5 框架开发系列中的第 4 部分将介绍基本的安全注意事项和基本的身份验证处理程序,然后我们将继续创建内容管理模型,并在第 5 部分中研究模型如何组合在一起。该系列中的内容:发送电子邮件、扩展我们的框架以及以创新的方式记录用户事件流。

위 내용은 PHP5 프레임워크 구축: 3부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
PHP의 현재 상태 : 웹 개발 동향을 살펴보십시오PHP의 현재 상태 : 웹 개발 동향을 살펴보십시오Apr 13, 2025 am 12:20 AM

PHP는 현대 웹 개발, 특히 컨텐츠 관리 및 전자 상거래 플랫폼에서 중요합니다. 1) PHP는 Laravel 및 Symfony와 같은 풍부한 생태계와 강력한 프레임 워크 지원을 가지고 있습니다. 2) Opcache 및 Nginx를 통해 성능 최적화를 달성 할 수 있습니다. 3) PHP8.0은 성능을 향상시키기 위해 JIT 컴파일러를 소개합니다. 4) 클라우드 네이티브 애플리케이션은 Docker 및 Kubernetes를 통해 배포되어 유연성과 확장 성을 향상시킵니다.

PHP 대 기타 언어 : 비교PHP 대 기타 언어 : 비교Apr 13, 2025 am 12:19 AM

PHP는 특히 빠른 개발 및 동적 컨텐츠를 처리하는 데 웹 개발에 적합하지만 데이터 과학 및 엔터프라이즈 수준의 애플리케이션에는 적합하지 않습니다. Python과 비교할 때 PHP는 웹 개발에 더 많은 장점이 있지만 데이터 과학 분야에서는 Python만큼 좋지 않습니다. Java와 비교할 때 PHP는 엔터프라이즈 레벨 애플리케이션에서 더 나빠지지만 웹 개발에서는 더 유연합니다. JavaScript와 비교할 때 PHP는 백엔드 개발에서 더 간결하지만 프론트 엔드 개발에서는 JavaScript만큼 좋지 않습니다.

PHP vs. Python : 핵심 기능 및 기능PHP vs. Python : 핵심 기능 및 기능Apr 13, 2025 am 12:16 AM

PHP와 Python은 각각 고유 한 장점이 있으며 다양한 시나리오에 적합합니다. 1.PHP는 웹 개발에 적합하며 내장 웹 서버 및 풍부한 기능 라이브러리를 제공합니다. 2. Python은 간결한 구문과 강력한 표준 라이브러리가있는 데이터 과학 및 기계 학습에 적합합니다. 선택할 때 프로젝트 요구 사항에 따라 결정해야합니다.

PHP : 웹 개발의 핵심 언어PHP : 웹 개발의 핵심 언어Apr 13, 2025 am 12:08 AM

PHP는 서버 측에서 널리 사용되는 스크립팅 언어이며 특히 웹 개발에 적합합니다. 1.PHP는 HTML을 포함하고 HTTP 요청 및 응답을 처리 할 수 ​​있으며 다양한 데이터베이스를 지원할 수 있습니다. 2.PHP는 강력한 커뮤니티 지원 및 오픈 소스 리소스를 통해 동적 웹 컨텐츠, 프로세스 양식 데이터, 액세스 데이터베이스 등을 생성하는 데 사용됩니다. 3. PHP는 해석 된 언어이며, 실행 프로세스에는 어휘 분석, 문법 분석, 편집 및 실행이 포함됩니다. 4. PHP는 사용자 등록 시스템과 같은 고급 응용 프로그램을 위해 MySQL과 결합 할 수 있습니다. 5. PHP를 디버깅 할 때 error_reporting () 및 var_dump ()와 같은 함수를 사용할 수 있습니다. 6. 캐싱 메커니즘을 사용하여 PHP 코드를 최적화하고 데이터베이스 쿼리를 최적화하며 내장 기능을 사용하십시오. 7

PHP : 많은 웹 사이트의 기초PHP : 많은 웹 사이트의 기초Apr 13, 2025 am 12:07 AM

PHP가 많은 웹 사이트에서 선호되는 기술 스택 인 이유에는 사용 편의성, 강력한 커뮤니티 지원 및 광범위한 사용이 포함됩니다. 1) 배우고 사용하기 쉽고 초보자에게 적합합니다. 2) 거대한 개발자 커뮤니티와 풍부한 자원이 있습니다. 3) WordPress, Drupal 및 기타 플랫폼에서 널리 사용됩니다. 4) 웹 서버와 밀접하게 통합하여 개발 배포를 단순화합니다.

과대 광고 : 오늘 PHP의 역할을 평가합니다과대 광고 : 오늘 PHP의 역할을 평가합니다Apr 12, 2025 am 12:17 AM

PHP는 현대적인 프로그래밍, 특히 웹 개발 분야에서 강력하고 널리 사용되는 도구로 남아 있습니다. 1) PHP는 사용하기 쉽고 데이터베이스와 완벽하게 통합되며 많은 개발자에게 가장 먼저 선택됩니다. 2) 동적 컨텐츠 생성 및 객체 지향 프로그래밍을 지원하여 웹 사이트를 신속하게 작성하고 유지 관리하는 데 적합합니다. 3) 데이터베이스 쿼리를 캐싱하고 최적화함으로써 PHP의 성능을 향상시킬 수 있으며, 광범위한 커뮤니티와 풍부한 생태계는 오늘날의 기술 스택에 여전히 중요합니다.

PHP의 약한 참고 자료는 무엇이며 언제 유용합니까?PHP의 약한 참고 자료는 무엇이며 언제 유용합니까?Apr 12, 2025 am 12:13 AM

PHP에서는 약한 참조가 약한 회의 클래스를 통해 구현되며 쓰레기 수집가가 물체를 되 찾는 것을 방해하지 않습니다. 약한 참조는 캐싱 시스템 및 이벤트 리스너와 같은 시나리오에 적합합니다. 물체의 생존을 보장 할 수 없으며 쓰레기 수집이 지연 될 수 있음에 주목해야합니다.

PHP의 __invoke 마법 방법을 설명하십시오.PHP의 __invoke 마법 방법을 설명하십시오.Apr 12, 2025 am 12:07 AM

\ _ \ _ 호출 메소드를 사용하면 객체를 함수처럼 호출 할 수 있습니다. 1. 객체를 호출 할 수 있도록 메소드를 호출하는 \ _ \ _ 정의하십시오. 2. $ obj (...) 구문을 사용할 때 PHP는 \ _ \ _ invoke 메소드를 실행합니다. 3. 로깅 및 계산기, 코드 유연성 및 가독성 향상과 같은 시나리오에 적합합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.