视频地址：http://pan.baidu.com/s/1gdzk4gz list组件，动态数据显示组件。 […]

1、什么是跨域 跨域问题产生的原因，是由于浏览器的安全机制，JS只能访问与所在页面同一个域（相同协议、域名、端口）的内容。 但是我们项目开发过程中，经常会遇到在一个页面的JS代码中，需要通过AJAX去访问另一个服务器并返回数据，这时候就会受到浏览器跨域的安全限制了。 […]

说明：License Server模式适用于集群部署，该模式在部署时需要单独启动License服务。 1 完成注册 1.1 获取机器码 运行license-server-windows_V3.2\license\bin目录下的key.bat文件。系统将自动得到该服务器的机器码，并在license-server-windows_V3.2\license目录下生成key的文件。如下图所示： 参考http://bbs.justep.com/forum.php?mod=viewthread&tid=45927将生成的key文件进行注册，获取license以便完成注册。 提示：Linux布署标准License服务时运行license-server-linux_V3.2\license\bin目录下的key.sh文件。 1.2 注册 获取到license以后运行license-server-windows_V3.2\license\bin目录下的register.bat文件。 将获取的license复制或输入到提示框中并回车，系统将自完成注册并显示注册的信息。如下图： 注册完成后会在license-server-windows_V3.2\license目录下自动生成License文件。 1.3 查看注册信息 注册完成后，可以通过运行license-server-windows_V3.2\license\bin目录下的view.bat文件查看注册规格。 2 运行License服务 2.1 端口和注册数据库连接设置： 修改license-server-windows_V3.2\bin下的server.xml文件，将数据库连接地址修改为x5系统库，说明如下： <root> <!-- 服务端口 --> <sys port="9090" path="/LicenseServer" shutdownPassword="123456"/> <!-- 系统数据库连接参数 --> <dataSource name="sys" [...]

注：本文内容适用于V3.2及以下版本，V3.3版本及以上版本请参考“Baas for PHP” 1、概述 baas是WeX5的轻量级后端服务框架，可以用于为WeX5页面快速构建后端数据服务。WeX5版本中在”apache-tomcat\webapps\baas”目录下自带了Java的版本，前面我们在另一篇文章中发布了.NET的版本，现在又给大家带来了PHP的版本。 2、部署和调试 2.1、部署 首先我们需要有一个可以运行的php环境。如果还没有呢，可以去下载个wamp，照着网上的教程，几分钟后就可以运行了。（我这里的环境是5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-64b） 部署示例数据库。这里也可以用X5自带的mysql服务，但是如果大家想将数据库部署在php集成的那个mysql服务中，那么可以在X5的“apache-tomcat\webapps\baas”目录中，找到“takeout数据库初始化.sql”，创建数据库名为takeout，排序规则选择utf8_general_ci，然后执行脚本就可以了。 部署php资源。下载解压baas.php.zip到php的web根目录下，我这里wamp安装到d:\wamp，所以根目录默认是d:\wamp\www。 进入X5开发工具，打开“/UI2/demo/baas/baas.js”，修改BASE_URL与上面的配置一致。 启动X5的tomcat服务，启动PHP\MYSQL等相关服务（我这里启动了wamp，就一起都启动了）。 打开浏览器，进入“http://localhost:8080/x5/UI2/portal/sample/index.w”，打开里面的外卖及baas相关案例，这时的数据就是来源于PHP的后端baas服务了。 2.2、调试 如果上面的过程顺利的话，那么打开外卖就能看到菜单，就能下订单了。但是由于大家各自的环境差异，难免会遇到各种问题。下面提供一系列的调试手段，希望能帮助大家快速定位解决问题。 首先判断php是否部署成功和URL是否正确 用浏览器访问“http://localhost/baas/X5BaasService.php”，正常的话应该显示如下。 如果这里就没通过，那么就要返回去检查前面PHP的部署了。 如果只是出现了Hello X5!，没有出现下面的数据，那是PHP中没有连接到MYSQL，大家可以在代码中调整数据库连接： 如果上面的显示没问题，那么接下来就可以确定服务已经正常了。 如果baas.js中的BASE_URL配置正确的话，那么就可以正常运行了。   3、代码结构 代码里有注释，类库结构和调用方法都与Java版本基本一致，大家也可以参考Java版本的相关文档http://doc.wex5.com/wex5-baas-guide/。   以上所有代码是一个PHP新手，靠着API手册和百度，现学现卖搞出来的。代码中难免有遗漏错误，或者不符合大多数PHP程序员习惯的写法和用法，期待大家多多指正。  另外：如果大家使用过程中遇到各种问题，或者是有砖要拍，都请移步到官方论坛bbs.justep.com。   下载资源：baas.php.zip  

