前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PageAdmin CMS建站系统可视化区块的使用教程

PageAdmin CMS建站系统可视化区块的使用教程

原创
作者头像
用户4831957
修改2021-03-26 14:16:41
7600
修改2021-03-26 14:16:41
举报
文章被收录于专栏:网站建设、网站制作专栏

很多公司做网站都会用到cms系统,其中的pageadmin cms是用户最多的,这个系统有一个很好的功能,可视化编辑,下面讲解一下。

PageAdmin要实现可视化编辑,需要借助可视化区块来实现,下面讲解一下可视化区块的使用教程,首先进入可视化编辑菜单,如下图:

云图片
云图片

进入后按下面步骤操作。

步骤1、表单的添加和管理。

表单分类:对表单进行分类,方便查找或维护,此功能简单,不赘述。

表单管理:网站上每个版块要实现可视化编辑,必须把根据内容先设计表单才能可视化编辑,系统默认添加了一些常用的表单,如下图:

云图片
云图片

一些复杂的内容场景可以点击"添加"按钮来自定义设计表单,添加表单后点击字段设置进去字段管理界面,进行字段的添加,如下图:

云图片
云图片

字段包含了目前所有通用的类型,单行文本,多行文本,编辑器,下拉表单,单选,多选等等。

步骤2:区块的添加和管理

区块分类:对区块进行分类,方便查找或维护,功能简单不赘述。

区块管理:页面上的自定义版块如果需要进行可视化编辑,就需要通过区块来实现,自定义版块和区块数据一一对应,区块的添加和管理如下:

云图片
云图片

区块添加完毕后,可以在可视化编辑界面设置内容,也可以在管理界面设置内容,这里重点说一下数据调用,如下图:

云图片
云图片

点击打开后,弹出调用帮助界面,这里有详细的调用说明,如下图:

云图片
云图片

​只需要把上面演示代码复制到模板中,按实际需求更改一下html排版或添加样式,这里可结合相关可视化模板制作教程。

步骤3:模板中如果添加了可视化标签,就可以进入可视化界面进行可视化编辑,如下图:

云图片
云图片

鼠标移动到区块上,就会弹出编辑按钮,点击编辑就可以进行可视化内容的设置和修改,如下图:

云图片
云图片

区块功能可以很方便的解决非专业人员维护网站内容困难的问题,也可以用于解决大数据下直接从数据库读取数据导致效率低下的问题,比如一些推荐新闻,推荐图片默认从数据库读取,可以改为通过区块来实现自定义录入标题,图片、链接等参数,从而缓解数据库压力。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档