您的位置:首页 > Web前端 > JavaScript

OpenCms JSP 模板开发——创建一个含有多个可编辑元素的JSP模板

2008-04-10 04:32 369 查看
  在前面的文章中,我们已经知道了如何创建含有“head”区和“foot”区的JSP模板,现在我们将扩展这个模板,为它增加多个可编辑的页面元素。
  首先,我们要在模板文件的HTML head 标签中增加“ ”标签,并且在页面元素中增加“editable”的属性,代码如下:


<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>











<br/><br/><img src="https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030196/6810355c2f78c12e91b7997a8e8c583a.gif" border="0" ><br/><cms:property name="Title" />


" />



 








第一个简单模板的head



















第一个简单模板的foot










  用此模板生成页面,效果如下图,“body”元素部分现在已经是一个可直接编辑的区域,在此编辑区的右侧,出现了一个“编辑”按钮,点击“编辑”按钮,直接进入编辑器,即可对“body”元素的内容进行编辑,不必再像以前一样要在工作区中,找到资源,点击资源,再弹出菜单中选择“编辑页面”来进行编辑了,相比之下是不是方便了许多。



  下面又为此模板进行了扩展,在模板中增加多个元素,代码如下:


<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>











<br/><br/><img src="https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030196/6810355c2f78c12e91b7997a8e8c583a.gif" border="0" ><br/><cms:property name="Title" />


" />



 








第一个简单模板的head







   

这是第一个页面元素


  
 

这是第二个页面元素

 
 








第一个简单模板的foot










   接下来,我们还要对模板文件进行一下设置,让它来“告诉”编辑器,这个模板可以显示两个页面元素,修改模板文件的“template-elements ”属性,设置其值为“body*|元素一,body2*|元素二”,元素名称以“*”结尾,而在“|”之后是在编辑器中显示的元素的名称,这样编辑器就知道了用此模板生成的页面,含有两个可编辑的元素“元素一”和“元素二”,浏览效果如下图:
  用此模板生成页面,浏览效果如下,可以看到,已经包含有两个可编辑元素了。



  至此,我们已经知道了如何创建含有多个可编辑元素的模板,我们可以把它灵活的应用到项目中,这种“直接编辑”的方式,不仅操作起来直观、简便,相信我们的客户也会非常喜欢它。
  (谢谢关注OpenCms——中文资源第一博客,欢迎与作者直接交流,共同进步。MSN:qianxuncms@hotmail.com,QQ:9165456)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: