Dorado入门之HelloWord
今天在网上找资料的时候 看到好久没用的Dorado啦,当时心中小小的兴奋了一下,因为这个跟eclipse结合起来用,开发就真的简单,就像开发.asp一样拖控件,图形界面的。 下面先来看看一下效果图(见证奇迹的时刻O(∩_∩)O~)
图的基本功能:打开这个页面的时候显示一个按钮,按钮单击可以出现一个"Hello World!"的信息提示框
这一个范例非常简单,但是我们可以从中总结出5点知识点,可以看到Dorado的神奇之处。 (1)可以没有JSP--通过dorado的视图文件(View)我们不仅可以定义控件也可以定义布局; (2)页面访问URL与视图文件View的对应关系 (3)视图中view节点的title属性的含义 (4)按钮对象的基本使用 (5)了解MessageBox的基本用法
我们注意看一下这个范例是没有JSP的,它的全部信息都定义在一个com/bstek/dorado/sample/basic/HelloWorld.view.xml的xml文件中,
在dorado开发中我们称它为视图配置文件,也叫View在dorado的视图配置文件中我们不仅可以定义页面中所包含的控件,也可以方便的
定义控件之间的布局(dorado提供了专门的布局管理器以及控件本身也可以是容器,控件之间可以有父子关系,因此较容易定义布局)。
下面我们来看一下源文件(HelloWorld.view.xml)
<?xml version="1.0" encoding="UTF-8"?>
我们当前目录下的HelloWorld.js控制器,在其中可以看到button1绑定的onClick事件:代码非常简单: // @Bind #button1.onClick !function() { dorado.MessageBox.alert("Hello World!"); } 该处利用dorado的MessageBox弹出一个Hello World!的提示。 把这个能够做出来,那说明你已经入门了,恭喜...O(∩_∩)O哈哈~
blog comments powered by Disqus