基于portal技术的网站群开发.ppt

Page ? * 基于portal技术 网站群建设技术方案说明 xxx公司 DHC PORTAL业务逻辑图 胡俊杰 2009-10-11 DHC PORTAL 开发流程 工程 　 任务项 子任务项 二级网站建设 1 美工任务安排 　 2 美工设计 　 3 美工设计确认 　 4 根据美工设计切图 HMTL 　 6 栏目内容展现形式确认 看对应院系原网站设置 整体原院系网站设置 开发人员确认内容展现形式 具体技术实现对应人沟通 7 网站开发 站点建立 主题开发 布局开发 页面开发 权限管理 内容管理 8 结束开发找负责人沟通确认 　 9 客户演示 待定 10 测试 　 11 数据录入 数据库移植 静态数据录入 12 上线 　 DHC PORTAL开发介绍 实例添加 主题开发 布局开发 页面开发 权限管理 内容管理 主题开发—实例添加 准备工作 (1).Ant (2).DHC PORTAL应用程序:DHC-portal-5.2.2 (3).DHC PORTAL主题开发包(SDK):liferay-plugins-sdk-5.2.2 (4).修改sdk中的ant属性文件build.properties. 主题开发--创建主题 主题开发--创建主题 2.默认主题文件目录 ROOT\html\themes\classic. 3.目录下文件夹说明 Templets: 前台页面文件的结构在portal_normal.vm中定义.我们可以根据实际需要修改此文件. Portlet.vm定义portlet组件的结构. Navigation.vm定义导航菜单的结构. 以上vm文件的结构的定义遵守html元素定义规范. 主题开发--创建主题 Css: 包含一堆css文件,其中main.css为主文件.custom.css 为自定义的文件.余下的文件为默认文件,不需要修改. 因为custom.css只在服务器启动时加载,所以在开发过程中并不能看到修改custom.css后的效果. 而main.css在每次页面刷新时都加载,建议将custom.css中的内容拷贝到main.css中.这样,开发时修改main.css即可.css文件中的样式名称参考定义参考templets文件夹中的vm文件. Images: 图片文件. Javascript: js脚本文件. 4.修改文件完成以后,刷新页面. 主题开发--打包主题 从控制台进入SDK的themes目录, 运行命令: create.bat Example Example. 即在themes下创建一个Example-theme文件夹. 从控制台进入此主题文件夹目录,运行ant即生成主题文件. 主题开发主题插件发布 主题开发--打包主题 生成的文件结构如图: 2.将先前修改的主题文件拷贝至此目录. 3.将目录打成war包.完成主题创建. 布局开发--创建布局 布局文件目录:ROOT/layouttpl/custom. 在此目录下创建布局文件: example.png (缩略图) example.tpl (常规布局文件) example.wap.tpl.(手机布局文件) 布局开发--创建布局 3.常规布局文件结构示例(example.tpl)： div class=columns-1-2-1 id=content-wrapper table class=lfr-grid id=layout-grid tr td class=lfr-column id=column-1 valign=top $processor.processColumn(column-1) /td /tr tr id=column-center td class=lfr-column id=column-2 valign=top $processor.processColumn(column-2) /td /tr /table /div 注意:文件结构遵守html规范.$processor.processColumn(id)中的id不能重复. 布局开发--创建布局 4.手机布局文件结构示例: table tr td $processor.processColumn(column-1) /td /tr tr td $processor.processColumn(column-