文档章节

Liferay 6.1开发学习(七):Layout布局模板开发【转】

攻城狮不是猫
 攻城狮不是猫
发布于 2015/07/02 09:14
字数 581
阅读 32
收藏 0

LayoutTPL开发

布局模板是一个tpl文件,本身结构非常简单。基于Liferay IDE可以进行可视化的、拖动的形式进行布局TPL的开发。方法如下 :

1、在Eclipse的工具条上,点击New Liferay Project,在plugin type里面选择Layout,点击finish。则完成了Layouttpl工程的建立。

2、工程里面对于开发有用的文件主要有四个:

*.tpl:这个文件是定义PC访问时布局模板的文件。

*.wap.tpl:定义手机访问时的而已模板文件。

*.png:这个图片是用于显示布局模板的缩略图,方便在选择模板的时候预览此模板的样式。

liferay-layout-templates.xml:此文件位于WEB-INF目录下面,用于定义此布局模板的元数据信息。

3、通常情况下,我们只需要编辑*.tpl文件即可。如下图,为我拖出来的一个TPL文件。

4、可以通过鼠标可视化的形式,添加column()row(行)等,通过控制点来显示列宽的百分比等。

布局模板的发布

主题创建修改完成后,点击ant中的deploy进行发布即可。

其他说明:

layoutTPL的开发非常简单。通过Liferay IDE通够实现快速开发。有一些小技巧

1、可以在一个TPL工程里面建立多个布局模板,只需要在liferay-layout-templates.xml里面对这些文件进行定义描述即可。

2、如果在拖动中不能拖出自己想要的宽度百分比,可以进行source模式,手动的修改这些百分比,为 aui-w24w后面的数值即是百分比。

3、如果不需要进行移动访问,*.wap.tpl的内容可以不用管。

4、建议添加*.png这个缩略多,方便在添加切换的时候预览。

© 著作权归作者所有

攻城狮不是猫
粉丝 3
博文 57
码字总数 86313
作品 0
杭州
程序员
私信 提问
Liferay开发学习Part3:5种开发模式

Liferay共有5种开发模式: portlet(portlet插件):其结构和内容和普通的WEB工程区别不大 portlet-ext(portlet扩展插件):不推荐 layout(布局):可定制布局 theme(主题):主题包,通过此模式提...

派卡琪安
2013/01/25
0
0
Liferay portal(三)新建Portlet

新建Liferay工程的时候会发现可以选择:Portlet模式,Hook模式,Ext模式,Theme模式,Layout模式。分别作用:1.开发自定义的页面 2.开发核心功能 3.开发扩展功能 4.开发主题功能 5.开发布局功...

扬州炒饭
2013/04/28
0
0
Liferay Portal 6.1 CE 发布

Liferay 的新版本旗舰软件产品 Liferay Portal 6.1 CE 今天发布![下载][快速开始] Liferay 的产品团队和开发团队与我们优秀的社区协调一致,历时数月致力于 6.1 的发布,现在终于大功告成。...

红薯
2012/02/24
1K
4
ThinkPHP 学习笔记 (三)View层操作

一、模板变量设置及显示 1、模板变量赋值 $this->assign('name',$value);//或者下面的写法:$this->name = $value; 2、变量输出 $this->display(); 3、页面显示 {$变量名称} <body><p>用 户 ......

bugyang
2013/02/19
0
1
liferay整理(留着备用)

Liferay 6.1开发学习(二十):Dynamic Query高级查询 在上一篇的博客《Liferay 6.1开发学习(十九):Liferay ServiceBuilder之自定义查询》之中介绍了一部分简单的Dynamic Query方法,可以...

IT小香猪
2014/07/17
0
5

没有更多内容

加载失败,请刷新页面

加载更多

Webpack打包优化:使用外链与拆包模式

一、发现问题 这是一个基于 vue-cli 的管理后台项目,由于依赖较多,打包结果如下 二、查找原因 为什么 vendor 体积这么大? 引用的库太多时,vendor的体积会很大,借助 Webpack 的分析工具,...

AI考拉
24分钟前
1
0
MSSQL-最佳实践-Always Encrypted

author: 风移 摘要 在SQL Server安全系列专题月报分享中,往期我们已经陆续分享了:如何使用对称密钥实现SQL Server列加密技术、使用非对称密钥实现SQL Server列加密、使用混合密钥实现SQL S...

阿里云云栖社区
25分钟前
3
0
ES 集群上,业务单点如何优化升级?

摘要: 原创出处 https://www.bysocket.com 「公众号:泥瓦匠BYSocket 」欢迎关注和转载,保留摘要,谢谢! ES 基础 ES 集群 ES 集群上业务优化 一、ES 基础 ES 的安装下载,网上一大片,我这...

泥瓦匠BYSocket
41分钟前
6
0
input accept属性限制文件上传格式

上传文件的类型;具体做法如下所示: 注意:accept属性可以限制上传格式,其有兼容性如下 《1》上传.csv格式的 <input text="file" accept=".csv" /> 《2》上传.xls格式 <input text="file"......

Jack088
48分钟前
2
0
使用scp命令在多个Linux系统间进行文件复制

一,什么是scp scp是linux系统下基于ssh登陆进行安全的远程文件拷贝命令。scp命令可以在linux服务器之间复制文件和目录.scp使用ssh安全协议传输数据,具有和ssh一样的验证机制,从而安全的远...

老孟的Linux私房菜
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部