CMS 튜토리얼 Dedecms Dedecms로 웹사이트 템플릿을 만드는 방법

Dedecms로 웹사이트 템플릿을 만드는 방법

Jul 27, 2019 am 10:25 AM
dedecms 주형

Dedecms로 웹사이트 템플릿을 만드는 방법

dedecms에 대해 더 자세히 알고 싶다면 다음을 클릭하세요. dedecms tutorial

 웹 페이지 템플릿은 템플릿 안의 htm 파일이므로 템플릿을 작성한다는 것은 html을 작성한다는 의미입니다. 이 문서에서는 태그의 구체적인 사용에 관한 것이 아니라 웹 페이지 템플릿에 대한 일부 이해에 관한 것입니다. 기본 태그 구문, 표지 템플릿, 목록 템플릿 및 문서 템플릿 간의 관계가 포함됩니다.

一 태그 정보

 dedecms 태그: html 태그와 비슷하지만 DreamWeaver에서 맞춤화하고 태그 이름, 속성, InnerText로 구성됩니다.

  templets/index.htmtemplets/index.htm

网站名:{dede:global name=cfg_webname/}<br/><br/>
<strong>最近登陆的会员</strong><br/>
{dede:memberlist row=6 signlen=30} 
    <a href="[field:spaceurl/]" target="_blank">
        <img  src="/static/imghw/default1.png"  data-src="[field:face/]"  class="lazy"       style="max-width:90%"  style="max-width:90%"/ alt="Dedecms로 웹사이트 템플릿을 만드는 방법" > [field:uname/]<br/>
    </a>
{/dede:memberlist}
로그인 후 복사

  通过运行网站主页index.php查看结果。

  像dede:global就是标签名,name=cfg_webname是属性,在dede:memberlist标签间的就是InnerText。在织梦中,InnerText又称为底层模板。

  短标签:像global这种只有单边的标签叫短标签,表示一个元素的值。

  块标签:像memberlist这种成对的标签叫块标签,一般表示一系列的纪录,像上面的代码就表示列出6个会员的默写信息。研究一下会发现这些记录来自数据库。

  [field:XX]这个代表记录中的某个属性值。

  总结一下,编写模板时用到哪些语言:Html代码+新增的dedecms标签语法。Css和Js没有新语法,以外部文件的方式调用。

  Php,mysql的代码大大减少,与数据库查询有关的代码一部分被标签语法代替。比如说调用memberlist标签,就等价于访问数据表dede_member。Php主要用于插件等新模块的编写和修改。

  不用全部标签都学,学会global、field、php、arclist、list、pagelist和memberlist即可。其他需要再查。

  要学习一个标签,要学会

  1标签的基本语法,标签名

  2标签,标签对应的网页模板,及标签的逻辑意义

  3标签的属性以及其对标签用法的控制

  4标签背后的数据来源,及其提供的InnerText

二 模板的种类

2.1 templets文件夹

  System文件夹,里面放的是默认底层模板。当我们在块级标签间不写任何东西时,就会自动被调用来作为块级标签的InnerText。

  Plus文件夹,里面放的是被root_dir/plus里的php调用的模板。经过一些研究也许能仿写这些模板的代码,待探究。

  Default文件夹,里面放的是默认模板,是网页显示主要的模板,如果在网上下一个其他的dedecms模板(非官方默认模板),可能里面只是一个templets文件夹,因为这对外观已经足够了。下面是default文件夹的分析。

  我以前只用到index.htm,其他的文件有什么用呢?

  我认为这些文件可以分成两类:

   第一类不是一个完整的页面,被include的(由于有了dedecms标签,html文档中也可以include)。如head.htm,footer.htm等。

   第二类就是完整的页面了,呵呵。

    而第二类又分为封面(index)模板,列表(list)模板,文档(内容,article)模板。文件夹中的index_XX.htm就是封面模板,依此类推。

