OpenCms JSP 模板开发——创建一个简单的JSP模板

来源：互联网发布：触摸查询软件制作编辑：程序博客网时间：2024/06/05 19:25

　　OpenCms中的JSP模板就是一个普通的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="content-encoding" default="UTF-8" />" />
<link rel="stylesheet" type= "text/css" href="../resources/myStyle.css" />
head>
<body>
<h2>第一个简单模板的headh2>
<cms:include element= "body"/>
<h2>第一个简单模板的footh2>
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的标签中，页面的编码方式也是类似的定义方式。<br />　　样式表必须放置于<cms:link>标签中，在JSP模板中，模式表的路径应该是相对于模板路径的一个相对路径，在模块下创建一个resources的子文件夹用来存放属于与模板相关的样式表和图片等资源，当然，这么做是不是必须的，但它的确是一个不错的习惯。<br />　　<font color="#ff0000">注意：</font>你可以在编辑器中使用css样式表，通过设置模板的“template”属性来实现，这个值一定要是样式表的一个全路径，这样做，在编辑页面时，编辑器会调用此css样式，这样，就与浏览页面时看到的样式一致了。<br />　　这个例子中最重要的一行就是“<font face="Courier New"><cms:include element="body"></font> ”标签，它包含一个可编辑的页面元素。</p><p> 　　编辑页面，也就是编辑页面中的“body”元素，因为JSP模板指定了css，所以此处输入的内容按css样式显示：</p><p><img alt="" src="http://p.blog.csdn.net/images/p_blog_csdn_net/qianxuncms/291572/o_05.png" /> </p><p>　　最后浏览此文件，如下图：</p><p><img alt="" src="http://p.blog.csdn.net/images/p_blog_csdn_net/qianxuncms/291572/o_06.png" /> </p><p>　　这样，就完成了一个简单JSP模板的创建过程，后面将会继续JSP模板开发的介绍……</p><p> </p><br><br><br></div> <ul class="list-group"> <li class="list-group-item "><a href="/article/416350">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/723179">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/746007">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/763767">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/843570">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/6090901">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/418216">OpenCms JSP 模板开发——创建一个“完全的”JSP模板</a></li> <li class="list-group-item "><a href="/article/432197">OpenCms JSP 模板开发——创建一个含有多个可编辑元素的JSP模板</a></li> <li class="list-group-item "><a href="/article/723161">OpenCms JSP 模板开发——创建一个含有多个可编辑元素的JSP模板</a></li> <li class="list-group-item "><a href="/article/723176">OpenCms JSP 模板开发——创建一个“完全的”JSP模板</a></li> <li class="list-group-item "><a href="/article/745993">OpenCms JSP 模板开发——创建一个含有多个可编辑元素的JSP模板</a></li> <li class="list-group-item "><a href="/article/763691">OpenCms JSP 模板开发——创建一个含有多个可编辑元素的JSP模板</a></li> <li class="list-group-item "><a href="/article/763747">OpenCms JSP 模板开发——创建一个“完全的”JSP模板</a></li> <li class="list-group-item "><a href="/article/843557">OpenCms JSP 模板开发——创建一个含有多个可编辑元素的JSP模板</a></li> <li class="list-group-item "><a href="/article/843567">OpenCms JSP 模板开发——创建一个“完全的”JSP模板</a></li> <li class="list-group-item "><a href="/article/395061">OpenCms JSP基础文档——7个简单步骤创建JSP文件</a></li> <li class="list-group-item "><a href="/article/723208">OpenCms JSP基础文档——7个简单步骤创建JSP文件</a></li> <li class="list-group-item "><a href="/article/746026">OpenCms JSP基础文档——7个简单步骤创建JSP文件</a></li> <li class="list-group-item "><a href="/article/843565">OpenCms中FCKEditor保存内容时invalid XML character (Unicode: 0x0)错误解决办法</a></li> <li class="list-group-item "><a href="/article/843566">OpenCms中动态导航的开发</a></li> <li class="list-group-item "><a href="/article/843567">OpenCms JSP 模板开发——创建一个“完全的”JSP模板</a></li> <li class="list-group-item "><a href="/article/843568">OpenCms中内容的管理</a></li> <li class="list-group-item "><a href="/article/843569">OpenCms创建网站过程图解——献给OpenCms的初学者们</a></li> <li class="list-group-item "><a href="/article/843570">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/843571">OpenCms模块创建图解</a></li> <li class="list-group-item "><a href="/article/843572">OpenCms7.0Beta1与OpenCms6.2.3功能变化比较图——用户管理（ Account Management ）</a></li> <li class="list-group-item "><a href="/article/843573">OpenCms6.0书籍——《Managing.And.Customizing.OpenCMS.6.Websites》</a></li> <li class="list-group-item "><a href="/article/843574">OpenCms7.0Beta1与OpenCms6.2.3功能变化比较图——发布（publish）</a></li> <li class="list-group-item "><a href="/article/843575">OpenCms6.0新手上路——属性（Properties）和结构化内容（Structured Content）</a></li> <li class="list-group-item "><a href="/article/843576">OpenCms6.0新手上路——模块（Module），项目（Projects）和站点（Sites）</a></li> <li class="list-group-item "><a href="/article/843577">OpenCms6.0新手上路——工作区介绍</a></li> <li class="list-group-item "><a href="/article/843578">OpenCms6.0新手上路——安装篇</a></li> </ul> </div> </div> <div class="col-md-3 "> <div class="list-group blogblock"> <div class="media list-group-item"> <a href="/blog/46865" class="media-left col-xs-4"><img src="/upload/newsimg/5697.jpg" alt="触摸查询软件制作" class="img-circle"></a> <a href="/blog/46865" class="media-body"><strong>触摸查询软件制作</strong></a> </div> <div class="list-group-item clearfix"><span class="col-xs-4">原创</span><span class="col-xs-4">粉丝</span><span class="col-xs-4">点击</span></div> </div> <div class="list-group index-blogs"> <strong class="list-group-item active">热门IT博客</strong> <div class="media list-group-item"> <a href="/blog/17309" class="media-left col-xs-4"><img src="/upload/newsimg/6261.jpg" alt="plsql执行sql文件乱码" class="img-circle"></a><a href="/blog/17309" class="media-body"><strong>plsql执行sql文件乱码</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17310" class="media-left col-xs-4"><img src="/upload/newsimg/6262.jpg" alt="ubuntu里的dash" class="img-circle"></a><a href="/blog/17310" class="media-body"><strong>ubuntu里的dash</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17311" class="media-body"><strong>cdrx4软件下载绿色</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17312" class="media-body"><strong>vb安装包百度云</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17313" class="media-body"><strong>软件开发基本流程</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17314" class="media-body"><strong>网线正常路由器没网络</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17315" class="media-body"><strong>艾克里里的淘宝店</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17316" class="media-body"><strong>sql 选取最后一条记录</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17317" class="media-body"><strong>校园表白墙源码</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17318" class="media-body"><strong>海量数据待遇</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17319" class="media-body"><strong>淘宝股东是日本人吗</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17320" class="media-body"><strong>安卓语音软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17321" class="media-body"><strong>aws ubuntu 密码</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17322" class="media-body"><strong>怎样降低网络延迟</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17323" class="media-body"><strong>java全栈框架</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17324" class="media-body"><strong>汉仪字体下载 mac版本</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17325" class="media-body"><strong>无主之地2mac中文补丁</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17326" class="media-body"><strong>网络直播的即兴评述</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17327" class="media-body"><strong>查java jdk版本</strong></a> </div> <div class="media list-group-item"> <a href="/blog/17328" class="media-body"><strong>java scanner编码</strong></a> </div> </div> <div class="list-group"> <strong class="list-group-item active">热门问题</strong> <a class="list-group-item" href="/focus/show/2438858/1">老师的惩罚</a> <a class="list-group-item" href="/focus/show/2438857/1">人脸识别</a> <a class="list-group-item" href="/focus/show/2438856/1">我在镇武司摸鱼那些年</a> <a class="list-group-item" href="/focus/show/2438855/1">重生之率土为王</a> <a class="list-group-item" href="/focus/show/2438854/1">我在大康的咸鱼生活</a> <a class="list-group-item" href="/focus/show/2438853/1">盘龙之生命进化</a> <a class="list-group-item" href="/focus/show/2438852/1">天生仙种</a> <a class="list-group-item" href="/focus/show/2438851/1">凡人之先天五行</a> <a class="list-group-item" href="/focus/show/2438850/1">春回大明朝</a> <a class="list-group-item" href="/focus/show/2438849/1">姑娘不必设防，我是瞎子</a> <a class="list-group-item" href="/focus/show/577071/1">墨宝非宝类似</a> <a class="list-group-item" href="/focus/show/577072/1">原来你不爱我墨宝非宝</a> <a class="list-group-item" href="/focus/show/577073/1">名老中医处方墨宝</a> <a class="list-group-item" href="/focus/show/577074/1">一生一世美人骨墨宝非宝</a> <a class="list-group-item" href="/focus/show/577075/1">突然想要地老天荒墨宝非宝</a> <a class="list-group-item" href="/focus/show/577076/1">墨家</a> <a class="list-group-item" href="/focus/show/577077/1">墨家思想</a> <a class="list-group-item" href="/focus/show/577078/1">墨先生家有矿</a> <a class="list-group-item" href="/focus/show/577079/1">我家夫君惹不起墨初舞</a> <a class="list-group-item" href="/focus/show/577080/1">大唐墨家巨子</a> <a class="list-group-item" href="/focus/show/577081/1">墨家代表人物</a> <a class="list-group-item" href="/focus/show/577082/1">墨家巨子</a> <a class="list-group-item" href="/focus/show/577083/1">我家影后超能打霖小墨</a> <a class="list-group-item" href="/focus/show/577084/1">墨家公主桃花多</a> <a class="list-group-item" href="/focus/show/577085/1">墨先生家矿十月风吟</a> <a class="list-group-item" href="/focus/show/577086/1">密婚超甜墨少家萌宝排好队</a> <a class="list-group-item" href="/focus/show/577087/1">墨先生家有矿免费阅读</a> <a class="list-group-item" href="/focus/show/577088/1">为什么现代不提倡墨家</a> <a class="list-group-item" href="/focus/show/577089/1">墨尘</a> <a class="list-group-item" href="/focus/show/577090/1">恋与制作人许墨图片</a> <a class="list-group-item" href="/focus/show/577091/1">恋与制作人许墨为什么黑化</a> <a class="list-group-item" href="/focus/show/577092/1">无尽时空我为皇墨恋残雪</a> <a class="list-group-item" href="/focus/show/577093/1">墨攻</a> <a class="list-group-item" href="/focus/show/577094/1">墨攻2</a> <a class="list-group-item" href="/focus/show/577095/1">墨小白墨遥肉墨遥被攻</a> <a class="list-group-item" href="/focus/show/577096/1">直男攻改造系统浅墨璃殇</a> <a class="list-group-item" href="/focus/show/577097/1">墨子非攻</a> <a class="list-group-item" href="/focus/show/577098/1">墨攻演员表</a> <a class="list-group-item" href="/focus/show/577099/1">墨攻结局</a> <a class="list-group-item" href="/focus/show/577100/1">墨文</a> <a class="list-group-item" href="/focus/show/577101/1">墨文老尸</a> <a class="list-group-item" href="/focus/show/577102/1">墨斗</a> <a class="list-group-item" href="/focus/show/577103/1">墨斗先生</a> <a class="list-group-item" href="/focus/show/577104/1">木工墨斗</a> <a class="list-group-item" href="/focus/show/577105/1">墨斗线</a> <a class="list-group-item" href="/focus/show/577106/1">墨斗图片</a> <a class="list-group-item" href="/focus/show/577107/1">木匠墨斗</a> <a class="list-group-item" href="/focus/show/577108/1">黑过墨斗</a> <a class="list-group-item" href="/focus/show/577109/1">墨斗做法</a> <a class="list-group-item" href="/focus/show/577110/1">墨斗丸</a> <a class="list-group-item" href="/focus/show/577111/1">墨斗线图片</a> </div></div> </div> </div> <div id="footer" class="footer hidden-print bg-primary"> <div class="container"> <div class="hide"></div> <p>程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里</p> </div> </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>