admin 管理员组文章数量: 1087139
2024年4月23日发(作者：sheiiy)
1.1 搭配自定义网站的可视化编辑环境
在opencms官方网站中，很炫的展示了在示例站点上 拖拉放组件，建立导航。 但是按官方
文档中的建站指南进行操作，无法达到其效果。经过几番探索，终于摸索到一条途径。
Opencms 示例站点，是基于bootsrap的。Bootstap重要的是栅格布局。典型特征是：看起
来像表格，但是与表格有差别。主要是 一个栅格（像excel中单元格，或形象说就是格子方格） 中
可以再生成系列栅格 (理论是无限制的，实际受设备的显示屏约束)。这样在布局时，只要提供栅格
布局，就不再提供什么 页头，页脚，左中右等等了。因为要达到这种布局效果，只需拖三个栅格，
分别表示页头、页中、页脚。页中再施三个栅格 进行左右右表示即可。如果还不能理解栅格，请移
步到bootstap官方网站 看栅格系统方面的教材。
Opencms的栅格布局，重点由行，列组成。所有的像label、text、list等这些组件 必须存在
栅格中，没有栅格无法存在。Opencms在可视化拖放操作，分成了template 行列 、layout 行
列、拖放像label、text等这类组件三步操作。 Template 行列 必须 在container容器中，layout
行列必须存在template行列中，而label、text必须存在layout行列中。
要搭建自定义网站的可视化编辑环境，需要借用opnecms的bootstap 模板，根踪示例网站
不难发现是 ：
/system/modules/ters/templates/bootstrap-grid-page.j
sp
为了不影响官方的示例站点，请自建一个模块，然后克隆这个文件。为了简化，请把这个文件
中的有关搜索的语句注释掉：
file="%(:/system/modules/ters/search/:b 4a9ffc9-416c-11e3-81ba-000c297c001d)" /> OPENCMS的组件 的数据是借助XML进行存放的，该文件位于站点的.content下的相应文件 夹中。文件名 由 该组件所在模块的 module configuration 类型且名为.config的文件进行指定。 为了简化，强烈建议把示例站点中.content下的文件夹全部COPY到自建网站中来，并把这些文件 夹清空(这是清除垃圾)。 综上所述，要建立自定义网站的可视化编辑，总的工作是：建立自定义站点，建立自定义模块， 复制并修改文件。建好后在自定义页面 如何添加templaout 行列，如 何添加layout 行列，如何添加text组件等。 以下是较详尽演练： 1.1.1 进入opencms 工作平台 安装好并运行opencms后。这里按默认安装示例。 在浏览器中打开网页 localhost:8080/opencms/opencms/system/login 输入用户密码 Admin admin. 登陆。登陆后后台，点击reopen window
版权声明：本文标题：opencms 9.5 自建网站可视化拖拽环境搭建 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1713881419a655877.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论