WeX5 Hello Demo

Hello WeX5 Demo 是第一个WeX5的入门程序,主要熟悉用WeX5开发 App的过程。

一、新建标准页

二、添加展示组件

      2.1 在model中新增data组件,首先定义data组件的行,新增“Name”列,并设置为ID列,数据可以设置为空;

2.2  拖拉 input组件,属性:bind_ref 设置为 data1.ref(‘name’)

2.3  拖拉 output组件,属性 : bind_text 设置为 "Hello"+ $model.data1.val("name")

2.4 data model 属性设置 : autoLoad    ture    自动加载数据

                                             autoNew    false    不自动新增数据

      三、运行效果

调试:F 12

时间: 2024-10-29 08:38:07

WeX5 Hello Demo的相关文章

wex5 实战 百度地图JavaScript API 集成

wex5里提供了一个bMap组件来调用百度地图,在百度地图api里,有许多版本的api供开发者调用.在wex5开发里,JavaScript API 集成,经过测试,成功.今天从0开始一步一步操作,将来会制作更复杂的地图与定位效果,大家共同学习,共同进步. 一 演示效果: 二 设计思路: 用html页面,装入百度地图,再将html页面放入iframe页中. 三 代码实现: 1  申请百度会员,并申请百度api ak(开发者密钥) 所有的第三方集成都需要密钥,相当于为当前的用户请求分配的一个id,服

WeX5学习笔记

目录 WeX5学习笔记... 1 1.轻松看透WeX5产品能力和技术... 1 2.WeX5可以怎么玩?... 3 一.纯本地App. 3 二.关联一个网站,希望默认就打开某页... 4 三.UI设计器... 4 四.打包神器... 4 五.标准玩法... 4 3.WeX5 App与服务端交互原理... 4 4.Account示例程序... 5 5.Takeout示例程序... 7 5.1Index.w.. 7 5.2mapActivity.w.. 13 问题... 13 6.页面间交互视频..

WeX5的简单介绍及UI的简单讲解

WeX5的简单介绍及UI的简单讲解 (2016-01-13 14:49:05) 标签: it 分类: WeX5的初步自学 一.WeX5的简单讲解 1.WeX5是前端快速开发框架,可开发跨端运行应用.是移动App/微信/WebApp开发利器,一次开发多平台运行. 二.WeX5平台了解 1.菜单和工具栏 :查看API:启动Tomcat:搜索:首选项:复位透视图 2.透视图 :导入java项目:使用svn 3.模型资源 :文件对比 :新建.复制.删除:重命名文刷件新及文件夹:模型编译 切换到资源管理器

wex5 实战 加密与解密系列(1) DES算法引入与调用

作为web前端应用来说,与服务器通讯或后端通讯,以及不同用户间传递数据,在一些特定情况下需要对一些信息进行加密传输,在某个事件中取出信息并解密,得到正确的信息.纵观不同语言和不同算法,有很多种选择.今天,从最基础的加密与解密算法DES说起,深入浅出,看看wex5如何简单高效的实现DES算法加密与解密.便于课程需要,制作了demo,及js改装注释. 一 效果演示 如图所示,加密,生成一堆乱码,解密还原得到正确信息. 二 设计思路 制作并引入des.js文件,前端直接调用js方法实现加密解密. 三

Wex5案例使用JSON传输Thinkphp后端对接,以达成数据正常输出

初步接触Wex5,操作起来还是觉得比较复杂!而且教程不多,让我着实比较烦躁! 因此自己动手丰衣足食!还是比较实在的! 采用版本:WeX5应用快速开发框架V3.5正式版 我们使用Wex5的仿淘宝APP案例进行初步的数据对接! 打开Wex5项目,U12/demo/taobao/main.js找到以下代码: 01.Model.prototype.goodsDataCustomRefresh = function(event) { 02. /* 03. * 1.加载商品数据 04. */ 05. var

WeX5客观题软件开发与list组件应用等典型疑问

界面实现 无论是WEX还是BEX,开发各种客观题模块都是最常见的.但是,最近在利用业余时间想开发一个学生使用的小型客观题系统时遇到了麻烦.首先,在论坛上搜索到了大量相似问题.问题或者过于简单,或者过于特殊.且看一下本人提供的客观题界面,我相信这种设计思路还是与大多数应用需求相一致的. 这是单选题界面和多选题界面. 注意:我每一个小题旁边放置的按钮是便于学生自我测试时看参考答案时使用的.这个小功能设计比较简单(我使用的是PopOver组件,其内的span对应的bind-text令其等于 $mode

WeX5 快速开发平台V3.6预览版发布(2016-9-1)

WeX5 V3.6 预览版核心特性: 一.打包特性增强:    1- 提供多WebView选择,引入腾讯X5引擎,可自动适配移动设备环境进行切换(手机app开发ty300.com),使通过X5打包生成的App具备更高的兼容性及更小的文件尺寸:    2- App资源更新新增Hash模式,除实现APP资源增量.快速更新外,部署时文件路径不会每次动态生成了,也就解决了页面分享及微信端运行更新版本后要修改绑定地址的问题:二.开发与调试能力重要更新:    1- 提供了手机端调试用的APP工具Applo

Wex5执行Class[search.login__do] Method[login]失败

====================开发工具版本:WeX5_V3.3======================== 报错背景:大二的时候用这个工具开发了一款APP,备份了项目数据库的SQL文件+项目在WeX5_V3.3\model\UI2下的GK(存放页面)和WeX5_V3.3\model\Baas里的search(存放服务源代码)这两个文件夹后,由于不再用WeX5开发就把平台删掉了.后来毕设重新需要运行这个项目,就 1.重新在WeX5官网下载了WeX5_V3.3版本并解压: 2.把GK文

微信h5支付demo微信H5支付demo非微信浏览器支付demo微信wap支付

一.首先先确定H5支付权限已经申请!(需要微信h5支付demo的可以加 851 488 243 备注:h5支付) 二.开发流程 1.用户在商户侧完成下单,使用微信支付进行支付 2.由商户后台向微信支付发起下单请求(调用统一下单接口)注:交易类型trade_type=MWEB 3.统一下单接口返回支付相关参数给商户后台,如支付跳转url(参数名"mweb_url"),商户通过mweb_url调起微信支付中间页 4.中间页进行H5权限的校验,安全性检查(此处常见错误请见下文) 5.如支付成