目录 1.搭建.net开发环境 1.1下载安装iis7.0，下载安装vs2015，配置IIS 1.2下载开发工具 1.3开发工具介绍 1.4设置开发工具 1.5开启服务和打开数据库 2.运行开发案例 2.1设置开发工具的编译路径 2.2编译UI资源 2.3拷贝UI资源到发布路径下 2.4打开IIS启动网页 2.5在开发工具里启动tomcat，运行案例 3.建立数据库和库表 3.1建立数据库 3.2配置数据源 3.3配置db.config.m文件 3.4创建表 4.创建服务文件 4.1创建服务文件 4.2添加Action 5.创建页面 5.1创建页面 5.2添加控件 5.3给控件绑定数据 5.4启动tomcat 6.调用后端服务 6.1 自定义Action 6.2 自定义一个cs文件 6.3 cs文件接收参数并返回值 6.4 UI如何调用testerp.service.m服务 [...]

目录 1.搭建.net开发环境 1.1下载安装iis7.0，下载安装vs2015，配置IIS 1.2下载开发工具 1.3开发工具介绍 1.4设置开发工具 1.5开启服务和打开数据库 2.运行开发案例 2.1设置开发工具的编译路径 2.2编译UI资源 2.3拷贝UI资源到发布路径下 2.4打开IIS启动网页 2.5在开发工具里启动tomcat，运行案例 3.建立数据库和库表 3.1建立数据库 3.2配置数据源 3.3配置db.config.m文件 3.4创建表 4.创建服务文件 4.1创建服务文件 4.2添加Action 5.创建页面 5.1创建页面 5.2添加控件 5.3给控件绑定数据 5.4启动tomcat 6.调用后端服务 6.1 自定义Action 6.2 自定义一个cs文件 6.3 cs文件接收参数并返回值 6.4 UI如何调用testerp.service.m服务 [...]

目录 1.搭建.net开发环境 1.1下载安装iis7.0，下载安装vs2015，配置IIS 1.2下载开发工具 1.3开发工具介绍 1.4设置开发工具 1.5开启服务和打开数据库 2.运行开发案例 2.1设置开发工具的编译路径 2.2编译UI资源 2.3拷贝UI资源到发布路径下 2.4打开IIS启动网页 2.5在开发工具里启动tomcat，运行案例 3.建立数据库和库表 3.1建立数据库 3.2配置数据源 3.3配置db.config.m文件 3.4创建表 4.创建服务文件 4.1创建服务文件 4.2添加Action 5.创建页面 5.1创建页面 5.2添加控件 5.3给控件绑定数据 5.4启动tomcat 6.调用后端服务 6.1 自定义Action 6.2 自定义一个cs文件 6.3 cs文件接收参数并返回值 6.4 UI如何调用testerp.service.m服务 [...]

