LiferayCMS系统培训.ppt

Liferay CMS系统培训提纲 Copyright 2000-2006 Liferay, Inc. All Rights Reserved. No material may be reproduced electronically or in print without written permission from Liferay, Inc. 什么是CMS CMS即Content Management System的缩 写,意为“内容管理系统”。 CMS的特点 l CMS具有许多基于模板的优秀设计，可以加快网 站开发的速度和减少开发的成本。 l CMS的功能并不只限于文本处理，它也可以处理 图片、Flash动画、声像流、图像甚至电子邮件档 案。 l CMS其实是一个很广泛的称呼，从一般的博客程 序，新闻发布程序，到综合性的网站管理程序都 可以被称为内容管理系统。 l CMS的目的：网站内容的快速更新和部署。 Liferay CMS Liferay CMS是CMS在Liferay中的一种解决方案，主 要是由一组相关的Portlet来实现的。Portlet是运行在 Portal（门户）上的WEB组件。一个WEB页面可以由任意 个Portlet组成，同时将其设计为组件的目的是为了保持高 的重用性，因此一个Portlet可以在多个WEB页面上使用。 类似于EAI（企业应用集成），从MVC的角度上来看， EAI主要是业务逻辑层的企业应用集成，而Portal则主要是 表现层上的集成。 理解实例与站点之间的关系 l 在Liferay中实例Instance;站点Group。 l Instance我们可以理解为现实生活中的家庭,而Group就是家庭里的 一个个成员。 从以上我们不难看出，两个Instance之间是没有任何交集的 Liferay是支持多个实例，同样一个实例也是支持多个站点的 Instance1 roup1 roup3 roup2 roup4 Instance2 roup1 roup3 roup2 roup4 如何分析用户的需求来订制实例与站点 明白了实例与站点的关系,现在让我们来订制一个符合用户要 求的站点,订制站点之前我们要先对用户的需求来进行一个分 析? 是否存在多站点?用户域名的要求?多站点之间的关系?用户权 限的管理?这些都会影响实例的配置.如: 站点A: 站点B: 站点C: 管理员A 管理员B 管理员C 站点之间没有任何关系,建 立三个实例A,B,C分别对 应三个站点 站点A:/a 站点B:/b 站点C:/c 管理员A 站点之间有权限交叉,并且 域名相同,一个实例包含三 个站点 实例的创建与配置 启动Liferay,输入URL:http:/localhost:8082/c/portal/login, 用户名:,密码:test,登陆Liferay后台,增加内 容 管理 实例标签 增加。 web Id 实例唯一标识 Virtual Host 虚拟主机名 Mail Domain 邮件域名 Web server 服务器下tomcat- 6.0.16webappsROOTWEB-INFclasses增加portal- perties文件,编辑内容company.default.web.id= 新增实例web Id 重启Web server 服务器 重复以上步骤可新建多个实例(必须在 company.default.web.id实例下才能其它的实例进行管 理) 站点的创建与配置 启动Liferay,输入 URL:http:/localhost:8082/c/portal/login,用户名 :,密码:test,登陆Liferay后台,增加 内容 社群 公共 增加。 名字 新站点的名字 描述 对新站点的描述 重复以上步骤可新建多个实例(必须在 company.default.web.id实例下才能其它的实例 进行管理) 新增实例会自动新增一个名为Guest的站点,此站点为主 站点,不可以修改,也无须修改. 对设计稿的分析 对已经确认的设计稿进行分析归类. 在每张设计稿的页头和页尾都会出现的相同的东西我们把他列 为页头和页脚,这个需要在文件中来实现. 分析出设计稿中一共出现了多少种布局和风格. 下图有助你对设计稿的分析. 页头 正文 内容1 内容2 内容3 内容4 页脚 页头 内容1 内容2 内容3 内容4 页脚 页头 内容1 内容2 内容3 内容4 页脚 页头 内容1 内容2 内容3 页脚 Page1Page2Page3Page4 分析结果:上图共使用了三种不同的布局,三种不同的风格: 布局1:Page1,Page3;布局2:Page2;布局3:Page4 风格1:Page1,Page2;风格2:Page3;风格3:Page4 布局的新增 Web server 服务器下tomcat-6.0.16webappsROOTlayouttplcustom下新建1-3-1.tpl文件和1-3- 1.wap.tpl文件1-3-1.png文件,三个文件名要相同 ,命名方式请参照已有布局命名方式,这里我们新增一个1- 3-1的布局. 1-3-1.tpl文件编辑内容如下: $cessColumn(“column-1“) $cessColumn(“column-2“) $cessColumn(“column- 3“) $cessColumn(“column- 4“) $cessColumn(“column-5“) 布局的新增 1-3-1.tpl文件编辑内容如下: $cessColumn(“column-1“) $cessColumn(“column-2“) $cessColumn(“column- 3“) $cessColumn(“column- 4“) $cessColumn(“column-5“) 布局的新增 Web server 服务器下tomcat- 6.0.16webappsROOTWEB-INFliferay-layout- templates.xml文件元素间增加 如下代码: /layouttpl/custom/ 1-3- 1.tpl /layouttpl/custom/ 1-3- 1.wap.tpl /layouttpl/custom/ 1-3- 1.png 布局的新增 在新增布局的过程中唯一要注意的地方就是要保证 .tpl文件中每一个元素ID的唯一性,这里的唯一性是指 所有布局文件.tpl.这是因为一个风格会调用多个布局, 他们是一对多的关系,如果有两个元素ID一样,就会造 成风格样式上的错误,这在后面的课程中还会强调;.tpl 与.wap.tpl文件定义的结构必须一样. 文件代码,稍懂HTML基础即可看懂,在这里就不在讲 解. 风格的新增 Web server 服务器下tomcat-6.0.16 webappsROOThtmlthemes拷贝一个已存在的风格文件夹,改 为你的自定义名,如:test 在webappsROOTWEB-INFliferay-look-and-feel.xml文件 元素间增加如下代码: /html/themes/$theme-id 风格中所有的样式定义均在 webappsROOThtmlthemestestcss下面,在视频课件中我们 会对主要的文件进行讲解. 页头页脚的实现 页头页脚在每一个页面都是会出现的而且是不变的,如果用CMS来实施的话,显 然是比较麻烦的,我们可以在风格文件夹中直接修改文件来实现. webappsROOThtmlthemestesttemplates增加一个head.vm,编辑内容: 主页 | 联络我们 English | 简体中文 | 日本语 这是一个简单显示页头,至于带有功能实现的,我们在这里就不做讨论. 打开portal_normal.vm文件,将#parse (“$full_templates_path/head.vm”)加到元素 下面第一行即可. 页脚同理即可实现. 理解结构与模板 结构就是一块块积木,有圆的也有方的,模板则是积木搭建的方式,通过不同的模 板我们可以搭建出汽车,房子,飞机. 在liferay5.0中结构一共有十种类型,文本,文本框,布尔,图像,列表等,模板根据这些元素做一 些逻辑处理,并且按不同的样式显示出来. 模板的语言是velocity,这不在此次课程之内,我们可以把他简单的理解为HTML,如: $general-header.getData() #if ($footer.getData() != “) $footer.getData() #else   #end 上面$,#开始的代码就是velocity语言,这里只是做了一个简单 的判断. 结构与模板可以批量实施CMS内容,并且修改方便,但是我并不提倡使用模板,因 为灵活与方便是一把双刃剑,在实际 操作中我们的实施人员并不是都很了解模 板,并且人员之间沟通问题 ,所以经常给我们造成一些不可控的麻烦. 新增结构与模板 启动Liferay,输入URL:http:/localhost:8082/c/portal/login,用户 名:,密码:test,登陆Liferay后台,增加内容 内 容管理 日志 增加 结构标签 增加。 编号 结构唯一标识(建议自动生成编号) 名字 结构名字(注意命名规范) 描述 结构描述(注意命名规范) XML 图解定义 结构元素管理(UI和CODE两种方式) 启动Liferay,输入URL:http:/localhost:8082/c/portal/login,用户 名:,密码:test,登陆Liferay后台,增加内容 内 容管理 日志 增加 模板标签 增加。 编号, 名字 ,描述 同上 结构 先择合适的结构 剧本 编辑 模板语言 CMS实施(一) CMS实施前还有几项工作是要做的. 语言标准 liferay的站点是支持多语言的,先要确定 你所处的站点要支持几个语言标准,如果是一个建议 你在采取默认设置,否则请先设置语言. 设计标准 设计稿切图,内容的拆分都要事先定好, 这样对 快速开发有很大的帮助. 命名标准 CMS内容命名. 文件标准 CMS相关图片应一律存在数据库中. CMS实施(二)