入门

/

内容管理 - CMS

最后更新时间:

2024-12-18

视频教程:

CMS 中文名 “内容管理系统”,用于实现如 “案例”,“新闻”,“博客”等动态内容的管理。

比如 https://oc2wp6b7n7te.site.creght.com/news 新闻页面就需要使用 CMS 实现。

 

管理内容

在 “编辑器左侧-页面” 点击对应的 CMS 就可以进入 CMS 管理页面。

 

您也可以在项目中 找到 CMS 并进入:

草稿与发布

在编辑 CMS 文章时,程序会进行自动保存更改,保存的内容为草稿,草稿在线上不可见,如果要发布上线,请点击发布按钮。

image.png

字段管理

CMS 字段是可以动态添加的,常见的字段有 “标题”、“封面图” 等字段。

在 CMS 详情中,进入 ”字段管理“,可以添加自定义字段,Creght 支持如 文本、富文本、图片等字段类型。

image.png

鼠标右击字段可以删除已存在的字段:

image.png

在网站上显示内容

使用 ”循环组件“ 来将 CMS 的内容显示在页面上。

在任何页面都可以使用循环组件,在“插入面板“ - “CMS“ 可以找到循环组件。

image.png

插入循环组件之后,第一步是为其绑定 CMS 应用:

image.png

选中循环组件选择,在右侧选择要显示的 CMS 应用。

第二步是为其添加子元素,下面是一个简单的例子:用列表方式显示文章。

image.png

在上图上,左侧树我们只添加了一个子元素,但是可以看到子元素自动重复渲染出了一个列表,这就是循环组件的作用:循环渲染子元素。

但我们看到每个文本元素的内容是一样的,而我们期望显示出每一篇文章的标题字段,这是我们需要使用到变量绑定功能:

选中文字组件,然后点击 ”文本“ 设置项旁边的加号来选择并绑定变量。

image.png

如法炮制,图片也能通过绑定变量的方式来展示,现在一个简单版本的图文列表就完成了:

image.png

关于 ”字段类型“ 和 CMS 更复杂的用法我们将在后面单独出一篇更详细的帮助文档,敬请期待。CMS 比较复杂不容易理解,如果您有遇到什么问题,欢迎直接与我们联系,我们会尽可能详细的为您解答。

继续阅读

下一篇