2.2封面、列表和文档模板的测试

  在root_dir/index.php中的SetTemplet处把路径改为dirname(__FILE__) . "/templets/default/list_article.htmrrreee

  파일을 다시 작성하세요. 홈페이지 홈페이지 index.php를 실행하여 결과를 확인하세요.

 처럼 dede:global이 태그 이름이고, name=cfg_webname이 속성이고, dede:memberlist 태그 사이에 InnerText가 있습니다. DreamWeaver에서는 InnerText를 기본 템플릿이라고도 합니다.

 

짧은 태그: Dedecms로 웹사이트 템플릿을 만드는 방법글로벌처럼 한쪽 면만 있는 태그를 짧은 태그라고 하며 요소의 값을 나타냅니다.

 Dedecms로 웹사이트 템플릿을 만드는 방법블록 태그:

memberlist와 같이 쌍을 이루는 태그를 블록 태그라고 하며 일반적으로 일련의 레코드를 나타냅니다. 위의 코드는 6명의 구성원의 암묵적 정보를 나열합니다. 조금만 조사해 보면 이러한 기록이 데이터베이스에서 나온 것임을 알 수 있습니다.

  [field:XX] 레코드의 특정 속성 값을 나타냅니다.

Dedecms로 웹사이트 템플릿을 만드는 방법 요약하자면 템플릿 작성 시 사용되는 언어는 HTML 코드 + 새로운 Dedecms 태그 구문입니다. Css와 Js에는 새로운 구문이 없으며 외부 파일로 호출됩니다.

🎜 Php 및 mysql 코드가 대폭 줄어들고, 데이터베이스 쿼리와 관련된 코드 일부가 태그 구문으로 대체됩니다. 예를 들어, memberlist 태그를 호출하는 것은 dede_member 데이터 테이블에 액세스하는 것과 같습니다. Php는 주로 플러그인과 같은 새로운 모듈을 작성하고 수정하는 데 사용됩니다. 🎜🎜 🎜 모든 태그를 다 배울 필요는 없고, global, field, php, arclist, list, pagelist, memberlist만 배우시면 됩니다. 다른 것들은 다시 확인해야 합니다. 🎜🎜🎜 태그를 배우려면 배워야 한다 🎜🎜 🎜1 태그의 기본 구문, 태그 이름🎜🎜🎜🎜 2 태그, 태그에 해당하는 웹페이지 템플릿, 태그의 논리적 의미🎜🎜 🎜🎜 3 태그 속성 및 해당 태그 사용 제어🎜🎜🎜🎜 4태그 뒤의 데이터 소스 및 InnerText 유형🎜🎜🎜🎜🎜두 가지 템플릿 제공🎜🎜🎜🎜🎜2.1 templates file Folder🎜🎜🎜🎜 🎜System 폴더🎜, 기본 기본 템플릿이 포함되어 있습니다. 블록 수준 태그 사이에 아무것도 쓰지 않으면 자동으로 블록 수준 태그의 InnerText로 호출됩니다. 🎜🎜  🎜Plus 폴더🎜에는 root_dir/plus에 PHP가 호출하는 템플릿이 포함되어 있습니다. 약간의 조사 후에 이러한 템플릿의 코드를 모방하여 탐색하는 것이 가능할 수 있습니다. 🎜🎜  🎜기본 템플릿이 포함된 기본 폴더🎜는 웹 페이지 표시를 위한 기본 템플릿입니다. 온라인에서 다른 Dedecms 템플릿(비공식 기본 템플릿)을 다운로드하는 경우 템플릿 폴더에만 부정적인 영향을 미칠 수 있습니다. 그 모습이면 충분합니다. 다음은 기본 폴더에 대한 분석입니다. 🎜🎜 예전에는 index.htm만 사용했는데, 다른 파일은 어떤 용도로 사용되나요? 🎜🎜 이 파일들은 두 가지 카테고리로 나눌 수 있다고 생각합니다: 🎜🎜 🎜 첫 번째 카테고리는 완전한 페이지가 아니며 🎜 포함되어 있습니다(dedecms 태그로 인해 html 문서에도 포함될 수 있습니다). head.htm, footer.htm 등과 같은 🎜🎜  🎜두 번째 카테고리는 전체 페이지🎜입니다. 하하. 🎜🎜  두 번째 카테고리는 표지(색인) 템플릿, 목록(목록) 템플릿, 문서(내용, 기사) 템플릿으로 구분됩니다. 폴더의 index_XX.htm은 표지 템플릿입니다. 🎜🎜🎜2.2 표지, 목록 및 문서 템플릿 테스트🎜🎜🎜🎜  경로를 dirname(🎜root_dir/index.php🎜 __FILE__의 SetTemlet에서)으로 변경합니다. . "/templets/default/list_article.htm", 표시된 콘텐츠가 불완전합니다. 이 템플릿을 사용하는 방법은 무엇입니까? 제가 살펴본 방법은 다음과 같습니다. 🎜🎜 Dedecms의 웹사이트 백엔드 관리를 엽니다. (그런데 테스트 데이터를 가질 수 있도록 먼저 데이터 경험 패키지를 설치하십시오.) 🎜🎜웹사이트 열 관리를 클릭합니다. 🎜🎜🎜🎜🎜🎜🎜 🎜기본적으로 웹페이지에서 중간점 변경🎜🎜🎜🎜