WeX5有下面三种部署运行方式。 部署方式一：页面等应用资源打包到本地app，通过本地app直接访问(编译方式一)； 部署方式二：页面等应用资源部署到标准Web服务器，通过浏览器或本地app壳访问(编译方式一)； 部署方式三：页面等应用资源部署到UIServer，通过浏览器或本地app壳访问(编译方式二)； 如果是前两种部署方式，需要将应用所用的资源打包到本地app或复制到标准的Web服务器。“应用所用的资源”一般情况下都在应用的自己目录下，如果需要依赖应用目录之外的资源，就需要显示声明资源依赖。声明资源依赖有以下几种： 声明cordova插件依赖(针对移动应用)； 声明window文件依赖； 声明res资源依赖； 声明cordova插件依赖(针对移动应用) WeX5移动应用中，可以使用cordova插件调用手机或PAD提供的本地功能或服务，平台提供了丰富的cordova插件，如下图：   我们不仅可以直接使用WeX5中自带的cordova插件，也可以扩展定义自己的cordova插件，参考“WeX5如何使用和扩展本地插件（Cordova plugin）”。 有了cordova插件之后，我们在应用如何引用呢？引用的方式如下： require("cordova!应用包名") 其中“应用包名”就是cordova插件所在的目录名，例如“com.justep.cordova.plugin.alipay”、“com.justep.cordova.plugin.weixin”； 例如，在WeX5自带的“摄像头拍照/录像”案例中，引用的“cordova!cordova-plugin-camera”和“cordova!cordova-plugin-inappbrowser”插件， /UI2/demo/device/camera/mainActivity.js中的代码如下： define(function(require) { var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); require("$UI/system/lib/cordova/cordova"); require("css!$UI/demo/device/common/pub").load(); require("cordova!cordova-plugin-camera"); require("cordova!cordova-plugin-media-capture"); require("cordova!cordova-plugin-inappbrowser"); //... [...]

ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。 […]

WeX5能开发手机游戏app吗？ 不用怀疑，下面跟我一起来用WeX5实现“欢乐捕鱼app”吧 […]

在上一篇文章中，介绍了WeX5中如何引用JS，本文章继续介绍界面模块化的使用：引用css和text。 WeX5如何引用CSS 运行效果： 代码实现： define(function(require){ var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); //加载UI2下的css文件 require("css!./innerCss1").load(); require("css!$UI/demo/misc/importCss/innerCss2").load(); //加载外网的css文件 require("css!http://doc.wex5.com/wp-content/uploads/2015/04/outterCss1.css").load(); ... }); 说明：如代码所示，在WeX5中，通过require("css!xxx").load()的方式引用css文件，require的参数必须符合以下规则： 1. 参数必须是以"css!"开头的常量; 2. 路径支持以下几种情况：以"./"或"../"开头的相对路径（相对于当前js文件所在的路径），不需要扩展名；以"$UI/"开头的绝对路径（$UI表示UI2目录），不需要扩展名；以"http://"开头的绝对路径，且必须带扩展名（如果有扩展名）。 WeX5如何引用Text 在WeX5中，如果想下载服务端文本文件，也是通过require机制实现的，例如： //加载UI2下的text文件 var innerText1 = require("text!./innerText1.txt"); [...]

WeX5作为一个快速前端开发利器，它不仅有丰富的组件和强大的能力，而且能快速与第三方的功能进行集成，今天介绍如何在WeX5中快速集成主流的地图功能：百度地图、高德地图和Mapbar地图。 集成百度地图 我们先看看集成后的运行效果： 代码实现： <div class="tab-content" xid="div1"> <div class="tab-pane active" xid="tabContent1"> <div xid="baiduMap" style="height:600px;width:100%;"/> </div> <div class="tab-pane" xid="tabContent3"> <div xid="gaodeMap" style="height:600px;width:100%;"/> </div> </div> Model.prototype.loadBaiduMap = function() { var id = this.getIDByXID("baiduMap"); window._baiduInit [...]

WeX5的JS是基于AMD规范， 通过requirejs技术实现AMD规范。本文章主要介绍在WeX5中，如何引用JS，具体分为： 1.如何引用符合AMD规范的JS? 2.如何引用不符合AMD规范的JS？ 3.如何引用外部的JS？ 针对JS引用，平台自带了一个专门的演示案例importJs，目录结构如下： 1.如何引用符合AMD规范的JS文件? 方式一：通过require('xx')引用 AMD1.js是UI2下符合AMD规范的一个文件，代码如下： AMD1.js文件内容： define(function(require){ return { fnOfAMD1: function(){ alert("hello AMD1"); } }; }); importJs.js中引用AMD1.js的代码如下： define(function(require){ var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); //加载UI2下, 符合AMD规范的文件 [...]