Hello world:
这个教程是教你怎么样一步步地使用qooxdoo来创建出你的第一个应用的。
创建框架:
要求:
请确认你已经读了”要求“的细节。重述一下,自由几个要求需要满足来做qooxdoo应用开发:
客户端:任何主要的浏览器
服务器端:任何能解析http的后端。在开发期间可以使用本地文件系统。
操作系统:任何
工具:python
下载:
到官网下载最新稳定的 SDK
安装:
解压SDK档
创建你的应用:
很容易通过跨平台的工具create-application.py来创建你自己的应用。它将在你指定的目录建立一个骨架应用,一切都会根据你的qooxdoo框架版本来自动配置。
以win32为例子:
让我们在C盘创建一个叫做custom的应用,假设我们的SDK在C:\qooxdoo-0.8.3-sdk
:
C:\qooxdoo-0.8.3-sdk\tool\bin\create-application.py --name=custom --out=C:
运行你的应用:
现在你的应用已经建立了,让我们产生一个可以在浏览器中打开的版本。到新创建的应用目录下,使用自动建立过程:
cd C:/custom
generate.py source-all
请注意,附加的source-all目标是在qooxdoo 0.8.1中引入的 。常规的source目标现在只包含那些你的应用需要的qooxdoo类,而不是全部的类。
在应用被产生之后,在浏览器中打开source/index.html文件来运行你的应用并点按钮:
写应用代码:
文件夹source/class包含你所有的应用类。新建的应用 ,只有一个文件custom/Application.js。在编辑器或开发环境中打开它。
其中的main()方法包含你骨架应用的所有代码。即使你在做任何qooxdoo编程之前,你也应该能了解这些代码做了什么。熟悉一下代码并改变它,比如,改变按钮的标签,将按钮移动到其他位置或者增加一个按钮。
要看到改变,你必须在浏览器中刷新 ,比如按下F5。开发中,没有必要重新创建叫做"source"版本的应用。只有当你引入了新的类或者类之间的依赖赶边了之后,你将必须重新生成你的应用。这样,在刷新你的浏览器之前执行generate.py source-all(包含所有的源类)或者generate.py source(只包含需要的类)。
Debugging:
在你新的应用中你可能已经注意到下面的代码:
if (qx.core.Variant.isSet("qx.debug", "on"))
{
qx.log.appender.Native;
qx.log.appender.Console;
}
这个代码打开两个不同方式的日志。比如捕获并打印出你的应用的操作信息。
qx.log.appender.Native使用客户端原生的日志功能,比如FF中的Firebug(使用F12切换)。如果你的浏览器没有利于开发的日志,qx.log.appender.Console为所有的浏览器提供这一功能:这个控制台在你的浏览器中的一快区域中打印出日志信息。它也包含一个交互的js壳(使用F7来切换):
封闭两种日志类的原因在下一部分中会被详细解释。它保证日志仅仅在开发版本中被打开。它将会在部署版本中被自动关闭。
Deployment
qooxdoo应用的开发版本被叫做"source"版本,部署版本叫做"build"版本。很容易就能创建:
generate.py build
成功执行之后,从build文件夹中打开index.html。你虽然看不到和之前的有什么变化,但是它应该更快了。
不同于source版本的需要大量的没有修改的js文件,build版本只需要加载一个优化了的js文件。大量的调试代码也在build版本创建时被移除了。
API Reference
generate.py api
Unit Testing
generate.py test
- 大小: 25.9 KB
分享到:
相关推荐
**qooxdoo SDK 1.0:一个强大的开源AJAX框架** qooxdoo是一个功能丰富的JavaScript开发框架,特别适合构建复杂的、跨平台的Web应用程序。它的SDK 1.0版本是该框架的重要里程碑,提供了全面的工具集和资源,帮助...
qooxdoo是一个使用JavaScript编写的开源应用程序框架,用于开发富互联网应用(RIA)。它包含了一整套用于构建跨浏览器应用的工具和组件,从底层的类系统到用户界面组件,例如表格、列表、窗口、按钮、弹出窗口等。...
**Qooxdoo 4.1:面向对象的JavaScript富客户端开发框架** Qooxdoo是一个强大且功能丰富的JavaScript框架,特别设计用于构建富互联网应用程序(RIA)。它以面向对象的编程模型为核心,为开发者提供了丰富的工具和库...
**前端项目-qooxdoo.zip** 是一个包含前端开发框架qooxdoo的资源压缩包。**qooxdoo** 是一个开源的、跨平台的JavaScript框架,它为构建复杂且交互性强的Web应用程序提供了全面的工具链。这个框架的设计理念是面向...
**Qooxdoo SDK:面向编码人员的JavaScript框架** Qooxdoo是一个强大的前端开源库,专门设计用于构建复杂的、跨平台的Web应用程序。它的全称为"Qooxdoo Software Development Kit",提供了完整的工具链,帮助开发者...
**qooxdoo框架详解与应用** qooxdoo是一个强大的开源JavaScript框架,它为开发者提供了构建跨浏览器、跨平台的富互联网应用程序(RIA)的能力。在【标题】"qooxdoo-qooxdoo-release_2_0_1"中,我们可以看到这是...
【QXWT 1.0.0.1】是一个基于Qooxdoo技术的API,它的设计目的是为了简化JAVA开发者在构建动态网页时的工作流程。这个API为Java程序员提供了一个强大的工具集,允许他们利用Java语言的优势来创建交互性强、响应迅速的...
Qooxdoo JavaScript框架qooxdoo是一个通用JavaScript框架,使您可以为各种平台创建应用程序。 通过其面向对象的编程模型,您可以构建丰富的交互式应用程序(RIA),用于移动设备的类似于本机的应用程序,轻量级的...
qooxdoo是一个全面和创新的AJAX应用程序框架。利用面向对象的JavaScript允许开发令人印象深刻的跨浏览器的应用。没有HTML,CSS知识,也不是必要的。它包括一个独立于平台的开发工具链,一个最先进的图形用户界面工具...
标题中的“新将Delphi的Form窗口转换为Qooxdoo窗体”指的是一个技术转换过程,涉及到两个不同的开发环境和框架:Delphi和Qooxdoo。Delphi是一款基于Object Pascal语言的集成开发环境(IDE),常用于构建桌面应用程序...
Qooxdoo是一个开源的JavaScript框架,用于构建富互联网应用程序(RIA)。它的1.3版本SDK是一个开发工具包,包含了创建、编译和运行Qooxdoo应用所需的所有组件和工具。下面将详细介绍Qooxdoo 1.3 SDK中的核心知识点。...
**qooxdoo:一个通用JavaScript框架** qooxdoo是一个强大的开源JavaScript框架,专为构建跨平台的应用程序而设计。这个框架的核心理念是提供一套完整的解决方案,让开发者能够高效地开发出高质量、功能丰富的Web...
qooxdoo开发框架的界面可视化设计器
Qooxdoo编译器和命令行界面 Qooxdoo-Compiler是Qooxdoo( )应用程序的新编译器和命令行界面,使用100%Node.JS Javascript编写,它在标准python生成器上进行了以下关键改进: 包括Babel,用于将ES6添加到所有...
**QXGUIDesigner(20160616)**是专为Web前端开发者设计的一款基于**qooxdoo**框架的GUI(图形用户界面)设计器。此工具旨在简化和加速开发过程,通过可视化的方式来构建和设计网页应用的用户界面。在2016年6月16日的...
Spring MVC和Qooxdoo是两个在Web开发领域中广泛使用的框架,它们分别专注于后端和前端技术。本文将深入探讨这两个技术,并结合文件名称"springmvc-qooxdoo-master"来推测这是一个整合了Spring MVC与Qooxdoo的项目...
qooxdoo是一个全面和创新的AJAX应用程序框架。利用面向对象的JavaScript允许开发令人印象深刻的跨浏览器的应用。没有HTML,CSS知识,也不是必要的。它包括一个独立于平台的开发工具链,一个最先进的图形用户界面工具...
qooxdoo命令行界面这个项目已经动弹了请注意,Qooxdoo命令行界面仍然运行良好,并且已经集成到项目中,因此在此存储库上不应做进一步的工作。 将不建议使用npm模块qx-cli ,从现在开始,您要做的所有事情是: $ npm ...
Qooxdoo API查看器这是Qooxdoo的API Viewer程序包,您可以使用该程序包为自己的应用程序生成API Viewer。在线版本(qx名称空间) 为您自己的代码添加API查看器 $ qx pkg update$ qx pkg install qooxdoo/qxl.api...
扩展开发工具,添加一个侧栏,显示与所选DOM元素相关联的Qooxdoo数据。 扩展开发人员工具,添加侧边栏,以显示与所选DOM元素关联的Qooxdoo数据。 在控制台中使用$ q与选定的小部件一起使用。 支持语言:English ...