maen开发使用指南.doc

LUIMAVEN开发指南
(内部资料)
2012-11-06
文档修改记录表
版本
日期
说明
编写者
审核者

2012-11-06
文档初建
张广智

?
LUIMAVEN概述
LUIMAVEN是公司自主研发的Web应用前端技术框架,及基于网页/浏览器的用户交互界面的总称。 LUIMAVEN提供了一系列具有规范性和易用性的组件和工具,为交易型系统和管理型系统的前端开发提供了方便。在整个系统层次中,LUIMAVEN主要负责对数据展示层的处理,快捷、美观、规范、实用地为展示层开发提供api支持。
数据展示层
用户界面
DOM
CSS3
HTML5
L
U
I
ActiveXObject
JQUERY
数据展示工具箱,框架主体部分
IFAME
JAVASCRIPT
第三方库
Flash
第三方插件
DOM
JSON/XML
AJAX
应用逻辑层和数据存储层
DATABASE
SERVICEe
LIFECORE

如上图所示,LUIMAVEN为展示层提供强大的API支撑,让经过应用逻辑层处理的数据(JSON、XML) 在他的帮助下,快捷、标准、规范、合理的显示在用户界面。
LUIMAVEN 的特性

LUIMAVEN符合ECMA-262(ECMAScript的规范)、对象模型标准、结构化标准等W3C标准。

LUIMAVEN兼容各主流浏览器,如IE各版本、Opera、FireMozilla Firefox等浏览器。

LUIMAVEN为底层库文件和对外开发文件提供了强扩展性,开发人员可以根据项目需求进行合理扩展.

LUIMAVEN封装了大量实用、易用的工具包供开发人员使用,大大缩短了开发人员的开发周期。

LUIMAVEN的框架结构
LUIMAVEN是基于javascript和css依赖Jquery及其他第三方库开发而来的展示层框架。由底层技术框架、LUIMAVEN核心代码包、API及客户定制层、和项目开发层组成。如下图所示:
底层技术构架
Jquery是LUIMAVEN使用最多的底层技术,除此之外LUIMAVEN 还对Dom中的方法进行了部分封装。对于Jquery的基本函数也是开发人员需要了解的。
LUIMAVEN核心代码包
LUIMAVEN的核心代码包是LUIMAVEN的精髓,它对第三方库中的方法进行组合、创建一系列具有业务逻辑意义的对象单元、构造一系列实用的方法为API和客户定制层提供强有力的支撑。
API及客户定制层
API及客户定制层更接近现实的需求,是由LUIMAVEN核心代码包抽象组合而来的对外的对象及方法的合集。
API,策马扬鞭驰骋疆场,维我独尊
,千里马常有而伯乐不常有
封装的LUI核心代码包,就是你们立下了悍马功劳

项目开发人员对逻辑处理层返回的数据,按照业务要求进行功能展示。
LUIMAVEN的文件结构


开发人员在使用LUIMAVEN进行开发之前需要了解几个原则:
一个HTML文件对应一个业务JS文件,这两个文件应放在同一文件夹下。HTML对应业务JS文件的命名原则为 HTML文件名+.js ,
Response文件夹下是虚拟报文,有json和xml两种格式。前端开发时,需要和后台建立接口文档,并严格按照接口文档中的格式进行虚拟报文的编写。
LUIMAVEN的文件组织结构原则上不允许修改。
LUIMAVEN的底层代码原则上项目组不允许随意更改,如有特殊需求,必须更改,请将更改前的文件进行备份,并做好修改记录,通知产品和相关项目组。

按照文件结构在WebContent或WebRoot目录下建立相应文件。
将LUIMAVEN类库导入到WebContent/script/LUIMAVEN目录下(LUIMAVEN依赖Jquery和Jquery UI,-ui-)
引入LUIMAVEN对应的css文件。 , ,lui