您的位置首页百科词库

WeX5简单开发

WeX5简单开发

最近花了点时间去下载了一下WeX5,也稍稍碰了点鲜(实际上我已经是out了)。

初次到手,对软件开发使用也是一团懵逼。

下面说说第一个简单的输入输出项目。

软件目录

Baas为自带的服务

UI2为UI,网页

Native主要用于生成本地apk等

创建一个简单的网页

点击UI2,右键 新建-应用

输入应用名称

点击完成

点击新建的应用名称,右键,新建-W文件

选择一个模版,我在这里选择的是移动-标准-空白

窗口右下角输入文件名

点击完成

打开新建的w文件,添加一个input框,一个button按钮,一个output框

打开新建的w文件对应的js文件,在里面添加一个点击事件

Model.prototype.button1Click = function(event){

//name绑定输入框的内容

var name = this.comp("input1").val();

//将输出框的值设置为hello+name的值

this.comp("output1").set({value:"hello:"+name});

};

回到w文件页面,选中button按钮,点击事件

在onClick中添加事件值 button1Click(对应上面的button1Click事件)

保存

点击启动tomcat服务器

点击w文件,右键 用浏览器运行

接着会在浏览器中出现如下界面

输入内容后,点击button后就出现如上结果

第一个应用体验完毕

我也是刚刚体验,很多操作也还在体验领悟中,有机会一起交流。