일반 옵션의 열 속성은 채널 커버입니다

그런 다음 고급 옵션을 선택하세요

Dedecms로 웹사이트 템플릿을 만드는 방법

#🎜 🎜#고급 옵션 미디엄 표지 템플릿은 {style}/index_article.htm{style}/index_article.htm

如果你安装的数据和我是同一版本,就会知道网页基础是个一级栏目,底下组织了很多文章。

Dedecms로 웹사이트 템플릿을 만드는 방법

回到网站栏目管理

Dedecms로 웹사이트 템플릿을 만드는 방법

  点击预览,会看到一个关于网页基础栏目的页面。由于常规选项中栏目属性是频道封面,高级选项中封面模板为{style}/index_article.htm,所以网页调用index_article.htm설치한 데이터가 내 것과 동일한 버전이면 알 수 있습니다. 웹페이지는 기본적으로 첫 번째 수준 열이므로 그 아래에 많은 기사가 구성되어 있습니다.

Dedecms로 웹사이트 템플릿을 만드는 방법

웹사이트 열 관리로 돌아가기Dedecms로 웹사이트 템플릿을 만드는 방법

미리보기를 클릭하면 기본 열에 대한 페이지가 표시됩니다. 웹 페이지. 일반 옵션의 열 속성이 채널 표지이고 고급 옵션의 표지 템플릿이 {style}/index_article.htm이므로 웹 페이지에서는 index_article.htm을 호출합니다. 템플릿으로.

비유하자면 일반 옵션의 열 속성이 최종 목록 열이고 고급 옵션의 표지 템플릿이 {style}/list_article.htm이면 list_article.htm이 템플릿으로 호출됩니다. , 문서 템플릿도 마찬가지입니다.

Dedecms로 웹사이트 템플릿을 만드는 방법

템플릿과 열의 관계

Dedecms로 웹사이트 템플릿을 만드는 방법 각 열에는 세 개의 자체 템플릿이 있으며 동일한 A 템플릿은 여러 열에서 사용할 수 있습니다. 즉, 템플릿은 스타일만 제공하지만 콘텐츠는 궁극적으로 데이터베이스에서 가져옵니다. 이는 또한 템플릿이 특정 열에 바인딩되어 있지 않기 때문에 root_dir/index.php의 SetTemple에서 경로를 변경하면 전체 내용을 표시할 수 없는 이유도 설명합니다. 이는 스타일과 콘텐츠를 분리하는 콘텐츠 관리 시스템으로서의 드림위버의 특징이기도 합니다.

일반 옵션->열 속성에서 볼 수 있는 문서 템플릿에 대해 이야기해 보겠습니다. 기사는 채널 표지 칼럼으로 게재할 수 없습니다. 그런 다음 "Html"과 같은 최종 목록 열을 선택합니다.

