添加新首页及WebPart.doc

第一部分：新首页我来了(准备工作) 1．获取项目资源中的配置文件夹中的 ①.web.xml 覆盖现有项目的 web.xml ②.leap.xml : 1.initEvent 节点添加(values属性中,注意逗号分割)： com.longrise.LEAP.Web.HTML.URLMapUtil , com.longrise.LEAP.Web.HTML.Control.RegistControl 2.LEAP.Base.Web.Resource.jar 加到 Resource 节点的 jar属性中注意逗号分割 3.添加WebResource jar=LEAP.Base.Web.Resource.jar path=../../../LEAP.Base.Web.Resource/，../ / 2)将压缩文件中的login.js index.js放到项目文件夹 中的 JavaScript文件夹 cstarmain.html 放到项目文件夹根目录 LEAP/Web/HTMLTemplate/webui/ 文件夹,并重 命名为项目英文名main.html 形式文件名 logo.gif bg5.gif 放到项目文件夹的images文件夹 3) 修改 login.js 的 19行 var applicationcode = 002001; 为项目的系统代码 95行 window.location.replace(purl+portal/ht=webui//cstarmain.html); cstarmain.html为第二步中重命名的文件index.js 的12行 this.loginHTML = LEAP/CStar/HTML/Login.html; 修改为项目的登录地址32行 this.loadBackgroundImage(leapconfig.server + LEAP/CStar/images/bg5.gif, this.getUT(workarea)); 指向bg5.gif cstarmain.html的18 行 script sc=resource resource.att=src src=LEAP/CStar/JavaScript/Index.js path=LEAP/CStar/JavaScript/Index.js def type=text/javascript/script 指向 index.js 27行 h3img sc=resource resource.att=src src=LEAP/CStar/images/logo.gif 指向logo.gif 4)刷新数据库升级脚本 第二部分：我也要做WebPart. 有了自己的新首页，现在开始制作自己项目的WebPart 准备工作： 先了解什么是WebPart 上图： 图1 图中的1个标记就是一个WebPart WebPart分为Head和Body 2部分。HEAD 不用自己写代码。Body内容为自己扩展 我们说的做WebPart即为控制Body部分的内容。通俗的说就是通过Velocity模板向Body中InnerHTML. 懂？那我们开始开始动手做： 在项目根文件夹下建立LEAP/Web/HTMLTemplate/WebPart文件夹(用来存放WebPart的html文件) 在项目根文件夹下建立LEAP/Web/ Control文件夹(用来存放WebPart的Vm模板文件) 附：图： Vm模板语法指南： /alexwan/archive/2008/06/07/206473.html 最简单的静态HTML 的WebPart 如上面图中的图1中的时钟FLASH，为静态HTML . 最后呈现效果 步骤： 在存放WebPart 的HTML文件夹中添加FlashDamo.html 内容如下： DIV class=bottom sc=template template=WebPart/TemplateFile/FlashTime /DIV 解析：为WebPart的Body中插入一个DIV ，DIV上有3个属性 属性解析： CLASS即CSS样式。 SC ：可选参数：template、”服务器数据控件的name” 当为template 时候说明为纯HTMLWebPart. template:指向的HTML数据地址 图解： FlashTime.html为静态HTML。想怎么写都可以。 亲情提示： 当里面有地址时候需要转换一下。 转换方式： param name=movie sc=resource resource.att=value src=LEAP/CStar/images/ti