在WeX5中，每个页面上的model组件有以下事件： 1. 页面模型构造前事件（onModelConstruct） 2. 页面模型构造完事件（onModelConstructDone） 3. 页面加载完事件（onLoad） 4. 页面关闭事件（onunLoad） 5. 页面激活事件（onActive） 6. 页面离开事件（onInactive） 打开功能页面时，事件的触发顺序 当打开一个页面时，先加载页面对应的js和展现，构建页面对应的js对象实例，接着构建页面上的所有组件对象，最后按以下顺序触发model上的事件： 1. 页面模型构造前事件（onModelConstruct） 2. 页面模型构造完事件（onModelConstructDone） 3. 页面加载完事件（onLoad） 在触这三个事件之前，页面上下文和所有的界面组件都已经初始化完成，因此，在这些事件中，可以操作页面上下文和所有的界面组件。 注意：Data组件（或BeX5中的bizData组件）的数据是在“页面模型构造前事件（onModelConstruct）”之后，“ 页面模型构造完事件（onModelConstructDone）”之前加载的。 关闭功能页面时，触发页面关闭事件（onunLoad） 切换到别的功能页面时，触发页面离开事件（onInactive） 激活功能页面时，触发页面激活事件（onActive） 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

WeX5页面逻辑基础 WeX5每个页面由w文件、w文件同名的js文件和w文件同名的css文件三个文件构成，其中页面逻辑代码写在w文件同名的js文件中。w文件同名的js文件是一个符合AMD规范的js模块，在这个js模块中定义了一个js类并作为模块的返回结果，这个js类是页面逻辑的核心，所有的页面逻辑都在这个js类中实现。 例如，以下是“TODO MVC”案例的页面逻辑文件/UI2/demo/misc/todoMVC/index.js的内容： define(function(require) { var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); var Model = function() { this.callParent(); this.STORE_ID = "todoData"; }; Model.prototype.titleInputKeydown = function(event) { if (event.keyCode == 13) { this.addTodo(); [...]

本文通过一个简单的银联支付案例介绍使用WeX5开发一个支持银联支付的功能的过程 1.新建一个pay.w页面，添加一个按钮.用来点击调用银联支付 2.在pay.w的js文件用引用银联支付插件 require("cordova!com.justep.cordova.plugin.unionpay"); 3.在按钮click事件中添加如下事件代码 Model.prototype.unionPayBtnClick = function(event) { navigator.unionpay.pay({ tn:"利用下面的url获取一个新的" },function(code){ alert('success:' + code); },function(code){ alert('error:' + code); }); }; 注意这里的tn是银联支付的编号，你需要有后台和银联支付网关交互获取支付单号(具体逻辑需要参考银联官方文档)，测试的话可以通过 http://202.101.25.178:8080/sim/gettn 获取一个测试单号。 4.在Native下面新建一个app 5. 这个时候打开app点击按钮开始支付吧(测试卡号：6226440123456785  密码：111101) 6.这个时候您已经入门了，如果需要申请自己的商户，可以参考商户申请文档，如果你开发完毕需要上线了，可以到插件中修改配置 <config-file [...]

1、在X5中提供了基于角色的授权模式，角色就是一系列业务功能的集合，通过将角色授予组织，使组织拥有相应的功能权限。角色体系简化了授权，让管理员不需要面对具体的业务功能。但是在项目实践中，依然有很多项目组反映不知道如何合理划分角色，角色划分过细会使授权依然复杂，角色划分过粗又失去了灵活性。这里我根据我们的一些项目实践，总结一些我们的角色设置原则，供大家参考。 2、首先在用户的实际业务中，本身就会存在岗位或者角色的业务定义，例如：销售员、销售经理、会计、出纳、财务总监等。而X5的角色是具有相关性的业务功能集合，例如：出差申请角色（包含出差申请和出差查询两个功能），公文办公室主任角色（包含公文办公室主任审批和公文流程监控等功能角色）。很明显这是两种不同的角色划分方式，解决好这两种“业务角色”和“功能角色”的对应关系，我们就会得到一个好的角色授权体系。 3、我们应该认识到这是两种层面的角色，都有存在的价值。也就是说我们应该有两种角色，一种是业务角色，针对业务上实际存在的角色或岗位定义；另一种是功能角色，根据功能的相关性来定义。在角色定义时，可以用角色的分类字段来区分“业务角色”和“功能角色”。通过角色继承来设置业务角色和功能角色的对应关系，一般就设置一层继承关系就可以很好的解决（我们不建议多级继承），例如：办公室主任[业务角色]可以包含公文办公室主任、请假部门领导审批、基本查询功能、基本申请功能等多个[功能角色]。授予组织的应该是业务角色，而不是功能角色，这样在进行组织授权的时候是粗粒度的授权，简化授权方式。管理员在调整授权的时候，可以从两种层次来进行权限调整，这样就使得角色体系即贴近了业务，也保证了相对的灵活性。 4、好的角色划分体系，最重要的还是取决于我们对用户业务的理解，上面说的这种划分方式只是并不是万能的，也不是唯一的方式。希望大家能根据自身项目的具体情况一起来分析讨论，找到更多更好的授权模式。 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

可以参考 mysql\bin\Windows service HOW-TO.txt 安装/卸载服务 1. 安装：执行installService.bat，则在Windows服务中增加“MySQL”服务（如果是Win7、Windows2008需要右键管理员运行） 2. 卸载：执行removeService.bat即可，卸载前需要先停止MySQL服务（如果是Win7、Windows2008需要右键管理员运行） 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

1、启动MySQL管理工具.bat，并登录 2、选择菜单 工具 -> 用户管理 3、选择root，然后按下图所示选择“从任意地点访问” 4、保存[/fusion_text] 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

以WeX5部署在Tomcat上为例，说明如何设置session失效时间。 可以设置session失效时间的地点有三处，分别是 1  BusinessServer的session设置 \runtime\BusinessServer\WEB-INF\web.xml <session-config> <session-timeout>30</session-timeout> </session-config> 2  UIServer的session设置 \runtime\UIServer\WEB-INF\web.xml <session-config> <session-timeout>720</session-timeout> </session-config> 3  Tomcat的session设置 \apache-tomcat\conf\web.xml <session-config> <session-timeout>30</session-timeout> </session-config> 以上列出的均为默认设置，单位是分钟，可根据实际需要进行修改。 这三个设置生效的优先级为：对于BusinessServer来说，如果设置了BusinessServer的session，就会使用BusinessServer的session设置，否则使用Tomcat的session设置。同样，UIServer也是如此。 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

1 打开eclipse导出工具 2 选择导出目标“归档文件” 3 选择要导出的文件或文件夹 4 导出到指定的归档文件 5 导出的效果 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

Wex5中默认docServer因为考虑到tomcat重启时间因素，是在第一次访问文档服务的时候才加载启动的，这样可能会造成第一次访问比较慢，如果你先让docServer随着web容器的启动自动启动的话 可以提供修改 runtime\DocServer\WEB-INF\web.xml 在这个配置文件中 <servlet> <servlet-name>FileServlet</servlet-name> <servlet-class>com.justep.doc.httpconnector.FileServlet</servlet-class> </servlet> 这个servlet里面加上 <load-on-startup>0</load-on-startup> 即： <servlet> <servlet-name>FileServlet</servlet-name> <servlet-class>com.justep.doc.httpconnector.FileServlet</servlet-class> <load-on-startup>0</load-on-startup> </servlet> 这样就可以让docServer随web容器自动启动了。 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

本文适用于WeX5 3.2及以下版本，3.3及以上版本请参阅“Baas for .NET” 1、概述 baas是WeX5的轻量级后端服务框架，可以用于为WeX5页面快速构建后端数据服务。WeX5版本中在”apache-tomcat\webapps\baas”目录下自带了Java的版本，这里带来的是它的孪生兄弟.NET版本。 2、案例部署与测试 2.1、部署 1、下载baas.net.zip，解压到D:\baas.net。 2、打开IIS管理工具，在网站下面“添加应用程序”： （别名：baas.net；物理路径：d:\baas.net；应用程序池：ASP.NET v4.0） 3、进入X5开发工具，打开“/UI2/demo/baas/baas.js”，修改BASE_URL与上面的配置一致。 4、启动X5自带的MySql数据库，启动X5自带的Tomcat （数据库的配置在“D:\baas.net\App_Code\ X5BaasService.cs”中） 5、打开浏览器，进入“http://loalhost:8080”，打开里面的外卖及baas相关案例，这时的数据就是来源于.NET的后端baas服务了。 2.2、测试 如果上面的过程顺利的话，那么打开外卖就能看到菜单，就能下订单了。但是由于大家各自的环境差异，难免会遇到各种问题。下面提供一系列的测试手段，希望能帮助大家快速定位解决问题。 首先判断IIS是否部署成功和URL是否正确 用浏览器访问“http://127.0.0.1/baas.net/index.html”，正常的话应该显示hello。 如果这里就没通过，那么先去检查IIS是否启动，检查网站配置的端口是否是80。如果不是也没关系，可以按你自己的配置来，把baas.js里面的BASE_URL改一致就好了。 判断.NET应用服务是否能正常运行 用浏览器访问“http://127.0.0.1/baas.net/X5BaasService.asmx/HelloWorld”，正常的话应该显示外面案例中的菜单数据。 如果是这里没通过，那么首先参照上面IIS配置的要求进行检查，重点是.NET版本。 如果是提示数据库异常，请检查数据库是否启动，数据库配置是否与“D:\baas.net\App_Code\ X5BaasService.cs”中的配置相同。     如果上面几项都没问题，那么接下来就可以确定服务已经正常了。如果baas.js中的BASE_URL配置正确的话，那么就可以正常运行了。如果要跨机器访问的话，关注一下防火墙就可以了。 3、开发扩展与调试 大家可以基于baas.net去自己扩展，实现自己的后端服务。用Virsual Studio 2015（我用的就是这个版本~）打开网站，选择“D:\baas.net”就可以了。   [...]