IDE工具下载: http://wex5.com/cn/downloads/
WeX5是绿色免安装的,下载好工具后,解压即可直接使用。
请一定要注意:不能解压到含中文、空格和特殊字符的目录下, 例如:Program Files,是不可以的,因为包含空格。
安装后根目录下有以下几个批处理:
平台版本内置Chrome浏览器,且已经将开发过程中经常用的调试访问链接进行收藏,便于开发者直接使用。
平台版本内置MySQL数据库,版本是5.6.26,默认端口号3306。如果你本机有安装MySQL,需要修改MySQL数据库的端口,否则就会冲突。
启动版本中MySQL的管理工具。
运行进入开发环境。
以调试模式启动X5自带的Tomcat服务,适用与开发阶段。
启动X5自带的Tomcat服务(结束服务按Ctrl+C键)。
开发工具中,已经带了几个学习案例, 包括:综合演示案例、外卖案例、记账本、仿途牛案例、仿淘宝案例、 仿网易案例等,可以直接运行体验运行效果。
其中外卖和记账本两个案例,需要使用到MySQL数据库, 因此如果访问这两个案例需要启动数据库。
1) 运行“启动MySQL数据库.bat”,注意一定保证运行时的黑色窗口保持开启状态,如果自动关闭,说明数据库启动有问题。
2) 运行“启动WeX5运行平台.bat”(保持窗口打开,不能关闭)。
综合演示案例:http://localhost:8080
外卖案例:http://localhost:8080/x5/UI2/takeout/index.w
记账本案例:http://localhost:8080/x5/UI2/demo/account/index.w
仿途牛案例:http://localhost:8080/x5/UI2/demo/tuniu/index.w
仿淘宝案例:http://localhost:8080/x5/UI2/demo/taobao/index.w
仿网易案例:http://localhost:8080/x5/UI2/demo/netease/index.w
显示页面后,按F12键,找到手机图标,点击之后,再次刷新,即可显示浏览器模拟手机访问的效果。
你可以直接使用手机或者平板浏览器访问以上案例,只需将手机或平板跟你电脑在 同一个网络上,直接浏览器输入以上地址,其中的localhost替换为局域网的IP地址即可。
如果你希望体验一下手机App运行效果,需要进入Studio开发工具进行打包, 详细步骤参见: http://wex5.com/cn/wex5-platform-to-app-process/ ,也可以直接在 官网在线体验扫描二维码直接下载App进行体验。
请在微信中关注起步官方微信,即可体验微信内案例运行效果。 通讯录,添加朋友,查找“起步软件”即可关注。
Tomcat服务目录。
Java运行环境。
模型资源,开发出来的资源将存放在这里。
node js执行程序。
MySQL数据库,运行“启动MySQL数据库.bat”启动MySQL数据库,“启动MySQL管理工具.bat”对MySQL进行配置管理。
WeX5运行时核心服务,包括UI服务和Baas服务。
WeX5建模开发工具,由"启动WeX5开发工具.bat"启动。
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生成工具。
API手册:Studio工具,菜单栏“WeX5文档”——API手册;
文档中心:http://wex5.com/cn/doc/;
视频教程:http://wex5.com/cn/downloads/;
资源下载:http://wex5.com/cn/zh-download-page;
开发社区:http://wex5.com/cn/bbs/index.html;
在线体验:http://wex5.com/cn/appstore/;
加入QQ群:http://wex5.com/cn/qqgroup/ WeX5/BeX5官方技术4群:189469727。
1 demo使用说明 (课程时长21分钟)
本视频介绍WeX5的四个demo案例:综合演示、外卖、仿途牛、WeX5论坛的运行和APP体验方法,使您初步了解WeX5的能力。
2 我的第一个应用 (课程时长8分钟)
本视频通过一个简单的hello案例介绍,使您了解如何使用WeX5开发一个手机应用的过程,进一步了解WeX5的具体开发过程。
3 APP完整开发过程 (课程时长60分钟)
本视频完整介绍使用WeX5开发APP应用的过程,使您对WeX5的开发工具使用、开发原理有一个全面的认识。
4 WeX5开发工具入门 (课程时长44分钟)
本视频详细介绍WeX5开发工具,了解开发工具的具体使用和操作技巧,使您轻松开启WeX5开发之旅。
WeX5的界面是由组件构成的,组件是一个可以以图形化方式显示在屏幕上,并能与用户进行交互的对象。组件是对数据和方法的封装,有自己的属性、事件和方法等。 组件使用基础将从组件的创建、属性、方法、操作、事件、样式、API、调试等方面详细介绍组件的使用。
常用组件:这里将学习使用WeX5开发一个外卖订餐的App应用。这个外卖案例具有:菜单选择加入购物车;购物车下单;历史订单查看;用户信息管理等功能。
该教程将手把手教您WeX5开发外卖案例的全过程,包括开发APP前端页面、后端服务调用、手机定位和手机支付(微信支付、支付宝支付)、打包部署以 及微信公众号开发等。通过逐行代码的讲解方式,您将通过这个案例的学习,进一步掌握WeX5开发的方法和技巧。(课程时长3小时)
这里将介绍WeX5初级开发的代码基础,包括JS引用、引用CSS和text等,以及如何进行代码调试,为您进一步玩转WeX5打下坚实的基础!
在您使用WeX5开发工具时,您可能会遇到一些问题。例如:解压中文乱码、批处理闪退、数据库问题、打包问题等。 请点击这里