首页 Typo3正文

TYPO3 CMS前台输出数据库内容

kumb Typo3 2020-07-17 12:15:32 241 0

6.3.8 前台输出数据库内容

调整TYPO3模板文件,这样可以在前台输出数据库中的内容。

查看Home页的模板样式

(1)进入后台,单击“Page”→“Home”→“Columns”,后台布局如图6-84所示。

img

图6-84 后台布局

(2)进入前台,查看前台布局。在图6-84中右击“Home”,在弹出的快捷菜单中单击“Shows”,则前台布局如图6-85所示。

img

图6-85 前台布局

添加内容页

(1)打开要添加内容的模板。在后台,单击“Page”→“Home”,选择“Columns”,单击“Normal”下的“Content”,如图6-86所示。

img

图6-86 内容页模板

(2)选择页内容的类型。在弹出的“New content element”对话框内,选择要创建页内容的类型,在“Typical page content”(典型页内容)选项卡下选择“Text & Media”(文本和媒体),如图6-87所示。

img

图6-87 选择页内容类型

(3)单击“Text & Media”后,在弹出的对话框内,单击“General”选项卡,将“Content Element”下的“Type”(类型)选为“Text”,在“Header”下的文本框内写入标题,在富文本编辑器内输入内容,如图6-88所示。然后存盘退出,编辑页内容后的页如图6-89所示。

img

图6-88 编辑页内容

img

图6-89 编辑页内容后的页

(4)打开“/Configuration/TypoScript/Library/”目录下的2000_page.ts文件,调整命令标签位置并添加以下标签:

img

调整后的2000_page.ts文件如图6-90所示。

img

图6-90 编辑2000_page.ts文件

(5)编辑模板。打开“/Resources/Private/Templates/”目录下的默认模板文件DefaultTemplate.html,删除<article>和</article>之间的内容,添加{contentMain}标签,如图6-91所示。

img

图6-91 修改模板文件

存盘,清理缓存,预览,此时没有显示页面内容,如图6-92所示。

img

图6-92 没有显示页面内容

(6)编辑模板代码。进入后台,单击“Template”→“Home”→“Info/Modify”→“Edit the whole template record”,如图6-93所示。在弹出的对话框内,查看CSS Styled Content文件,如图6-94所示。

img

图6-93 模板工具对话框

img

图6-94 查看CSS Styled Content文件

在“/Configuration/TypoScript/”目录下的setup.txt文件内,添加图6-95所示的标签。

img

图6-95 在setup.txt中添加标签

在“/Configuration/TypoScript/”目录的constants.txt文件内,添加图6-96所示的标签。

img

图6-96 添加include标签

存盘,清理缓存,预览,此时前台显示如图6-97所示。可以看到显示的内容,但带有<div>等标签。

img

图6-97 前台显示带标签的内容

打开“/Resources/Private/ Templates/”目录下的DefaultTemplate.html文件,增加以下标签:

img

然后存盘,清理缓存并浏览,结果如图6-98所示。

img

图6-98 前台显示无标签的内容


我们致力于为三农(农业、农村、农民)提供专业物联网解决方案,同时也提供应用软件、微信小程序、手机App、企业网站的开发和跨境电商建站、网络营销等服务,站长微信号(mywit_net),添加后备注“黎辉物联网”,如有相关需求也可通过电子邮件(12tc@sina.cn)与我们取得联系

本站内容均来自互联网,如有涉及到侵权行为,请你及时与站长联系删除!

本文链接:https://www.kumb.cn/2938.html

发表评论

评论列表(0人评论 , 241人围观)
☹还没有评论,来说两句吧...