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创建网站过程图解——献给OpenCms的初学者们 | 旧一篇: OpenCms模块创建图解

      OpenCms中的JSP模板就是一个普通的JSP页面,在特定的位置使用标签来包含内容,在这个的例子中,我们将要开发一个简单JSP模板,这个模板只是在内容(如<html>、<body>)周围添加了一些标记。
      这个JSP模板位于模块下的templates子文件夹下,如/system/modules/org.opencms.test/templates/下,如图:

      模板文件内容如下:

    <%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
    <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>" />
    </head>
    <body>
    <h2>第一个简单模板的head</h2>
    <cms:include element= "body"/>
    <h2>第一个简单模板的foot</h2>
    </body>
    </html>

      在使用OpenCms标签前一定要如下声明标签: <%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>,关于标签的详细说明,我前面有几篇文章已经作了介绍OpenCms JSP标签详解——cms:label标签OpenCms JSP标签详解——cms:link标签 OpenCms JSP标签详解——cms:property标签OpenCms JSP标签详解——cms:user标签 cms:img标签用法说明

      请注意:JSP模板存放的位置是在模块下的“templates”子文件夹中,只有这样做,在创建页面时模板才会出现在模板选择列表中,如下图,通过这个模板创建页面,类型选择页面:

     

      输入文件名称,再选择模板“一个简单的JSP模板”,此处显示的模板名称就是JSP模板Title属性的内容:

      页面创建完成后,选择编辑页面,如下图:

      在这里例子中,页面的标题是从OpenCms页面的“title”属性读取的,并且置于HTML的<title>标签中,页面的编码方式也是类似的定义方式。
      样式表必须放置于<cms:link>标签中,在JSP模板中,模式表的路径应该是相对于模板路径的一个相对路径,在模块下创建一个resources的子文件夹用来存放属于与模板相关的样式表和图片等资源,当然,这么做是不是必须的,但它的确是一个不错的习惯。
      注意:你可以在编辑器中使用css样式表,通过设置模板的“template”属性来实现,这个值一定要是样式表的一个全路径,这样做,在编辑页面时,编辑器会调用此css样式,这样,就与浏览页面时看到的样式一致了。
      这个例子中最重要的一行就是“<cms:include element="body"> ”标签,它包含一个可编辑的页面元素。

       编辑页面,也就是编辑页面中的“body”元素,因为JSP模板指定了css,所以此处输入的内容按css样式显示:

      最后浏览此文件,如下图:

      这样,就完成了一个简单JSP模板的创建过程,后面将会继续JSP模板开发的介绍……

     

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

    新一篇: OpenCms创建网站过程图解——献给OpenCms的初学者们 | 旧一篇: OpenCms模块创建图解

    评论

    #阿赛 发表于2007-08-07 11:14:25  IP: 58.45.148.*
    我照做了~ 但是没有出来这个效果~
    模版搞定了~ 但是后来编辑的内容却显示不出来?不知道是什么原因!?
    #999 发表于2008-04-27 10:20:31  IP: 58.34.105.*
    resources下的CSS和图片是不是要从本地上传上去的?
    #liufeng45gh 发表于2008-05-10 15:21:32  IP: 221.218.216.*
    看不懂
    #collate5 发表于2008-09-06 21:43:14  IP: 124.64.113.*
    有点费解
    #collate5 发表于2008-09-06 22:02:37  IP: 124.64.113.*
    弄出来了
    发表评论  


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