Dedecms로 웹사이트 템플릿을 만드는 방법

변경하려면 클릭하세요. 일반 옵션의 열 속성이 최종 목록 열임을 알 수 있습니다. 고급 옵션을 클릭하면 문서 템플릿이 {style}/article_article.htm이므로 Html 열의 모든 기사가 이와 함께 표시됩니다. 주형.

Dedecms로 웹사이트 템플릿을 만드는 방법

콘텐츠관리에서 일반글을 클릭하세요

선택 article Html 열 아래의 기사 미리보기(오른쪽 녹색 공)를 클릭하세요.

지금 보이는 것은 item_article.htm이 나타내는 스타일입니다. 템플릿.

이 시점에서는 표지 템플릿, 목록 템플릿 및 문서 템플릿을 표시/디버깅하는 방법을 알아야 합니다.

2.3 채널

템플릿/기본값에 있는 대부분의 템플릿이 이 세 가지 범주에 속해 중요성을 보여주는 것을 볼 수 있습니다. 그렇다면 index_article.htm, list_article.htm, article_article.htm이면 충분합니다. 다른 것들은 무엇입니까? 채널은 기사 채널, 이미지 채널, 소프트웨어 채널(기본적으로 다운로드 채널), 제품(상점) 채널 등을 포함하는 열 유형에 관한 것입니다. 채널은 콘텐츠 모델입니다. 예를 들어 애니메이션과 풍경에는 ​​그림 채널을 사용할 수 있습니다. 그러면 index_article.htm, index_image.htm, index_soft.htm, index_shop.htm이 있을 것입니다. 각 채널에는 세 가지 템플릿이 있습니다.

 그래서 템플릿 작성 방법은 물론 먼저 태그 구문을 배워야 합니다

A와 같은 함수 확장. "함수 이름(@me, 기타 매개변수)" /}#🎜🎜##🎜🎜##🎜🎜##🎜🎜#B. 이전에도 사용했던 방법인 Innertext에서 직접 프로그래밍합니다. #🎜🎜## 🎜🎜##🎜🎜 # index_article.htm, list_article.htm, article_article.htm을 다시 읽어보세요. 소스 코드를 읽는 것이 가장 좋은 학습 방법입니다^_^#🎜🎜##🎜🎜# 일반적으로 웹 페이지를 작성하려면 채널별로 웹 페이지 템플릿을 작성해야 합니다. #🎜🎜#

위 내용은 Dedecms로 웹사이트 템플릿을 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PPT 마스크를 추가하는 방법 PPT 마스크를 추가하는 방법 Mar 20, 2024 pm 12:28 PM

PPT 마스킹에 관해서는 아직 생소하신 분들이 많을 텐데요. 대부분의 사람들은 PPT를 만들 때 잘 이해하지 못하고 그냥 마음에 드는 대로 만들어서 만드는 경우가 많기 때문에 PPT 마스킹이 무엇인지도 모르고 이해하지도 못하는 분들이 많습니다. 이 마스크가 어떤 역할을 하는지는 알지만, 사진을 덜 단조롭게 만들 수 있을지도 모르겠습니다. 배우고 싶은 친구들, PPT 마스크를 좀 덜 단조롭게 만들어 보세요. 그렇다면 PPT 마스크를 추가하는 방법은 무엇입니까? 아래를 읽어주세요. 1. 먼저 PPT를 열고 빈 그림을 선택한 다음 [배경 형식 설정]을 마우스 오른쪽 버튼으로 클릭하고 단색을 선택합니다. 2. [삽입] 클릭, 워드아트 단어 입력 3. [삽입] 클릭, [도형] 클릭

함수 오버로딩 및 재작성에 대한 C++ 템플릿 전문화의 효과 함수 오버로딩 및 재작성에 대한 C++ 템플릿 전문화의 효과 Apr 20, 2024 am 09:09 AM