目录 1.自定义Action 2.自定义一个php文件 3.php文件接收参数并返回值 4.UI如何调用testerp.service.m服务 5.查看运行结果 参考文档WeX5平台PHP开发 使用说明文档 php如何调用后端服务 1.自定义Action 在服务文件里，点击新增，然后输入名称 点参数列表的新增，新增2个参数，这个两个参数是从前台往后台传的。这样我们服务里就有了3个Action 2.自定义一个php文件 拷贝Testerp__do.php文件，然后修改名字为Testerp.php，注意这个名字是有要求的，首字母要大写 然后我们打开Testerp.php文件 a)修改一下里面的内容，命名空间：testerp，类名：Testerp b)再保留一个方法，修改方法的名称为queryCount c)下面我们就在这个方法里接收前台的参数，并且把处理的结果返回前台 d)注意：开头的<?php前面不能有空行和空格service.m如何调取Testerp.php文件呢，如下，我们指定路径和方法就可以了 testerp\Testerp::queryCount（注意，\前面是目录名字（全部小写），\后面是php文件名字(首字母大写)，::后面是Action的名称） 3.php文件接收参数并返回值 如下图，定义变量$x，$y接收x、y参数 定一个$ret用来存放返回的内容，我们返回的都是JSON字符串。前台接收，并进行处理我们把代码拷贝下来，供大家使用 public static function queryCount($params, $context) { $x = isset($params["x"]) ? $params["x"] [...]

目录 1.搭建开发环境 1.1下载开发工具 1.2开发工具介绍 1.3开启服务和打开数据库 1.4设置开发工具 2.运行开发案例 2.1启动tomcat，查看案例 3.建立数据库和库表 3.1建立数据库 3.2配置数据源 3.3配置db.config.m文件 3.4创建表 4.创建服务文件 4.1创建服务文件 4.2添加Action 5.创建页面 5.1创建页面 5.2添加控件 5.3给控件绑定数据 5.4启动tomcat WeX5平台PHP开发使用说明文档 1.搭建开发环境 1.1下载开发工具 访问官网http://www.wex5.com/downloads/ 从官网下载WeX5的工具压缩包 解压开发工具压缩包，解压后会占用约3GB的硬盘空间，请选择较大的解压目的目录（解压后不要放在系统盘） 1.2开发工具介绍 双击【启动WeX5开发工具.bat】文件，打开开发工具。 打开开发工具，如下图就是我们的WeX5开发工具，先简单介绍一下开发工具 了解工具 a)在开发工具里，右上角有Studio和数据库，点击Studio即切换到开发工具，进行开发工作，点击数据库即切换到数据库，可以进行数据库的操作，这样方便开发者在一个平台上，进行开发和数据库的操作。 b)我们看左边列，Baas、net、Baas.php、UI2，WeX5开发平台提供java、.net、php三种语言的后端开发，如果我们想要用哪种语言，在窗口->首选项-> Studio配置->baas中进行设置即可。 c）创建数据库后，窗口->首选项->Studio配置->数据源中，进行数据库配置。 [...]

1.跨域问题 跨域问题--.net支持跨域访问，我们只需要在发送请求之前指定BASE_URL：“http://www.aaa.com/baas”即可。如justep.Baas.BASE_URL="http://localhost:9999/baas"; 2.如何调试后端 右键X5BaasService，点击属性 设置启动url的格式：http://localhost:2271/baas/文件夹/文件名/Action名， Action名即，你定义的.m文件里的Action如下图 如上图配置好启动的url，启动vs2015就可以进入调试模式        

V3.4页面设计器空白问题（4933有问题） 解决方案： 方案一：更新版本， 下载地址(新的4935解决了这个问题) 方案二： 不更新版本，执行以下操作： 把studio\plugins下的org.eclipse.osgi_3.8.2.v20130124-134944.jar和org.eclipse.equinox.registry_3.5.200.v20120522-1841.jar拷贝到tools\compile\lib 下，然后UI2/system右键源码编译 然后重启studio。（如果解决不了，执行以下操作） 1.把studio\dropins\studio-app2\plugins\plugin\lib\cef1\chromium.jar这个jar包复制到studio\dropins\studio-app2\plugins\plugin\lib下 2.把 Index.java (1.72 KB) 复制到model\UI2\system\designer\xui\dsrc 下，然后重新编译/UI2/system/designer 的源码 3.重启studio 页面设计器显示不全问题 解决方案： 方案一：确认是否把操作系统的字体调整为非100%了 如果以上方案不行， 使用 方案二：把studio\dropins\studio-app2\plugins\plugin\lib\cef1\chromium.jar这个jar包复制到studio\dropins\studio-app2\plugins\plugin\lib下，重启studio    

前端框架图图形展示： 如上图所示，WeX5前端框架（UI2）分以下部分： 基础库 WeX5前端依赖的两个基础库：数据感知MVVM和jQuery，其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准，采用RequireJS实现。模块化是UI2的基础，UI2的所有资源（包括js、css和html等）都是模块，都采用模块化方式引入，采用模块化方式管理依赖。 组件框架 组件化框架提供组件规范、组件生命周期管理能力和丰富的组件体系。组件化框架的实现本身也是基于js模块化，并且依赖基础库中的数据感知体系MVVM（基于Knockoutjs实现）和jQuery。 页面框架 WeX5的页面模式支持单页模式（Single-page Application）和多页模式（Multi-page Appliction），默认实现是单页模式。 WeX5的前端是由若干个页面构成的，每个页面由三个文件（.w文件、.js文件和.css文件）组成，除了这三个文件之外，页面也可以引用其它的js模块、css模块和图片等资源。在逻辑上， 每个页面由若干个组件构成，同时页面也可以包含若干个子页面（类似HTML中的iframe）。 Studio开发工具 WeX5是一个开发手机应用和Web应用的快速开发平台，提供了强大的Studio开发工具，辅助用户开发，主要包括：页面可视化设计工具、丰富的页面模板向导、代码自动提示、页面编译工具、LESS工具、资源合并工具、手机APP打包工具等等。

概述 首先，我们来了解一个什么是MVVM？ MVVM是Model-View-ViewModel的简写。首先，view是对viewmodel中数据的一个可视化的显示，view观察viewmodel，操作view时会发送命令到viewmodel，并且当viewmodel变化时更新；其次，viewmodel是model对外暴露的数据视图和操作。因此，view和model是不知道彼此存在的。 Knockoutjs是一个名正言顺的MVVM框架，通过简洁易读的data-bind语法，将DOM元素与viewmodel关联起来。当模型（viewmodel）状态更新时，自动更新UI界面（view）。viewmodel是model和view的桥梁，是一个纯粹的js对象。 WeX5是基于Knockoutjs实现MVVM模式的，我们来看看，在WeX5中，如何与MVVM对应： 如上图所示，MVVM在WeX5中分别如下： ● view（V）：.w文件，包含布局组件、显示组件和编辑组件等各种展现组件，构成用户交互界面；它通过“bind-”绑定表达式与数据和界面逻辑进行关联； ● viewmodel（VM）：.js文件和Data，表示页面数据模型和界面逻辑；其中Data是.w页面中的Data组件，在Data组件上可以定义数据规则表达式； ● model（M）：服务端（Baas）,表示后台数据模型和操作； 数据绑定 WeX5在数据和view上，都提供了大量可通过表达式定义的动态属性。当表达式依赖的数据项改变时，表达式会自动重新计算，从而更展现的显示和行为。我们把页面上的这种由数据驱动界面动态交互的能力称之为“数据绑定”。 在数据和view两个层面，表达式属性的作用有所不同，我们把表达式分为两类： ● 数据规则表达式：用于定义数据相关的规则，例如只读规则、必填规则、计算规则和约束规则等等； ● 绑定表达式：用于定义展现组件上的数据、状态、样式等稳中有各种动态属性。 数据规则表达式和绑定表达式都采用js表达式语法，但不同的表达式有不同的作用和描述规则，接下来我们将详细介绍这两种表达式。 （注：本节所用到的案例参见WeX5自带的“数据绑定”案例，即/UI2/demo/misc/bind/index.w。启动WeX5运行平台，在chrome浏览器中访问http://localhost:8080/x5/UI2/demo/misc/bind/index.w即可运行） 应用构成 WeX5应用的前端由若干个页面构成，这些页面可以按业务的需要，组织到多个目录中。每个页面由以下三个文件组成： ● w文件：页面片段，定义页面的展现，由若干组件构成；它是MVVM的V； ● w文件同名的js文件：定义页面逻辑，以js模块化的方式定义一个js类；这个js类的实例是MVVM的VM； ● w文件同名的css文件：定义页面的样式，只作用于当前w文件中的界面元素。

WeX5页面运行时，分成两个阶段：编译阶段和运行阶段。 编译阶段 图2-19 页面编译阶段 如上图所示，WeX5页面编译时，根据页面的三个核心文件（.w文件、.js文件和.css文件），编译生成三个目标文件： ● main_{lang}_{skin}.html：完整的HTML页面，可以作用独立的HTML页面运行； ● xx.w.view_{lang}_{skin}.html：HTML页面片段，不能独立运行，只能作用页面片段被其它页面加载，适用于单页应用模式； ● xx.w.view_{lang}_{skin}.js：页面逻辑，包含页面初始化等相关逻辑，它继承.w同名的js文件中定义的js类； 运行阶段 运行阶段可以分为：页面创建、用户交互和关闭页面三个过程。 1、页面创建 如上图示，页面创建时，分成以下步骤： 1)页面准备：负责加载页面，创建组件实例，执行数据绑定初始化； 2)触发onModelConstrut事件：触发Model开发构造事件； 3)Data加载：Model中的Data加载数据； 4)触发onModelConstructDone事件：触发Model构造完成事件； 5)触发onLoad事件：触发页面加载完事件； 6)触发onParamsReceive事件：触发页面接收参数事件； 2、 用户交互 如上图所示，当执行下列操作时，会触发相应的事件： 1)再次向页面传参数时，会触发onParamsReceive事件； 2)当离开页面时，会触发onInactive事件； 3)当进入页面时，会触发onActive事件； 3、 页面关闭 如上图所示，关闭页面时，会按顺序触发以下事件： 1)onInactive事件：页面离开事件； 2)onunLoad事件：页面销毁事件； 在页面的整个运行阶段，我们可以在蓝色部分接管相应的事件，实现自己的逻辑，例如：onModelConstruct、onModelConstructDone、onLoad、onParamsReceive、onActive、onInactive和onLoad。