Comment créer un modèle de site Web avec dedecms

Si vous souhaitez en savoir plus sur les dedecms, vous pouvez cliquer sur : Tutoriel sur les dedecms

Le modèle de page Web est le fichier html dans les modèles, donc écrire un modèle signifie écrire du HTML. Cet article ne porte pas sur l'utilisation spécifique des balises, mais sur une certaine compréhension des modèles de pages Web. Comprend la syntaxe de base des balises, la relation entre les modèles de couverture, les modèles de liste et les modèles de documents.

À propos des balises

　balise dedecms : est comme la balise html, mais personnalisée par DreamWeaver. Elle se compose du nom de la balise, attributs et InnerText.

Réécrivez le fichier templets/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="Comment créer un modèle de site Web avec dedecms" > [field:uname/]<br/>
    </a>
{/dede:memberlist}

Vérifiez les résultats en exécutant la page d'accueil du site index.php.

Comme dede:global est le nom de la balise, name=cfg_webname est l'attribut, et entre les balises dede:memberlist se trouve InnerText. Dans DreamWeaver, InnerText est également appelé modèle sous-jacent.

　Balise courte : Une balise avec un seul côté comme global est appelée une balise courte, qui représente la valeur d'un élément.

　Balise de bloc : Les balises appariées comme la liste des membres sont appelées balises de bloc, qui représentent généralement une série d'enregistrements. Le code ci-dessus répertorie les informations tacites de 6 membres. Une petite recherche révélera que ces enregistrements proviennent d’une base de données.

[field:XX] Ceci représente une certaine valeur d'attribut dans l'enregistrement.

Pour résumer, quels sont les langages utilisés lors de l'écriture des modèles : le code HTML + la nouvelle syntaxe de la balise dedecms. Css et Js n'ont pas de nouvelle syntaxe et sont appelés en tant que fichiers externes.

Le code de Php et MySQL est considérablement réduit, et une partie du code lié aux requêtes de base de données est remplacée par une syntaxe de balises. Par exemple, appeler la balise memberlist équivaut à accéder à la table de données dede_member. Php est principalement utilisé pour écrire et modifier de nouveaux modules tels que des plug-ins.

Vous n'avez pas besoin d'apprendre toutes les balises, apprenez simplement global, field, php, arclist, list, pagelist et memberlist. D'autres doivent être vérifiés à nouveau.

Pour apprendre une balise, vous devez apprendre

1 La syntaxe de base des balises, les noms de balises

2 balises, Modèle de page Web de correspondance des balises et signification logique des balises

3. Les attributs de la balise et son contrôle sur l'utilisation des balises

4. La source de données derrière la balise et les types d'InnerText

deux modèles qu'elle fournit

Dossier de modèles 2.1

　Dossier système, qui contient le modèle sous-jacent par défaut. Lorsque nous n'écrivons rien entre les balises de niveau bloc, il sera automatiquement appelé comme InnerText de la balise de niveau bloc.

　Dossier Plus , qui contient des modèles appelés par php dans root_dir/plus. Après quelques recherches, il sera peut-être possible d'imiter le code de ces modèles, à explorer.

　Dossier par défaut , qui contient le modèle par défaut, qui est le modèle principal pour l'affichage des pages Web. Si vous téléchargez d'autres modèles dedecms (modèles par défaut non officiels) en ligne, il se peut qu'il n'y ait qu'un seul modèle. dossier car cela suffit pour le look. Ce qui suit est une analyse du dossier par défaut.

Avant, je n'utilisais que index.htm, à quoi servent les autres fichiers ?

Je pense que ces fichiers peuvent être divisés en deux catégories :

La première catégorie n'est pas une page complète et est incluse (en raison de la balise dedecms, le document html peut également être inclus). Tels que head.htm, footer.htm, etc.

　La deuxième catégorie est la page complète , haha.

La deuxième catégorie est divisée en modèle de couverture (index), modèle de liste (liste) et modèle de document (contenu, article). Le fichier index_XX.htm du dossier est le modèle de couverture, et ainsi de suite.

2.2 Test des modèles de couverture, de liste et de document

