欢迎来到天天文库
浏览记录
ID:26042253
大小:678.00 KB
页数:35页
时间:2018-11-24
《maen开发使用指南》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、LUIMAVEN开发指南(内部资料)2012-11-06文档修改记录表版本日期说明编写者审核者1.02012-11-06文档初建张广智一.LUIMAVEN是什么?1.1LUIMAVEN概述LUIMAVEN是公司自主研发的Web应用前端技术框架,及基于网页/浏览器的用户交互界面的总称。LUIMAVEN提供了一系列具有规范性和易用性的组件和工具,为交易型系统和管理型系统的前端开发提供了方便。在整个系统层次中,LUIMAVEN主要负责对数据展示层的处理,快捷、美观、规范、实用地为展示层开发提供api支持
2、。数据展示层用户界面DOMCSS3HTML5LUIActiveXObjectJQUERY数据展示工具箱,框架主体部分IFAMEJAVASCRIPT第三方库Flash第三方插件DOMJSON/XMLAJAX应用逻辑层和数据存储层DATABASESERVICEeLIFECORE如上图所示,LUIMAVEN为展示层提供强大的API支撑,让经过应用逻辑层处理的数据(JSON、XML)在他的帮助下,快捷、标准、规范、合理的显示在用户界面。1.2LUIMAVEN的特性1.2.1规范性LUIMAVEN符合ECM
3、A-262(ECMAScript的规范)、对象模型标准、结构化标准等W3C标准。1.2.2兼容性LUIMAVEN兼容各主流浏览器,如IE各版本、Opera、FireMozillaFirefox等浏览器。1.2.3可扩展性LUIMAVEN为底层库文件和对外开发文件提供了强扩展性,开发人员可以根据项目需求进行合理扩展.1.2.4易用性LUIMAVEN封装了大量实用、易用的工具包供开发人员使用,大大缩短了开发人员的开发周期。二.LUIMAVEN的组织结构2.1LUIMAVEN的框架结构LUIMAVEN是
4、基于javascript和css依赖Jquery及其他第三方库开发而来的展示层框架。由底层技术框架、LUIMAVEN核心代码包、API及客户定制层、和项目开发层组成。如下图所示:2.1.1底层技术构架Jquery是LUIMAVEN使用最多的底层技术,除此之外LUIMAVEN还对Dom中的方法进行了部分封装。对于Jquery的基本函数也是开发人员需要了解的。2.1.2LUIMAVEN核心代码包LUIMAVEN的核心代码包是LUIMAVEN的精髓,它对第三方库中的方法进行组合、创建一系列具有业务逻辑意
5、义的对象单元、构造一系列实用的方法为API和客户定制层提供强有力的支撑。2.1.3API及客户定制层API及客户定制层更接近现实的需求,是由LUIMAVEN核心代码包抽象组合而来的对外的对象及方法的合集。API,策马扬鞭驰骋疆场,维我独尊lui.js对LUI的核心代码包的文件进行统一加载,千里马常有而伯乐不常有封装的LUI核心代码包,就是你们立下了悍马功劳2.1.4功能开发层项目开发人员对逻辑处理层返回的数据,按照业务要求进行功能展示。2.2LUIMAVEN的文件结构三.使用LUIMAVEN进行开
6、发3.1总体原则开发人员在使用LUIMAVEN进行开发之前需要了解几个原则:1)一个HTML文件对应一个业务JS文件,这两个文件应放在同一文件夹下。HTML对应业务JS文件的命名原则为HTML文件名+.js,如001001_transfer.htm对应的js应命名为001001_transfer.htm.js2)Response文件夹下是虚拟报文,有json和xml两种格式。前端开发时,需要和后台建立接口文档,并严格按照接口文档中的格式进行虚拟报文的编写。接口文档请参考Life平台接口文档示例.d
7、ocx3)LUIMAVEN的文件组织结构原则上不允许修改。4)LUIMAVEN的底层代码原则上项目组不允许随意更改,如有特殊需求,必须更改,请将更改前的文件进行备份,并做好修改记录,通知产品和相关项目组。3.2前期准备1)按照文件结构在WebContent或WebRoot目录下建立相应文件。2)将LUIMAVEN类库导入到WebContent/script/LUIMAVEN目录下(LUIMAVEN依赖Jquery和JqueryUI,需将jquery1.7.2.js和jquery-ui-1.8.21
8、.custom.js引入到WebContent/script/lib目录下)3)引入LUIMAVEN对应的css文件。reset.css,public.css,luiMAVEN.css为项目必引样式文件(目前luiMAVEN.css还未分离出来,luiMAVEN.css的内容在main.css中,所以目前项目应该引入main.css)3.3开发流程3.3.1编写逻辑处理层组件根据接口文档中的后台返回数据,编写每个功能对应的虚拟报文,为业务页面提供虚拟数据。例如:regularDep
此文档下载收益归作者所有