OpenCms JSP 模板开发——创建一个简单的JSP模板
这个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模板开发的介绍……
转自：http://blog.csdn.net/qianxuncms/article/details/1557085
.embody { padding: 10px 10px 10px; margin: 0 -20px; border-bottom: solid 1px #ededed }
.embody_b { margin: 0; padding: 10px 0 }
.embody .embody_t,.embody .embody_c { display: inline-block; margin-right: 10px }
.embody_t { font-size: 12px; color: #999 }
.embody_c { font-size: 12px }
.embody_c img,.embody_c em { display: inline-block; vertical-align: middle }
.embody_c img { width: 30px; height: 30px }
.embody_c em { margin: 0 20px 0 10px; color: #333; font-style: normal }
OpenCms JSP 模板开发——创建一个简单的JSP模板的更多相关文章
- JSP学习1---创建一个简单的jsp程序
一.新建一个“Dynamic Web Project”动态Web项目 1.1输入项目名称 Project1,在Dynamic Web module version(动态Web模块版本),选择3.0(注 ...
- Unity 2D游戏开发高速入门第1章创建一个简单的2D游戏
Unity 2D游戏开发高速入门第1章创建一个简单的2D游戏 即使是如今,非常多初学游戏开发的同学.在谈到Unity的时候.依旧会觉得Unity仅仅能用于制作3D游戏的. 实际上.Unity在2013 ...
- Windows 8.1 应用再出发 (WinJS) - 创建一个简单项目
前面几篇我们介绍了如何利用 C# + XAML 完成Windows Store App 功能的实现,接下来的几篇我们来看看如何利用 Html + WinJS 来完成这些功能. 本篇我们使用WinJS ...
- 开发部署一个简单的Servlet
Servlet是一个执行在服务器端的Java Class文件,载入前必须先将Servlet程序代码编译成.class文件,然后将此class文件放在servlet Engline路径下.Servlet ...
- Symfony2之创建一个简单的web应用
Symfony2——创建bundle bundle就像插件或者一个功能齐全的应用,我们在应用层上开发的应用的所有代码,包括:PHP文件.配置文件.图片.css文件.js文件等都会包含在bu ...
- 使用ssm（spring+springMVC+mybatis）创建一个简单的查询实例（三）（错误整理篇）
使用ssm(spring+springMVC+mybatis)创建一个简单的查询实例(一) 使用ssm(spring+springMVC+mybatis)创建一个简单的查询实例(二) 以上两篇已经把流 ...
- 使用ssm（spring+springMVC+mybatis）创建一个简单的查询实例（一）
梳理下使用spring+springMVC+mybatis 整合后的一个简单实例:输入用户的 ID,之后显示用户的信息(此次由于篇幅问题,会分几次进行说明,此次是工程的创建,逆向生成文件以及这个简单查 ...
- 利用HTML5与jQuery技术创建一个简单的自动表单完成
来源:GBin1.com 在线演示 在线下载 谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项.然而今天我要寻找一个替代的解决方案.由DevBridge开发的j ...
- Symfony2之创建一个简单的web应用 Symfony2——创建bundle
bundle就像插件或者一个功能齐全的应用,我们在应用层上开发的应用的所有代码,包括:PHP文件.配置文件.图片.css文件.js文件等都会包含在bunde系统中. 可以通过两种方法 ...
随机推荐
- ActiveMQ结合WebScoket应用例子以及介绍
一.ActiveMQ的介绍? 1.JMS基础概念 JMS(java Message Service) 即使java消息服务,它提供标准的产生.发送.接收的接口简化企业应用开发,它支持两种消息通信模型: ...
- Phpcms整理
一.先去官网下载一个pc(http://www.phpcms.cn/)进行安装 把下载的pc包放在服务器www目录下: 在地址栏访问localhost/project/install/install. ...
- 用caffe一步一步实现人脸检测
学习深度学习已有一段时间了,总想着拿它做点什么,今天终于完成了一个基于caffe的人脸检测,这篇博文将告诉你怎样通过caffe一步步实现人脸检测.本文主要参考唐宇迪老师的教程,在这里感谢老师的辛勤付出 ...
- win10 设置默认输入法为英文，ctrl +shift切换中文
控制面板-更改输入法,这个界面出现的是电脑现在安装的语言,每个语言中可能有多个输入法,比如我的有微软的和qq的,谁在上谁就是系统的默认语言(本人当然是中文在上),英文中有美式键盘. 如果想要电脑启动的 ...
- 关于MUI集成微信分享遇到的坑
今天聊一下MUI这个框架吧! 首先,用这个框架也有很长一段时间了,项目不同,涉及到的功能也有不同,之前没有涉及到微信分享相关的内容!今天,遇到了,也解决了,分享出来. 下面是手顺: 1.分享的代码是参 ...
- (转)递归算法的时间复杂度终结篇与Master method
开篇前言:为什么写这篇文章?笔者目前在学习各种各样的算法,在这个过程中,频繁地碰到到递归思想和分治思想,惊讶于这两种的思想的伟大与奇妙的同时,经常要面对的一个问题就是,对于一个给定的递归算法或者用分治 ...
- HDU 6034---Balala Power!（搜索+贪心）
题目链接 Problem Description Talented Mr.Tang has n strings consisting of only lower case characters. He ...
- ABP 框架webapi设置跨域
1.在.WebApi项目中使用 NuGet Install-Package Microsoft.AspNet.WebApi.Cors 2.在xxxWebApiModule类中添加如下代码 publi ...
- JSP制作简单登陆
JSP制作简单登陆界面 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 需要建立的几个文 ...
- 【nodejs之我的开源module】 使用express搭建web服务器，代码即文档的实现。
前言 都说nodejs适合制作restful_API,因为它有异步处理能力,能吞吐更多的请求,这一点是大家都认可的.前不久我使用nodejs+express+postgresql搭建了一个restfu ...