OpenCms——中文资源第一博客(Hard Working……)

             ——绝对让你心动的、专业的、开源的、完全免费的内容管理系统

用户操作
[即时聊天] [发私信] [加为好友]
袁海明ID:qianxuncms
202599次访问,排名391,好友41人,关注者53人。
一个人的心胸有多广,他的世界就有多大……
qianxuncms的文章
原创 66 篇
翻译 14 篇
转载 11 篇
评论 377 篇
袁海明的公告
OpenCms交流……
 MSN:
 qianxuncms@hotmail.com
 Email:
 haimingyuan@gmail.com

  转载本人原创、翻译文章,请注明作者和出处
最近评论
yy:大哥,帮帮忙啊,这个里面我也加了,toolbar.append(",'-','FontName','FontSize','Style'");可为什么还是报工具栏设置 "OpenCmsWidget" 不存在这个错呢!希望知道的人能给解答一下,谢谢啦!
feiniao1987_:没分下阿,大哥给发一件吧,谢谢lishixia2006@126.com
feiniao1987_:没分下阿,大哥给发一件吧,谢谢lishixia2006@126.com
PUMPHU:还有,请问有没有opencms相关的群,能介绍下么?呵呵,谢谢
PUMPHU:谢谢楼主的教程,看到这些教程突然豁然开朗,总算明确了这个工具的大概。
文章分类
收藏
    相册
    存档
    订阅我的博客
    XML聚合  FeedSky
    订阅到鲜果
    订阅到Google
    订阅到抓虾
    订阅到BlogLines
    订阅到Yahoo
    订阅到GouGou
    订阅到飞鸽
    订阅到Rojo
    订阅到newsgator
    订阅到netvibes

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

    新一篇: OpenCms 7.0 RC 1 发布 | 旧一篇: OpenCms中的“同步”功能

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

    <%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
    <cms:template element="head">
    <html>
    <head>
    <title>
    <cms:property name="Title" /></title>
    <meta HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=<cms:property name="content-encoding" default="UTF-8" />" />
    <link rel="stylesheet" type= "text/css" href="<cms:link>../resources/myStyle.css</cms:link>" />
      <cms:editable />
    </head>
    <body>
    <h2>第一个简单模板的head</h2>
    </cms:template>
    <cms:template element="body">
    <cms:include element= "body" editable="true" />
    </cms:template>
    <cms:template element="foot">
    <h2>第一个简单模板的foot</h2>
    </body>
    </html>
    </cms:template>

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

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

    <%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
    <cms:template element="head">
    <html>
    <head>
    <title>
    <cms:property name="Title" /></title>
    <meta HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=<cms:property name="content-encoding" default="UTF-8" />" />
    <link rel="stylesheet" type= "text/css" href="<cms:link>../resources/myStyle.css</cms:link>" />
      <cms:editable />
    </head>
    <body>
    <h2>第一个简单模板的head</h2>
    </cms:template>
    <cms:template element="body">
        <h2>这是第一个页面元素</h2>
    <cms:include element= "body" editable="true" />
       <cms:template ifexists="body2">
      <h2>这是第二个页面元素</h2>
      <cms:include element="body2" editable= "true"/>
      </cms:template>

    </cms:template>
    <cms:template element="foot">
    <h2>第一个简单模板的foot</h2>
    </body>
    </html>
    </cms:template>

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

      用此模板生成页面,浏览效果如下,可以看到,已经包含有两个可编辑元素了。

      至此,我们已经知道了如何创建含有多个可编辑元素的模板,我们可以把它灵活的应用到项目中,这种“直接编辑”的方式,不仅操作起来直观、简便,相信我们的客户也会非常喜欢它。
      (谢谢关注OpenCms——中文资源第一博客,欢迎与作者直接交流,共同进步。MSN:qianxuncms@hotmail.com,QQ:9165456)

    发表于 @ 2007年04月27日 01:06:00|评论(loading...)|编辑

    新一篇: OpenCms 7.0 RC 1 发布 | 旧一篇: OpenCms中的“同步”功能

    评论

    #rigger21 发表于2007-04-27 09:57:22  IP: 61.48.222.*
    这个代码必须要放在tomcat下进行执行吗, 我想把它放在EditPlus下能直接执行吗?我这里不能~
    #王毅 发表于2007-04-30 17:37:35  IP: 211.167.51.*
    五一快乐!
    2007-05-05 08:19:55作者回复
    同乐……谢谢:)
    发表评论  


    登录
    Csdn Blog version 3.1a
    Copyright © 袁海明