WeX5简单开发

2026-05-05 09:47:03

1、软件目录

Baas为自带的服务

UI2为UI,网页

Native主要用于生成本地apk等

WeX5简单开发

2、 创建一个简单的网页

 点击UI2,右键 新建-应用

 输入应用名称

WeX5简单开发

3、 点击完成

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

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

 窗口右下角输入文件名

WeX5简单开发

4、点击完成

打开新建的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});

    };

WeX5简单开发

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

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

WeX5简单开发

6、保存

点击启动tomcat服务器

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

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

WeX5简单开发

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

第一个应用体验完毕

WeX5简单开发

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

猜你喜欢