WeX5

1 安装及启动

WeX5是绿色免安装的，下载好工具后，解压即可直接使用。

请一定要注意：不能解压到含中文、空格和特殊字符的目录下，例如：Program   Files，是不可以的，因为包含空格。

安装后根目录下有以下几个批处理：

• 启动Chrome浏览器.bat

  平台版本内置Chrome浏览器，且已经将开发过程中经常用的调试访问链接进行收藏，便于开发者直接使用。

• 启动MySQL数据库.bat

  平台版本内置MySQL数据库，版本是5.6.26，默认端口号3306。如果你本机有安装MySQL，需要修改MySQL数据库的端口，否则就会冲突。

• 启动MySQL管理工具.bat

  启动版本中MySQL的管理工具。

• 启动WeX5开发工具.bat

  运行进入开发环境。

• 启动WeX5运行平台（调试模式）.bat

  以调试模式启动X5自带的Tomcat服务，适用与开发阶段。

• 启动WeX5运行平台.bat

  启动X5自带的Tomcat服务（结束服务按Ctrl+C键）。

2 案例运行

开发工具中，已经带了几个学习案例，包括：综合演示案例、外卖案例、记账本、仿途牛案例、仿淘宝案例、仿网易案例等，可以直接运行体验运行效果。

其中外卖和记账本两个案例，需要使用到MySQL数据库，因此如果访问这两个案例需要启动数据库。

2.1  启动服务

1)   运行“启动MySQL数据库.bat”，注意一定保证运行时的黑色窗口保持开启状态，如果自动关闭，说明数据库启动有问题。

2)   运行“启动WeX5运行平台.bat”（保持窗口打开，不能关闭）。

2.2  PC浏览器运行运行“启动Chrome浏览器.bat”

显示页面后，按F12键，找到手机图标，点击之后，再次刷新，即可显示浏览器模拟手机访问的效果。

2.3  手机浏览器运行

你可以直接使用手机或者平板浏览器访问以上案例，只需将手机或平板跟你电脑在同一个网络上，直接浏览器输入以上地址，其中的localhost替换为局域网的IP地址即可。

2.4  手机APP运行

如果你希望体验一下手机App运行效果，需要进入Studio开发工具进行打包，详细步骤参见：http://doc.wex5.com/wex5-app-pack/，也可以直接在官网在线体验扫描二维码直接下载App进行体验。

2.5  微信运行

请在微信中关注起步官方微信，即可体验微信内案例运行效果。通讯录，添加朋友，查找“起步软件”即可关注。

3 目录说明

• apache-tomcat

  Tomcat服务目录。

• java

  Java运行环境。

• model

  模型资源，开发出来的资源将存放在这里。

• node

  node js执行程序。

• mysql

  MySQL数据库，运行“启动MySQL数据库.bat”启动MySQL数据库，“启动MySQL管理工具.bat”对MySQL进行配置管理。

• runtime

  WeX5运行时核心服务，包括UI服务和Baas服务。

• studio

  WeX5建模开发工具，由"启动WeX5开发工具.bat"启动。

• tools

  adt-sdk： android sdk；

  apache-ant： ant命令行工具；

  compile\compileUI.bat： 编译model目录下的UI2资源；

  compile\compileBaas.bat： 编译model目录下的Baas资源；

  compile\compileBaasDebug.bat：用于开发调试下编译model目录下的Baas资源；

  chromium：默认studio中.w文件运行的chrome浏览器；

  cordova： cordova命令行工具；

  dist\dist.bat： 资源合并工具；

  dist\less.bat： css生成工具。

4 资源获取

API手册：Studio工具，菜单栏“WeX5文档”——API手册；

文档中心：http://www.wex5.com/doc/；

视频教程：http://www.wex5.com/downloads/；

资源下载：http://www.wex5.com/zh-download-page/；

开发社区：http://bbs.wex5.com/forum.php；

在线体验：http://www.wex5.com/appstore/；

加入QQ群：http://www.wex5.com/qqgroup/   WeX5/BeX5官方技术4群：189469727。

5 入门学习5.1  初识WeX5

1  demo使用说明  （课程时长21分钟）

本视频介绍WeX5的四个demo案例：综合演示、外卖、仿途牛、WeX5论坛的运行和APP体验方法，使您初

步了解WeX5的能力。

2  我的第一个应用  （课程时长8分钟）

本视频通过一个简单的hello案例介绍，使您了解如何使用WeX5开发一个手机应用的过程，进一步了解WeX5的具体开发过程。

3  APP完整开发过程  （课程时长60分钟）

本视频完整介绍使用WeX5开发APP应用的过程，使您对WeX5的开发工具使用、开发原理有一个全面的认识。

4  WeX5开发工具入门  （课程时长44分钟）

本视频详细介绍WeX5开发工具，了解开发工具的具体使用和操作技巧，使您轻松开启WeX5开发之旅。

5.2  认识WeX5组件

组件使用基础：

WeX5的界面是由组件构成的，组件是一个可以以图形化方式显示在屏幕上，并能与用户进行交互的对象。组件是对数据和方法的封装，有自己的属性、事件和方法等。组件使用基础将从组件的创建、属性、方法、操作、事件、样式、API、调试等方面详细介绍组件的使用。

常用组件：

data数据组件
input数据输入的基础组件
list动态数据显示组件
panel上中下结构的页面组件

contents滑动切换页面的组件
row行组件
其他常用组件

5.3  学习外卖开发案例

这里将学习使用WeX5开发一个外卖订餐的App应用。这个外卖案例具有：菜单选择加入购物车；购物车下单；历史订单查看；用户信息管理等功能。

该教程将手把手教您WeX5开发外卖案例的全过程，包括开发APP前端页面、后端服务调用、手机定位和手机支付（微信支付、支付宝支付）、打包部署以及微信公众号开发等。通过逐行代码的讲解方式，您将通过这个案例的学习，进一步掌握WeX5开发的方法和技巧。（课程时长3小时）

5.4  进阶WeX5代码基础和调试

这里将介绍WeX5初级开发的代码基础，包括JS引用、引用CSS和text等，以及如何进行代码调试，为您进一步玩转WeX5打下坚实的基础！

WeX5如何引用JS
WeX5如何显示声明依赖

WeX5如何引用css和text
WeX5代码调试

6 常见问题

在您使用WeX5开发工具时，您可能会遇到一些问题。例如：解压中文乱码、批处理闪退、数据库问题、打包问题等。请点击这里

7 baas.net/baas.php使用说明Baas.net server使用说明
Baas.php server使用说明