此清单包含了wex5/bex5中的大部分案例，供学习参考。
| 学习资源清单-案例 | |||||
| 标题 | URL | 路径 | 摘要 | 标签 | wex5\bex5 |
| 下载及播放音频视频案例 | 下载/查看 | 用了cordova.file和cordova.fileTransfer组件实现文件（音频，视频，图片）的下载和存入相册的功能 | 音频、视频、图片的下载和存入相册 | 通用 | |
| 云ide开发登录页面 | 下载/查看 | 基于cloudX5的简单注册登录功能。实现了手机号码验证、邮箱验证、是否重复等功能 | 云ide开发 | 通用 | |
| Wex5新adminLTE风格门户 | 下载/查看 | 这是使用WeX5开发的AdminLTE风格的案例，本案例整合了官方PC端界面的100案例，并且可以很容易的使用AdminLTE提供的widgets，方便，简单，快捷 | AdminLTE界面风格 | 通用 | |
| 仿闲鱼 | 下载/查看 | 这是使用WeX5移动应用开发工具开发的一个H5App，功能仿闲鱼。1）登录及注册； 2）用户头像的上传 ； 3）鱼塘的创建（鱼塘都是百度地图定位到的周边建筑）；4）加入其它鱼塘；5）想要卖出的商品的发布（可选择发布到的鱼塘及商品的分类）；6）鱼塘的人气以及发布数；7）买商品；8）对自己所发布、买到及卖出商品的统计 | 基于地理位置、商品交易 | 通用 | |
| 仿一本时光 | 下载/查看 | 这是使用WeX5移动应用开发工具开发的一个H5App，功能仿一本时光。1、进入APP首页，展示相册两个成品效果，查看详情可以查看相册的功能介绍；2、APP右上角，进入我的页面，点击登录，手机验证登录，但是由于参考考虑，默认的验证码为4为数字，输入正确格式的手机号，和任意四位数字，即可登录。登陆后可以使用全部功能；3、返回首页，点击创建，开始创建自己的第一本相册，支持多选图片，由于图片上传效率考虑，一次最多只能上传15张图片；4、上传图片之后，进入编辑图片页面，成相册的形式，可以翻页，主要有风格、页面版式、编辑照片、编辑文字，4个主要功能。编辑完成后，可以选择下单或者保存；5、下单页功能，编辑地址，保存地址功能， | 图片上传、在线编辑图文 | 通用 | |
| 微信二维码名片应用下载 | 下载/查看 | 这是使用WeX5移动应用开发工具开发的一个H5App，功能在微信内根据用户输入的信息生成二维码名片，并带有微信分享功能。1、进入首页，输入个人信息，生成二维码名片图片；2、右上角，点击分享，分享至好友或朋友圈； | 生成二维码名片、微信分享 | 通用 | |
| 微信退款案例 | 下载/查看 | 微信退款 | 微信退款 | 通用(app运行) | |
| cordova插件案例 | 下载/查看 | 最新插件案例demo | 插件使用 | 通用(app运行) | |
| 随手拍案例 | UI2\demo\pai | 拍照，上传图片，显示当前位置 | 随手拍 | 通用(app运行) | |
| PC浏览器端的UI案例 | 下载/查看 | PC浏览器端的UI案例 | pc端案例 | 通用 | |
| QQ联系人列表案例 | 下载/查看 | 把QQ联系人以列表的形式展现出来 | QQ联系人列表 | 通用(app运行) | |
| 图片裁剪案例 | 下载/查看 | UI2\demo\picCut | 把选中图片裁剪成固定尺寸 | 裁剪图片 | 通用 |
| 图片瀑布流布局案例 | 下载/查看 | UI2\system\templates \direct\list12 | 图片以瀑布流的方式布局，点击小图放大显示，图片轮轮播滑动 | 瀑布流，轮播滑动，小图变大图 | 通用 |
| 主从表数据同步保存 | 下载/查看 | 表现多表同时保存的案例。功能：信息录入时基本信息和入职信息分别保存在两个数据表中（主表和从表）。实现了点击保存 主表和从表同步保存。如果一个表保存失败，另一个内的数据也不会保存。 | 多表保存 | 通用 | |
| 在线编辑组件案例 | 下载/查看 | 功能介绍：1- 可以让用户上传本地文件，点击能直接在线编辑文件；2- 保存文件数据到baasdata；以便下次打开可以直接查看 | 上传文件，在线编辑 | 通用 | |
| 值唯一验证案例 | 对值进行唯一验证 | 值唯一 | BeX5 | ||
| 翻船小游戏 | 下载/查看 | 游戏可以在微信中直接演示但需要微信第三方支持 | 需要微信支持 | 通用 | |
| 右下角消息提醒案例 | 下载/查看 | 在页面的右下角弹出消息提醒框，可以控制收回的时间和弹出是的动画效果等 | 消息提醒框 | 通用 | |
| 蓝牙案例 | 下载/查看 | 这是一个通过蓝牙来连接外设的示例，它包括在设备上启动蓝牙、打开蓝牙设置、扫描外设设备、连接设备、断开连接等功能。 | 通过蓝牙来连接外设 | 通用（app运行） | |
| APP中打开第三方应用案例 | 下载/查看 | 这是一个在APP中打开第三方应用的示例。 | 在APP中打开第三方应用 | 通用(app运行) | |
| APP中打开doc、pdf等文件案例 | 下载/查看 | 在APP中打开doc、pdf等文件，可以支持本地文件、网络文件等 | 在APP中打开doc、pdf等文件 | 通用(app运行) | |
| grid中显示attachmentImage上传 | 下载/查看 | 在grid表格中显示通过attachmentImage上传的图片 | 在grid表格中显示通过attachmentImage上传的图片 | BeX5 | |
| grid和报表中显示blobImage上传的图片案例 | 下载/查看 | 在grid表格中显示通过blobImage上传的图片 | 在grid表格中显示通过blobImage上传的图片 | BeX5 | |
| 报表中显示blobImage上传的图片案例 | 下载/查看 | 在报表中显示通过blobImage上传的图片 | 在报表中显示通过blobImage上传的图片 | BeX5 | |
| 登录案例 | 下载/查看 | 手机和邮箱进行验证登录案例 | 完整登录案例 | 通用(app运行) | |
| 记账本（acc_data） | 下载/查看 | UI2\demo\acc_data | 这是WeX5的一个记账本App应用，是WeX5自带的demo，源码就在您下载的WeX5里。您可在线体验以下功能： 1）显示账目列表； 2）设置账目分类； 4）记一笔； 5）左侧滑动菜单栏。
注：acc_data是不使用baasData访问baas |
显示账目列表、设置账目分类、记一笔、左侧滑动菜单栏 | 通用 |
| 记账本（account） | 下载/查看 | UI2\demo\account | 这是WeX5的一个记账本App应用，是WeX5自带的demo，源码就在您下载的WeX5里。您可在线体验以下功能： 1）显示账目列表； 2）设置账目分类； 4）记一笔； 5）左侧滑动菜单栏。 | 显示账目列表、设置账目分类、记一笔、左侧滑动菜单栏 | 通用 |
| 仿淘宝 | 下载/查看 | UI2\demo\taobao | 这是使用WeX5移动应用开发工具开发的一个H5?App，功能仿淘宝。全部源代码免费，您可在线体验以下功能： 1）模仿淘宝的首页展现； 2）查看购物车； 3）宝贝搜索页； 4）宝贝列表和宝贝详情的展现；本案例的在线体验是在PC上模拟手机效果(移动App演示效果更佳)。或关注WeX5微信公众号(起步软件，qbWeX5)，也能直接运行体验。 | 模仿淘宝的首页展现、查看购物车、宝贝搜索页、宝贝列表和宝贝详情的展现 | 通用 |
| 仿网易 | 下载/查看 | UI2\demo\netease | 这是使用WeX5移动应用开发工具开发的一个H5?App，?功能仿网易. 您可在线体验以下功能： 1）模仿网易的首页展现； 2）24小时新闻展现； 4）新闻列表和新闻详情的展现； 5）多栏目侧滑查看等。 | 模仿网易的首页展现、24小时新闻展现、新闻列表和新闻详情的展现、多栏目侧滑查看 | 通用 |
| 仿途牛 | 下载/查看 | UI2\demo\tuniu | 这是使用WeX5移动应用开发工具开发的一个H5?App，?功能仿途牛。 您可在线体验以下功能： 1）模仿途牛的首页展现； 2）切换城市； 3）旅游项目的搜索； 4）旅游项目列表和产品详情的展现； 5）多栏目侧滑查看等。 | 模仿途牛的首页展现、切换城市、旅游项目的搜索、旅游项目列表和产品详情的展现、多栏目侧滑查看 | |
| 外卖案例 | 下载/查看 | UI2\takeout | 这是WeX5的一个外卖订餐App应用，是WeX5自带的demo，源码就在您下载的WeX5里。 您可在线体验以下功能： 1）菜单选择加入购物车； 2）购物车下单； 3）历史订单查看； 4）用户信息管理。 | 菜单选择加入购物车、购物车下单、历史订单查看、用户信息管理 | 通用 |
| 新外卖案例 | UI2\demo\takeoutNew | 在之前外卖案例的基础上，新增可动态上传菜品图片、可查看商品是否热销及下架等信息 | 动态上传图片，查看商品热销下架、信息 | 通用 | |
| 外卖案例后台管理 | UI2\demo\takeoutAdmin | 这是外卖案例后台管理实例，您可以体验以下功能： 1）菜品管理，实现对菜品的增删改查； 2）订单管理，实现对订单的查询，修改，删除； 3）会员管理，对会员信息进行增加，修改，删除； 4）统计分析，查看某一时间段销售情况。 | 菜品管理，订单管理，会员管理，统计分析 | 通用 | |
| 移动协同办公 | 下载/查看 | UI2\portal\mobile | 这是BeX5的移动协同办公示例，是BeX5自带的，源码就在您下载的BeX5里。 BeX5企业快速开发平台中提供了一个移动业务门户，包括工作交办、日程管理、出差管理、请假管理、客户信息、?客户拜访等协同办公功能，并提供有组件、报表图表、硬件能力、外卖、订单、随手拍等丰富的演示案例。 | 工作交办、日程管理、 出差管理、请假管理、 客户信息、?客户拜访；组件、报表图表、硬件能力、外卖、订单、随手拍 | BeX5 |
| 综合演示移动端实例 | 下载/查看 | UI2\portal\sample | 这是WeX5的综合演示示例，是WeX5自带的，源码就在您下载的WeX5里。 该示例包括：List、地图定位、扫一扫、音频录播、加速度、摄像头、TodoMVC等，并有各个组件的演示案例，可以一窥WeX5移动开发的强大能力。 | List、地图定位、扫一 扫、音频录播、加速度、摄像头、TodoMVC | 通用(app运行) |
| 综合演示pc端实例 | UI2\portal\sample-pc2 | 这是综合演示pc端实例，该示例包括仿途牛，外卖，记账本，记账本-设置分类，简单数据，复杂数据，树形数据，主从数据，TodoMVC,touchjs等，并有各个组件的演示案例 | 仿途牛，外卖，记账本，记账本-设置分类，简单数据，复杂数据，树形数据，主从数据，TodoMVC,touchjs | BeX5 | |
| 短信邮件注册登录案例 | 下载/查看 | UI2\demo\regLogin | 这是短信邮件注册登录案例，可以使用手机号或者邮箱进行注册，注册成功后可登录 | 手机号注册/登录， 邮箱注册/登录 | 通用(app运行) |
| 加速度传感器 | UI2\demo\native \accelerometer | 这是加速度传感器实例，您可 在线体验以下功能：获取当前 设备加速度，监听设备加速度 变化，停止监听设备加速度变化 | 获取当前设备加速度，监听设备加速度变化，停止监听设备加速度变化 | 通用(app运行) | |
| 音频录制/播放 | UI2\demo\native \audio | 这是音频录制/播放实例，您可以体验以下功能：使用设备录音，播放已经录制的音频文件，清除已有记录 | 音频录制，音频播放 | 通用(app运行) | |
| 二维码扫描 | UI2\demo\ native\barcode | 打击扫一扫，扫描二维码 | 二维码扫描 | 通用(app运行) | |
| 日历插件实例 | UI2\demo\plugin \calendar | 这是日历插件实例，您可以体验以下功能：创建自定义活动，打开本地日历应用，查找活动，删除活动，列出所有活动，创建和管理本地日历（限于iOS） | 创建自定义活动，打开本地日 历应用，查找活动，删除活动 ，列出所有活动，创建和管理 本地日历 | 通用(app运行) | |
| 摄像头拍照/录像 | UI2\demo\native \camera | 这是摄像头拍照/录像实例，您可以体验以下功能：摄像头拍照，摄像头录像 | 摄像头拍照，摄像头录像 | 通用(app运行) | |
| list组件显示手机图片案例 | 下载/查看 | UI2\demo\native \camera | 功能介绍：1、使用imagepicker插件选择手机内的图片。2、通过list显示图片和图片路径 | imagepicker插件，显示手机照片 | 通用(app运行) |
| 缓存清除插件实例 | UI2\demo\native \clearCache | 这是缓存清除插件实例，您可以体验以下功能：清除缓存 | 清除缓存 | 通用(app运行) | |
| 复制粘贴插件实例 | UI2\demo\native \clipboard | 这是复制粘贴插件实例，您可 以体验以下功能：复制文本框 的内容，粘贴在另一个文本框中 | 文字复制粘贴 | 通用(app运行) | |
| 文件下载插件实例 | UI2\demo\native \downloader | 这是文件下载插件实例，您可以体验以下功能：下载单个文件，下载多个文件，判断该插件是否初始化 | 文件下载 | 通用(app运行) | |
| 文件打开插件实例 | UI2\demo\native \fileOpener | 这是文件打开插件实例，您可以体验以下功能：打开拍照保存的图片，卸载相应应用，判断app是否存在 | 打开文件，卸载应用，判断 app是否存在 | 通用(app运行) | |
| 地图/地理定位 | UI2\demo\native \geolocation | 这是地图/地理定位实例，您可以体验以下功能：打开百度地图，获取设备位置信息，监听设备位置信息，停止监听 | 打开百度地图，获取设备位置 信息，监听设备位置信息，停 止监听 | 通用(app运行) | |
| 键盘插件实例 | UI2\demo\native \keyboard | 这是键盘插件实例，您可以体验以下功能：适用于android设备的显示软键盘，隐藏软键盘，适用于iOS的禁止视图滚动 | 显示软键盘，隐藏软键盘，禁 止视图滚动 | 通用(app运行) | |
| 屏幕旋转插件实例 | UI2\demo\plugin \screenorientation | 这是屏幕旋转插件实例，您可以体验以下功能：旋转和锁定横屏，旋转和锁定竖屏，取消屏幕锁定屏幕方向跟随系统，获取当前屏幕方向参数 | 旋转和锁定横屏，旋转和锁定 竖屏，解除屏幕锁定，获取当 前屏幕方向参数 | 通用(app运行) | |
| 分享案例1 | UI2\demo\ native\share | 这是分享案例1，您可以体验以下功能：将当前页面分享到微博，微信，朋友圈，QQ空间，QQ | 分享到微博，微信，朋友圈， QQ空间，QQ | 通用(app运行) | |
| 分享案例2 | UI2\demo\native \shareInfo | 这是分享案例2，您可以体验以下功能：调用手机原生的分享方式，分享当前页面的内容 | 分享当前页面的内容 | 通用(app运行) | |
| 浮动提示插件实例 | UI2\demo\ native\toast | 这是浮动提示插件实例，您可 以体验以下功能：显示一个浮动提示框，手动隐藏浮动提示框，垂直调整显示位置 | 显示浮动提示框，手动隐藏浮 动提示框，垂直调整显示位置 | 通用(app运行) | |
| 视频播放插件实例 | UI2\demo\native \videoplayer | 这是视频播放插件实例，您可以体验以下功能：输入视频路径，点击播放视频 | 视频播放 | 通用(app运行) | |
| 本地列表插件实例 | UI2\demo\native \actionsheet | 这是本地列表插件实例，您可以体验以下功能：创建一个分享列表，删除列表，显示一个Log?out的列表，5s后自动关闭 | 创建分享列表，删除列表，显示一个Log?out的列表，5s后自动关闭 | 通用(app运行) | |
| app后台运行实例 | UI2\demo\native \backgroundMode | 这是app后台运行实例，您可以体验以下功能：激活app后台运行模式，终止app后台运行模式，设置默认配置，设置slient | 激活app后台运行模式，终止app后台运行模式，设置默认配置，设置slien | 通用(app运行) | |
| 语音搜索实例 | UI2\demo\native \voiceSearch | 这是语音搜索实例，您可以体验以下功能：点击“按住说话”说出想要查看的书籍进行语音搜索 | 语音搜索 | 通用(app运行) | |
| 评论实例 | UI2\demo\comments | 这是评论实例，您可以体验以下功能：编辑姓名，评论内容点击提交进行评论 | 评论 | 通用 | |
| 对话框实例 | UI2\demo\dialog | 这是对话框实例，您可以体验以下功能：空对话框，列表单选，列表多选，树形单选，树形多选 | 空对话框，列表单选，列表多选，树形单选，树形多选 | 通用 | |
| 初始页实例 | UI2\demo\initPage | 这是初始页实例，您可以体验以下功能：设置初始页以下内容：手动输入初始页域名，二维码扫描设定，APP内置初始页 | 手动输入初始页域名，二维码扫描设定，APP内置初始页 | 通用(app运行) | |
| 消息推送实例 | UI2\demo\misc \message | 这是消息推送实例，您可以体验以下功能：选中联系人，编辑消息标题，消息类型，消息页面内容点击发送进行消息推送 | 消息推送 | 通用(app运行) | |
| todoMVC | UI2\demo\misc \todoMVC | 这是todoMVC实例，您可以体验以下功能：待办事项的增加的删除 | 待办事项的增加的删除 | 通用 | |
| echarts实例 | UI2\demo\misc \echarts | 这是echarts实例，您可以体验以下功能：echarts图表的展示 | echarts图表的展示 | 通用 | |
使用方法:
- 下载wex5/bex5开发工具。下载地址：http://www.wex5.com/downloads/
- 解压下载的开发工具（解压的时候不要放在含中文、空格和特殊字符的目录下）。
- 运行开发工具studio：打开解压文件夹，找到“启动WeX5开发工具.bat”，并双击。
- 启动数据库：找到“启动MySQL数据库.bat”，并双击。
- 启动tomcat:点击studio内的
，当控制台出现启动时间，且没有报错，说明启动正常. - 以下是进行查看的两种方式：
- 根据路径找到相应的资源，然后找到文件夹下的.w文件，点击鼠标右键用浏览器运行即可查看案例。（pc端）
- 根据路径找到相应的资源，在native下进行打包（必须用app运行查看的时候才进行打包），扫描二维码，手机运行即可查看案例。（移动端）
打包方法请仔细阅读：
WeX5平台App打包教程：http://doc.wex5.com/app-packing/
WeX5平台App打包过程详解：http://doc.wex5.com/wex5-platform-to-app-process/
评一波