当前位置: 首页 > 工具软件 > WeX5 > 使用案例 >

WeX5

施玉宸
2023-12-01

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、调试等方面详细介绍组件的使用。

常用组件:
5.3  学习外卖开发案例

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

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

5.4  进阶WeX5代码基础和调试

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

6 常见问题

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

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
























 类似资料:

相关阅读

相关文章

相关问答