images/ (存放模板中用到的图片) library/ ( 存放一些小模板文件及重复被用到的模板文件 ) style.css (模板样式文件) index.dwt (首页的模板 index.php) goods.dwt ( 商品显示页的模板 goods.php) |
images/ (images de stockage utilisées dans les modèles) bibliothèque/ (stocke quelques petits fichiers de modèles et des fichiers de modèles utilisés à plusieurs reprises)style.css (fichier de style de modèle) index.dwt (Modèle de page d'accueil index.php)goods.dwt (Modèle de page d'affichage du produit good.php)Nous trouvons une image gif aléatoire, la nommons logo.gif et la mettons dans le répertoire des images, puis nous actualisons la page d'accueil. Avez-vous vu ça ? Le logo de la page d'accueil a été modifié. Si vous pensez que la taille n'est pas appropriée, alors nous ouvrons page_header.lib dans le répertoire de la bibliothèque pour afficher le code source, puis recherchons images/logo.gif puis regardons derrière width=”130″ height=”56″ et remplacez 130 et 56 par ceux correspondants. La valeur est suffisante, allez à la réception pour vous rafraîchir et voir. Actualisez le navigateur pour voir si des modifications ont été apportées à la page. Crevette? Vous ne l'avez pas trouvé ? Regardez l'en-tête du navigateur, haha, le titre du site Web a-t-il été modifié ? Haha, oui, {$page_title} est la balise du titre du site Web (remarque : la balise commence de {to} et se termine, {and} font partie de la balise. L'ensemble du modèle ECshop est comme). ceux-ci un par un Les balises sont composées de balises qui contrôlent l’affichage dynamique du contenu et des données du site Web. Par exemple, ({$keywords}) contrôle la balise de mot-clé du site Web, {$description} : balise de description du site Web, (c'est la balise dans le modèle, chaque balise correspondra à une valeur dans le programme. Lorsque le site Web est en cours d'exécution, le moteur de modèle lira la page du modèle, puis remplacera la balise correspondante par la valeur correspondante, et la page du site Web que nous voyons sera affichée. . Compris. Pour les novices, ce contenu peut ne pas être entièrement digéré en une seule fois. Si vous avez des questions, veuillez laisser un message et je le mettrai à jour ici.) Ne vous inquiétez pas, la hâte fait du gaspillage, haha, allons-y. commencez réellement à créer des modèles ECshop maintenant. (Ceux qui ne comprennent pas le HTML devraient préparer Dreamweaver) Prérequis : ajustez le modèle que vous utilisez actuellement au modèle par défaut, puis videz le cache. Ensuite, nous entrons dans le répertoire par défaut et vous pouvez voir le répertoire de fichiers suivant : *.dwt (indiquant d'autres fichiers .dwt) Xiami ? Vous ne croyez pas que ce sont des modèles ? D'accord, laissez-moi vous le prouver. Changeons le nom du fichier logo.gif dans les images en logo2.gif, puis OK, nous utiliserons Dreamweaver pour ouvrir le fichier. indexez le fichier .dwt, recherchez {$page_title} dans le code source. Après l'avoir trouvé, modifiez {$page_title} en Super Invincible Hypermarket. Ensuite, allez sur très simple 8, haha, tout le monde est vraiment intelligent, Kong Ming Reincarnation, je l'ai appris si vite. Si votre étape précédente était super, très simple, la prochaine étape sera la même. Comment dois-je la changer ensuite ? On continue après les publicités. ….Espace publicitaire doré… bienvenue pour acheter… Envoyez-moi un message si nécessaire… (PS : les gens ne peuvent pas être aussi impudiques)… Haha… 1. Nous accédez au répertoire /themes/default, renommez index.dwt en index_bak.dwt, puis utilisez Dreamweaver pour créer un nouveau fichier HTML, puis enregistrez-le dans le répertoire /themes/default et nommez-le index.dwt. OK, actualisons le répertoire. réception Écoutez, haha, il n'y a rien. D'accord, recherchez dans notre index.dwt nouvellement créé, nous remplaçons le contenu entrepar : {$page_title}, dans également mis. un {$page_title} entreet, actualisez la réception et jetez un œil. Hé, que voyez-vous ? Le titre du site Web est-il imprimé ?Si une boîte de dialogue apparaît pendant le fonctionnement : Cliquez simplement sur OK, :) 2. Ensuite, nous sélectionnons l'interface visuelle à modifier : puis cliquez après {$page_title} Touche Entrée. pour changer la ligne, puis entrez : Annonce du magasin : {$shop_notice} Accédez au navigateur pour actualiser la page d'accueil pour actualiser et voir, haha. L'annonce de la boutique a été appelée. Vous pouvez accéder au backend du site Web Paramètres système->Paramètres de la boutique->Informations sur la boutique en ligne->Annonce de la boutique pour modifier le contenu, puis accéder au navigateur. et actualisez la page d'accueil du site Web pour voir, haha, l'annonce du magasin est supprimée dynamiquement 3 Appuyez ensuite sur la touche Entrée après {$shop_notice} pour modifier la ligne, puis entrez.
1. 网站快讯: 2. {foreach from=$new_articles item=article} 3. {$article.short_title} 4. {/foreach}
Copier après la connexion
Remarque :
Cliquez à l'endroit où la ligne s'arrête. Touche Entrée pour pouvoir actualiser la réception et y jeter un œil. Haha, les nouvelles du site Web ont été affichées. D'accord, passons à le site Web Backend->Gestion des articles->Liste des sites Web->Ajouter un article, sélectionnez la catégorie "Actualités du site Web", ajoutez n'importe quel élément de contenu et actualisez l'interface pour y jeter un œil. Les deux articles ont été supprimés du flux.
换行的地方按Enter键哦, 好刷新前台看看 ,呵呵,网站快讯被调出来了哦。 好我们再到网站后台->文章管理->网站列表->添加文章,选择 网站快讯这个分类,随便添加一篇内容,完成后前台刷新看看。两篇文章都被动态掉出来了哦。 |
|
Commentaires :
{foreach from=$new_articles item=article} : Le début de la boucle,
{foreach from=$new_articles item=article} : 循环的开始, {/foreach} : 循环的结束 $new_articles: 为要循环的东西,这里为网站快讯 {$article.short_title} : 快讯标题的标签 模式为: {foreach from=$post item=name} content {/foreach} {foreach from=$post item=name}和{/foreach}标签中间可以任意添加要循环的内容content(可以为任意的东西),循环的次数受到 $post的限制(这里要填什么我都会告诉大家的.)name为当前这个循环的对象。方便调用数据。 |
{/foreach} : La fin de la boucle$new_articles : Pour que les choses soient en boucle, voici les actualités du site{$article.short_title} : L'étiquette du titre de l'actualitéLe mode est : {foreach from=$post item=name} content {/foreach}Vous pouvez ajouter n'importe quel contenu à boucler entre les balises {foreach from=$post item=name} et {/foreach} (cela peut être n'importe quoi), ainsi que le nombre de boucles. est limité par $post (remplissez ici je vous dirai tout.) le nom est l'objet du cycle en cours. Pratique pour appeler des données. |
以后这个循环我们会经常的用到哦. 还是不懂也没有关系,每次遇到我都会讲哪里要怎么设置的,多用就会了。 我们也可以这么写哦 , 注意: 在代码编辑的视图里面编辑
1. 2. {foreach from=$new_articles item=article} 3. 4. {$article.short_title} 5. | 6. {/foreach} 7.
Copier après la connexion
哈哈,保存,刷新首页看看,表格被一行一行的循环出来了哦 第二章 一人得道,鸡犬升天啊,谢谢ECshop将我提升为教程区版主 ,实在时荣幸啊,谢谢大家的支持, 谢谢我的笔记本电脑小Y,谢谢我的电脑桌,谢谢我的椅子,谢谢大家! 呵呵! ~Orz. 模板教程继续啦! 不知道大家是学会用循环了呢,还是我的言语实在有问题,大家实在无法完成阅读哦,居然大家都没有问题,暂时心里安慰,把他当做好事情,大家都会调用了,呵呵,那我们继续循环调用商品了! 好,继续在我们昨天的基础上,我们在网站快讯的循环后面,按 Enter键, 输入:商品列表,接着建立一个2行3列的表格,宽度为70%, 表格边框为1(为了让大家看清楚 ),起HTML代码如下
1. 商品列表 2. 3. 4. 1 | 5. 2 | 6. 3 | 7. 8. 9. 4 | 10. 5 | 11. 6 | 12. 13.
Copier après la connexion
注: ( 1,2,3,4,5,6这些个是序号,方便跟大家讲解呢 ) 在这里,我们暂时先把下面这一行去掉(为了大家操作简单),变成
1. 商品列表 2.
Copier après la connexion
我们要循环的是列,也就是 |