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

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

angryTom
풀어 주다: 2019-07-27 10:25:00
원래의
2802명이 탐색했습니다.

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="[field:face/]"     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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