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

来源：互联网发布：淘宝老粗布床单好不好编辑：程序博客网时间：2024/06/05 22:31

　　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/723174">C#语言基础常见问题汇总</a></li> <li class="list-group-item "><a href="/article/723175">微软MVP2006.4.27北京聚会</a></li> <li class="list-group-item "><a href="/article/723176">OpenCms JSP 模板开发——创建一个“完全的”JSP模板</a></li> <li class="list-group-item "><a href="/article/723177">OpenCms中内容的管理</a></li> <li class="list-group-item "><a href="/article/723178">OpenCms创建网站过程图解——献给OpenCms的初学者们</a></li> <li class="list-group-item "><a href="/article/723179">OpenCms JSP 模板开发——创建一个简单的JSP模板</a></li> <li class="list-group-item "><a href="/article/723180">99年毕业设计获优的程序－图书管理程序</a></li> <li class="list-group-item "><a href="/article/723181">OpenCms模块创建图解</a></li> <li class="list-group-item "><a href="/article/723182">《电子商务案例分析》读后结</a></li> <li class="list-group-item "><a href="/article/723183">OpenCms7.0Beta1与OpenCms6.2.3功能变化比较图——用户管理（ Account Management ）</a></li> <li class="list-group-item "><a href="/article/723184">OpenCms6.0书籍——《Managing.And.Customizing.OpenCMS.6.Websites》</a></li> <li class="list-group-item "><a href="/article/723185">JUnit 4教程入门</a></li> <li class="list-group-item "><a href="/article/723186">一个控件几行代码实现换肤（可支持菜单）</a></li> <li class="list-group-item "><a href="/article/723187">OpenCms7.0Beta1与OpenCms6.2.3功能变化比较图——发布（publish）</a></li> </ul> </div> </div> <div class="col-md-3 "> <div class="list-group blogblock"> <div class="media list-group-item"> <a href="/blog/40177" class="media-left col-xs-4"><img src="/upload/newsimg/5033.jpg" alt="淘宝老粗布床单好不好" class="img-circle"></a> <a href="/blog/40177" 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/256776" class="media-left col-xs-4"><img src="/upload/newsimg/4768.jpg" alt="ubuntu tmp目录" class="img-circle"></a><a href="/blog/256776" class="media-body"><strong>ubuntu tmp目录</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256777" class="media-left col-xs-4"><img src="/upload/newsimg/4769.jpg" alt="慢放软件" class="img-circle"></a><a href="/blog/256777" class="media-body"><strong>慢放软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256778" class="media-body"><strong>淘宝网樱熊店</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256779" class="media-body"><strong>sql备份表</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256780" class="media-body"><strong>finalcaption字幕软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256781" class="media-body"><strong>淘宝搜什么有福利</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256782" class="media-body"><strong>猩猩助手mac版</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256783" class="media-body"><strong>人工智能ppt英文图表</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256784" class="media-body"><strong>哪里买淘宝店铺安全</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256785" class="media-body"><strong>ubuntu 命令行上下</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256786" class="media-body"><strong>建筑工程设计优化课件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256787" class="media-body"><strong>sql中的not exists</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256788" class="media-body"><strong>数据分析师考试试题</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256789" class="media-body"><strong>js 删除表格一行数据</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256790" class="media-body"><strong>易顺佳采购软件</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256791" class="media-body"><strong>淘宝网购鞋柜</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256792" class="media-body"><strong>淘宝首页在线客服</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256793" class="media-body"><strong>淘宝大学认证考试</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256794" class="media-body"><strong>js bigdecimal用法</strong></a> </div> <div class="media list-group-item"> <a href="/blog/256795" class="media-body"><strong>淘宝如何企业开店</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/1038739/1">宝宝两周岁叛逆怎么办</a> <a class="list-group-item" href="/focus/show/1038740/1">孩子不讲究卫生怎么办</a> <a class="list-group-item" href="/focus/show/1038741/1">孩子屡次犯错了怎么办</a> <a class="list-group-item" href="/focus/show/1038742/1">6岁宝宝不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038743/1">2岁宝宝打人怎么办</a> <a class="list-group-item" href="/focus/show/1038744/1">四岁宝宝顶嘴怎么办</a> <a class="list-group-item" href="/focus/show/1038745/1">猫咪咬人不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038746/1">猫咪剪指甲不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038747/1">孩子不听话怎么办?无须打骂</a> <a class="list-group-item" href="/focus/show/1038748/1">儿子脾气倔强不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038749/1">20岁儿子不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038750/1">儿子24岁不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038751/1">不听建议的孩子怎么办</a> <a class="list-group-item" href="/focus/show/1038752/1">孩子不知道感恩怎么办</a> <a class="list-group-item" href="/focus/show/1038753/1">两个月孩子哭闹怎么办</a> <a class="list-group-item" href="/focus/show/1038754/1">测试出怀孕不要怎么办</a> <a class="list-group-item" href="/focus/show/1038755/1">苹果禁止下载app怎么办</a> <a class="list-group-item" href="/focus/show/1038756/1">高三孩子不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038757/1">如果着火了该怎么办</a> <a class="list-group-item" href="/focus/show/1038758/1">电脑着火了该怎么办</a> <a class="list-group-item" href="/focus/show/1038759/1">如果家中着火该怎么办</a> <a class="list-group-item" href="/focus/show/1038760/1">人身体着火该怎么办</a> <a class="list-group-item" href="/focus/show/1038761/1">如果身上着火该怎么办</a> <a class="list-group-item" href="/focus/show/1038762/1">小孩无缘无故哭不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038763/1">婴儿把尿不尿怎么办</a> <a class="list-group-item" href="/focus/show/1038764/1">孩子哭不睡觉怎么办</a> <a class="list-group-item" href="/focus/show/1038765/1">宝宝三岁不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038766/1">我的娃娃不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038767/1">10岁娃娃不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038768/1">四岁宝宝叛逆怎么办</a> <a class="list-group-item" href="/focus/show/1038769/1">4岁宝宝叛逆怎么办</a> <a class="list-group-item" href="/focus/show/1038770/1">孩子不听父母话怎么办</a> <a class="list-group-item" href="/focus/show/1038771/1">讲不听的人怎么办</a> <a class="list-group-item" href="/focus/show/1038772/1">孩子太调皮不听话怎么办</a> <a class="list-group-item" href="/focus/show/1038773/1">孩子太不听话该怎么办</a> <a class="list-group-item" href="/focus/show/1038774/1">孩子太不听话了怎么办</a> <a class="list-group-item" href="/focus/show/1038775/1">学驾照心理紧张怎么办</a> <a class="list-group-item" href="/focus/show/1038776/1">害怕别人的目光怎么办</a> <a class="list-group-item" href="/focus/show/1038777/1">考车紧张激动怎么办</a> <a class="list-group-item" href="/focus/show/1038778/1">量血压总是紧张怎么办</a> <a class="list-group-item" href="/focus/show/1038779/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>