C++ 템플릿 전문화는 함수 오버로딩 및 재작성에 영향을 줍니다. 함수 오버로딩: 특수화된 버전은 특정 유형의 다양한 구현을 제공할 수 있으므로 컴파일러가 호출하도록 선택하는 함수에 영향을 줍니다. 함수 재정의: 파생 클래스의 특수 버전은 기본 클래스의 템플릿 함수를 재정의하여 함수를 호출할 때 파생 클래스 개체의 동작에 영향을 줍니다.

Imperial cms 리소스 네트워크 템플릿은 어디에 있습니까? Imperial cms 리소스 네트워크 템플릿은 어디에 있습니까? Apr 17, 2024 am 10:00 AM

Empire CMS 템플릿 다운로드 위치: 공식 템플릿 다운로드: https://www.phome.net/template/ 타사 템플릿 웹사이트: https://www.dedecms.com/diy/https://www.0978.com. cn /https://www.jiaocheng.com/설치 방법: 템플릿 다운로드 템플릿 압축 풀기 템플릿 업로드 템플릿 선택

실제 개발에서 C++ 템플릿의 일반적인 응용 프로그램은 무엇입니까? 실제 개발에서 C++ 템플릿의 일반적인 응용 프로그램은 무엇입니까? Jun 05, 2024 pm 05:09 PM

C++ 템플릿은 컨테이너 클래스 템플릿, 알고리즘 템플릿, 일반 함수 템플릿, 메타프로그래밍 템플릿 등 실제 개발에서 널리 사용됩니다. 예를 들어 일반 정렬 알고리즘은 다양한 유형의 데이터 배열을 정렬할 수 있습니다.

C++ 템플릿과 제네릭을 비교하시나요? C++ 템플릿과 제네릭을 비교하시나요? Jun 04, 2024 pm 04:24 PM

C++에서 템플릿과 제네릭의 차이점: 템플릿: 컴파일 타임에 정의되고, 형식이 명확하며, 효율성이 높고, 코드 크기가 작습니다. 제네릭: 런타임 타이핑, 추상 인터페이스는 유연성과 낮은 효율성을 제공합니다.

dedecms가 템플릿 교체를 구현하는 방법 dedecms가 템플릿 교체를 구현하는 방법 Apr 16, 2024 pm 12:12 PM

템플릿 교체는 다음 단계를 통해 Dedecms에서 구현할 수 있습니다. global.cfg 파일을 수정하고 필요한 언어 팩을 설정합니다. taglib.inc.php 후크 파일을 수정하고 언어 접미사 템플릿 파일에 대한 지원을 추가합니다. 언어 접미사가 포함된 새 템플릿 파일을 생성하고 필요한 콘텐츠를 수정합니다. Dedecms 캐시를 지웁니다.

Dedecms는 어떤 웹사이트를 할 수 있나요? Dedecms는 어떤 웹사이트를 할 수 있나요? Apr 16, 2024 pm 12:24 PM

Dedecms는 뉴스 웹사이트, 블로그 웹사이트, 전자상거래 웹사이트, 포럼 및 커뮤니티 웹사이트, 교육 웹사이트, 포털 웹사이트, 기타 유형의 웹사이트(예: 기업 웹사이트)를 비롯한 다양한 유형의 웹사이트를 만드는 데 사용할 수 있는 오픈 소스 CMS입니다. , 개인 웹사이트, 사진 앨범 웹사이트, 동영상 공유 웹사이트)

Dedecms에 로컬 비디오를 업로드하는 방법 Dedecms에 로컬 비디오를 업로드하는 방법 Apr 16, 2024 pm 12:39 PM

Dedecms를 사용하여 로컬 비디오를 업로드하는 방법은 무엇입니까? Dedecms에서 지원하는 형식으로 비디오 파일을 준비하십시오. Dedecms 관리 백엔드에 로그인하고 새 비디오 카테고리를 만듭니다. 영상 관리 페이지에 영상 파일을 업로드하고 관련 정보를 입력한 후 영상 카테고리를 선택하세요. 기사를 편집하면서 동영상을 삽입하려면 업로드된 동영상의 파일 이름을 입력하고 크기를 조정하세요.

See all articles