- 1、本文档共21页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
添加新首页与WebPart
第一部分:新首页我来了(准备工作)
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/time.swf
在需要转换的地方添加sc=re
文档评论(0)