Lib.js 做什么用的

JavaScript012

Lib.js 做什么用的,第1张

Lib.JS 是一个由一组JavaScript库组成的框架。

用途:

能够帮助开发人员将HTML5 Web应用程序组件集成至主项目中,而不需要编写任何JavaScript。

构成:

LibJS由几个JavaScript库组成,构成了基本的框架。

在这些库中包括:

ClassJS, 一个快速的class实现

MaskJS, 用于编写你的视图

IncludeJS,是一个资源加载器。

IncludeJS.Builder 是一个用于构建项目的Node.js工具

CompoJS是一个MVC库RuqqJS是一个帮助类库。

<SCRIPT src="js/jquery-1.2.6.pack.js" type=text/javascript></SCRIPT>

加上

<script type="text/javascript">var $$ = $.noConflict()</script>

然后在base.js,lib.js和163css.js中原来用$都改为$$,试一试

目前,web页面嵌入Qt框架方式:

Qt:系统、一级、二级菜单框架;底部消息栏。

Web:三级菜单子页面。

开发方式:在web环境下开发完成后,将单独页面嵌入到qt中,html、js等文件都作为资源加入到qt工程中。

1、html页面中引入webchannel库:

<script src="../../../../lib/qwebchannel.js"></script>

<script src="../../../../js/component/webchannel.js"></script>

其中,webchannel.js中,初始化了qt与web之间的通道,并定义qt与web之间的消息类型和内容。消息类型对应各个页面具体功能。新加的页面消息需要在该文件中添加。

2、Qt中相应子页面中加入web页面路径:

例如 epvl模型研判页面 JudgePool.qml:

以上步骤完成,就可以在Qt中看到web页面了。接下来需要注意的事项:

3、每个web页面下的初始化函数都必须在qt侧调用,因为初始化用到的一些如userinfo等信息需要Qt侧传入。并且在web页面初始化完成后调用。

(1)web页面中,加入页面初始化完成信号。

(2)Qt页面中,加入消息接收,并发送到web页面初始化消息。

(3)在webchannel.js中,加入web页面初始化函数。

4、遇到的问题:

(1)html中引入的js,如placecode.js等,都有初始化函数,凡是涉及到userinfo的都需要在qt侧调用。

(2)web中对文件名称大小写不区分,在Qt中严格区分。

(3)父页面弹窗中是一个iframe的情况,iframe初始化问题解决方法:

iframe的路径不能在父页面静态加载,这样会导致iframe的js先于父页面的js加载,正常逻辑应该父页面的js先加载

需要在父页面定义一个方法来触发iframe的初始化方法

(4)页面跳转之后,需要调用跳转目的界面方法的问题:

1.web端js需要发出跳转信号

举例:案事件库的案件详情界面中跳转至【案件比对】(case_lib.js)

2.qt端qml接收跳转信号,调用CommonFun.jumpSystemPage方法,再向web端发信号调用目的界面的方法

注意: 目的界面有可能是初次打开,需要等目的界面初始化完成才能发调用web端方法(CaseLib.qml)

3.qt端目的界面需要定义初始化完成的信号,便于其他qt界面知道界面初始化完成:

(<u>compare_case.js</u>)

(<u>CompareCase.qm</u>l)