Dans SetTemplet dans root_dir/index.php Le chemin est changé en dirname(__FILE__) . "/templets/default/list_article.htm", et le contenu affiché n'est pas complet. Comment utiliser ces modèles ? Voici la méthode que j'ai explorée :

Ouvrez la gestion en arrière-plan du site Web de dedecms (au fait, veuillez installer le programme d'installation data first Experience package, afin que vous puissiez avoir des données de test)

Cliquez sur la gestion des colonnes du site Web

Cliquez sur le base de la page web à changer

L'attribut de colonne dans les options générales est la couverture de la chaîne

puis sélectionnez les options avancées

Le modèle de couverture dans les options avancées est {style}/index_article.htm

Si les données que vous avez installées sont de la même version que la mienne, vous saurez que la page Web est essentiellement une colonne de premier niveau, avec de nombreux articles organisés en dessous.

Retour à la gestion des colonnes du site Web

Cliquez sur Aperçu et vous verrez une page À propos Page de colonnes de base. Étant donné que l'attribut de colonne dans les options générales est la couverture de la chaîne et que le modèle de couverture dans les options avancées est {style}/index_article.htm, la page Web appelle index_article.htm comme modèle.

Par analogie, si l'attribut de colonne dans les options normales est la colonne de liste finale et que le modèle de couverture dans les options avancées est {style}/list_article.htm, list_article.htm sera appelé comme modèle, et le modèle de document sera appelé par analogie.

La relation entre les modèles et les colonnes

Chaque colonne a ses trois propres modèles, et le même modèle peut être utilisé par plusieurs colonnes. En d’autres termes, le modèle ne fournit que des styles, mais le contenu provient finalement de la base de données. Cela explique également pourquoi la modification du chemin dans SetTemplet dans root_dir/index.php ne peut pas afficher le contenu complet car le modèle n'est pas lié à une colonne spécifique. C'est aussi la caractéristique de DreamWeaver en tant que système de gestion de contenu, qui sépare le style et le contenu.

Parlons du modèle de document, qui peut être consulté dans Options générales-> Propriétés de la colonne. Les articles ne peuvent pas être publiés sous forme de chronique de couverture de chaîne. Ensuite, nous sélectionnons une colonne de liste finale, telle que "Html"

Cliquez pour changer. Vous pouvez voir que l'attribut de colonne dans les options générales est la dernière colonne de la liste. Cliquez sur les options avancées et vous verrez que le modèle de document est {style}/article_article.htm, donc tous les articles de la colonne Html seront affichés avec ceci. modèle.

Cliquez sur l'article ordinaire dans la gestion de contenu

Sélectionnez un article sous la colonne Html et cliquez sur Aperçu (à droite La boule verte)

Ce que vous voyez en ce moment est le style représenté par le modèle article_article.htm.

À ce stade, vous devez savoir comment afficher/déboguer les modèles de couverture, les modèles de liste et les modèles de documents.

Canal 2.3

Vous pouvez voir que la plupart des modèles dans templets/default entrent dans ces trois catégories, ce qui montre leur importance. Alors index_article.htm, list_article.htm, article_article.htm suffisent, à quoi servent les autres ?

Il s'agit de chaînes. Les chaînes sont des types de colonnes, telles que la chaîne d'articles, la chaîne d'images, la chaîne de logiciels (essentiellement un canal de téléchargement), la chaîne de produits (boutique), etc. La chaîne est un modèle de contenu. Par exemple, l'animation et les scènes peuvent utiliser des chaînes d'images. Il y aura donc index_article.htm, index_image.htm, index_soft.htm, index_shop.htm. Chaque canal possède ses trois propres modèles.

Alors, comment écrire un modèle, vous devez bien sûr d'abord apprendre la syntaxe des balises

Une extension de fonction, telle que {dede: tag name function="function name (@. moi, autres paramètres) ” /}

B. Programmer directement dans Innertext, qui est la méthode qui a été utilisée auparavant

Lire index_article.htm, list_article.htm encore, article_article.htm. La lecture du code source est la meilleure façon d'apprendre ^_^

De manière générale, ce que vous devez faire lorsque vous écrivez une page Web est d'écrire un modèle de page Web pour chaque canal.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!