1、在aardio中,有很多支持web混合编程开发的支持库,比如IE内核的web.form,wke内核的web.kit,和基于minibl足毂忍珩ink的web.blink库,这几个库都进行了很好地封装,非常方便地进行web开发,特别是web界面开发,使用html+js+css来完成漂亮的界面开发在aardio中显示异常轻松,本文以web.blink为例,来进行说明(其它的库用法都是类似的)
2、作为演示,我们先创建一个窗体代码文件,生成基础代码;import win.ui;/*DSG{{*/var winform = win.form(text="aardio form";right=759;bottom=469)winform.add()/*}}*/winform.show()win.loopMessage();
3、然后我们来创建基础对象import web.blink.form//导入支持库var mb = web.blink.form(winform);//创建浏览器控制对象
4、添加html代码,生成基础界面:import win.u坡纠课柩i;/*DSG{{*/var winform = win.form(text="aardio form";right=759;bottom=469)winform.add()/*}}*/import web.blink.form//导入支持库var mb = web.blink.form(winform);//创建浏览器控制对象//添加html代码,生成界面
5、上面的html代码是通过mb.html来由IDE自动生成的,我们来处理一下,引用在线的jQuery,这里使用的百度的前端CDN库,尝试引用在线的jq,如果失败就加载本地jq,一般地,只要电脑能联网,很少会失败.改一下代码:
6、加载完成后,我们来测试一下,试试jQuery的几个基础方法:比如,绑定一下事件,修改一个字体大小,来个动画等,,然后运行测试,可以看到,字体变大了,颜色也变成了红色,成功了(百度经验的gif播放有问题,如果看起来效果不好,可以保存gif图像到本地查看):
7、我们还可以很方便地在aardio环境中直接通过变量名使用js变量,通过mb.doScript直接执行js代码,通过mb.eval来获取js变量的值呢,交互起来非常方便,快动手试试吧!!!本篇经验到此结束,您学会了吗?
