运用 Wakanda 开启 Web 2.0 之旅

zhouxingxing 发布于 2012/04/10 12:51
阅读 5K+
收藏 24

你不是很熟悉Web 2.0的开发?Wakanda 是一款免费的,开源的,易学软件.当读完这篇文章后,你有能力去开发一个Web 2.0的app而不用去编码 HTML5,CSS3或者SQL。

当然你阅读了这篇文章后的25分钟,你能够做什么。

快速的Web 2.0开发现代商业应用不需要有很深的知识在JavaScript,HTML5和CSS是为什么我们应该通过Wakanda来开始Web 2.0开发理由之一。接下来的这段视频展示了当你第一次使用Wakanda你会得到什么,http://www.youtube.com/watch?v=MaUxC8NsqO4&context=C4417247ADvjVQa1PpcFO_Ojb0l6Pzf2tzy_TlAq3vp12M0jl77RQ=

简介

Web 2.0的趋势使得所有的设备连接到了网络;PC,平板电脑,手机等等,Web 2.0的力量是能够基于HTML5(Canvas, Video, Web Workers, Geolocalisation,等等的元素),JavaScript和CSS。所有的这些技术被大多数的设备和浏览器所支持。

Wakanda 是一款开源软件可以使得开发Web 2.0的应用非常的简单,使用HTML5,CSS,'JavaScript在客户端和服务端',和NoSQL数据库。关于SQL数据库,Wakanda的团队正在研发SQL连接器用于MySQL, SyBase, SQL Server ..., 云, 共同发展,全球化和许多其他的特性将会在未来的版本使用。

今天使用Wakanda,意味着将会在未来成为专家。

Wakanda(Wakanda服务的NoSQL数据库)可以被其他软件使用;4D软件,Python,....等等,使用REST HTTP API 和JSON/RPC ,在手机和平板电脑,使用PhoneGap,Sencha(Web应用中间件:Android, Blackberry, IOS等等),KendoUI(丰富的UI组件通过Telerik API),和其他流行的jQuery库。

背景

学习我的第一篇的文章,解释了Web开发者可以获得Wakanda非常的简单的原因。点击此处

要求:系统要求,对于使用Wakanda在Windows XP的开发者如下的方法:Wakanda in Windows XP

动机

许多理由你可能想使用Wakanda进行Web 2.0开发:Wakanda是免费的 所以你不需要购买许可证来使用它。所有你的代码将会用一种语言在JavaScript客户端,服务端,和在数据库查询,你不需要去知道HTML5,CSS3和JavaScript。你有一个丰富的文档和活跃的社区帮助你,同时NoSQL数据库使用Wakanda可以找到一个条目通过查询数十亿的实例在一毫秒中。。等等

更多的理由参考:使用Wakanda的十大理由

 论坛链接

代码的使用

为了使用文章提供的代码 你应该下载和安装Wakanda在DEV版本下载。Wakanda工具和Wakanda服务器应该在同一个文件夹中,下载完文章提供的解决方案以后解压它,现在进入到包含Wakanda文件夹中,然后运行Wakanda工具Wakanda Studio.exe。点击File,Open Solution和进入解压的文件夹中,双击WaSolution file。

1) Open Solution 

2)  浏览解决方案的文件 ( 你下载后解压的文件 )然后双击 Company-Employees.WaSolution 。 

3)确认使用的服务。

4)打开 Show Data.html 文件 Company-Employees/WebFolder/show data.html:

5)通过点击按钮来运行页面:

 

开发Companies-Employees项目

在接下来的这部分文章,我将不会展示给你怎么去显示"Hello World":就像许多软件介绍那样做的,但是我想给你一个视频来解释如何运用Wakanda工具创建一个应用和概述工具箱和开发工具的扩展将是更有用的和更简单的。

Wakanda 是一款模型驱动软件,所以使用Wakanda开发Web 2.0应用的阶段是:

现在这个视频将告诉你如何开发一个 Companies-Employees实例:

 Part1: http://www.youtube.com/watch?v=r6RqrTs-83U&context=C47bb19bADvjVQa1PpcFO_Ojb0l6Pzf_krSz11fuCMXDfWr7aJcgU=

Part2: http://www.youtube.com/watch?v=iQRzbyUre2E&context=C48062c6ADvjVQa1PpcFO_Ojb0l6Pzfwhv8_0l_lHhPDdZerm561U=

了解代码

用于搜素的代码

这是一个查询数据源的例子,所以在这段代码我们可以搜索公司,公司的名字的开始是指定的类型在文本中通过我们项目中的用户。

 

textField7.keyup = function textField7_keyup (event)
{
    var companyName = $$("textField7").getValue();
    sources.company.query('name = :1 order by name', { params: [companyName + "*"]});
};

为了获取文本类型在文本字段和分配它到变量。$$('WidgetName')是一个模板来获得窗口对象通过Wakanda:

 

var companyName = $$("textField7").getValue();

查询公司的资源我们使用query()方法 我们给它作为参数的标准在我的搜索中:

 

sources.company.query('name = :1 order by name', { params: [companyName + "*"]}); 

P.S:"*"是一个疯狂的特性在Wakanda软件,老的一个是"@".

在Filldata.js使用的一段预置的代码:

 

documentEvent.onLoad = function documentEvent_onLoad (event)
{
    $$('dialog1').closeDialog();
    $$('container2').hide();
};

在加载事件的页面中,我们隐藏了包括过去常常创建一个新的员工使用hide()方法(#show())的容器,同时我们关闭对话框然后展示员工的照片。就想你所看到的,我们只使用了许多很简单易懂的代码行。所有的工作使用拖拽参数来完成。

技巧

技巧1


在客户端调试代码,例如Filldata.js文件 你应该输入字符串"debugger;"在你需要停止你的代码的地方,它起到了断点的作用

 

textField7.keyup = function textField7_keyup (event)
{
    var companyName = $$("textField7").getValue(); 
    debugger;
    sources.company.query('name = :1 order by name', { params: [companyName + "*"]});
};

使用firebug或者Google chrome 检查元素的特性,你可以通过这段代码来评估变量和对象。

 

技巧2

如果由于一些JavaScript代码错误使得服务无法启动,你可以防止这个问题通过你解决方案中的WaSettings文件例如Companies-Employees. WaSettings然后不选择复选框中的"Stop loading Solution if a project fails".

参考文献

感谢所有Wakanda团队伟大的工作。

英文原文 ,OSCHINA原创翻译

加载中
0
水果世界
求翻阅长城
蓝心
蓝心
windows 搜索 GoAgent . linux 搜fetchServer 或者用 Google App Engine自己写.
0
殊麒
殊麒
这是机器翻译的吧,读着好别扭
0
无枪不用刀
无枪不用刀
翻*墙失败的表示鸭梨很大
ps: 你输入的内容包含敏感文字:翻*墙
0
zlcolin
zlcolin
.net  asp.net之类
0
xiejuntao
xiejuntao
看起来很神奇的样子,有人用吗?
0
zeng7
zeng7

引用来自“xiejuntao”的答案

看起来很神奇的样子,有人用吗?

+1,

是不是就像C#一样哦,我看到很多地方都有这个广告

求大神解读

返回顶部
顶部