wex5/bex5学习资源——案例汇总

zhijun

大家在学习和使用wex5/bex5过程中，免不了要参考一些案例。今天做了一个案例的汇总清单，包含现有的大部分案例介绍及下载地址，方便大家查阅。
另外，开发工具中包含了部分经典案例的源代码，这些案例的路径也一并附上。
=============================================================================
下载及播放音频视频案例    查看/下载
案例综合使用了cordova.file和cordova.fileTransfer组件实现文件（音频，视频，图片）的下载和存入相册的功能。

云ide开发登录页面    查看/下载
基于cloudX5的简单注册登录功能。实现了手机号码验证、邮箱验证、是否重复等功能

Wex5新adminLTE风格门户    下载
本案例使用WeX5开发，采用AdminLTE界面风格。案例中整合了官方PC端界面的100案例，并且可以很简单快捷地使用AdminLTE提供的widget。

仿闲鱼    下载
本案例使用WeX5开发，基于地理位置、商品交易。功能仿闲鱼，具体包括：
①登录及注册；    ②用户头像的上传 ；    ③鱼塘创建（鱼塘为百度地图定位到的周边建筑）；    ④加入其它鱼塘；   
⑤发布想要卖出的商品（可选择发布到的鱼塘及商品分类）；    ⑥鱼塘的人气及发布数；    ⑦购买商品；    ⑧统计自己所发布、买到及卖出的商品。

仿一本时光    下载
本案例使用WeX5开发。功能仿一本时光，具体包括：
①展示相册成品，查看介绍；    ②手机验证登录；    ③创建相册，支持多选图片；
④编辑相册格式，可翻页；    ⑤下单页功能，编辑/保存地址。

微信二维码名片应用    下载
功能：在微信内根据用户输入的信息生成二维码名片；微信分享。

微信退款案例      下载
本案例功能为微信退款。

cordova插件案例      查看/下载
常用cordova插件使用说明汇总帖，包含案例与源码。

随手拍案例
路径：UI2\demo\pai  
功能：拍照，上传图片，显示当前位置。

PC浏览器端的UI案例     查看/下载
本案例用WeX5来做PC浏览器端的UI。

QQ联系人列表案例    查看/下载
本案例把QQ联系人以列表形式展现出来；

图片裁剪案例    查看/下载
路径：UI2\demo\picCut         功能：将本地图片裁剪成固定尺寸、实时查看效果、上传。

图片瀑布流布局案例      查看/下载
路径：UI2\system\templates \direct\list12        
功能：图片以瀑布流的方式布局，点击小图放大显示，图片图片轮播滑动。

主从表数据同步保存     查看/下载
表现多表同时保存的案例。信息录入时基本信息和入职信息分别存在两个数据表中（主表和从表），点击同步保存。

在线编辑组件案例      查看/下载
功能：本地文件上传与在线编辑，保存文件数据到baasdata。

值唯一验证案例
这是一个BeX5案例，对值进行唯一验证。

翻船小游戏     查看/下载
小游戏案例，可以在微信中直接演示但需要微信第三方支持。

右下角消息提醒案例      查看/下载
在页面的右下角弹出消息提醒框，可以控制收回时间、弹出时的动画效果等。

蓝牙案例       查看/下载
这是一个通过蓝牙来连接外设的示例，它包括在设备上启动蓝牙、打开蓝牙设置、扫描外设设备、连接设备、断开连接等功能。

APP中打开第三方应用案例     查看/下载
这是一个在APP中打开第三方应用的示例。

APP中打开doc、pdf等文件案例       查看/下载
在APP中打开doc、pdf等文件。支持本地文件、网络文件等。

grid中显示attachmentImage上传      查看
这是BeX5案例，在grid表格中显示通过attachmentImage上传的图片。

grid和报表中显示blobImage上传的图片案例      查看
这是BeX5案例，在grid表格中显示通过blobImage上传的图片。

报表中显示blobImage上传的图片案例      下载
这是BeX5案例，在报表中显示通过blobImage上传的图片。

登录案例     查看/下载
手机和邮箱进行验证登录案例。

记账本       查看/下载
路径： UI2\demo\acc_data 或 UI2\demo\accoun（前者不使用baasData访问baas）
这是WeX5的一个记账本App应用。功能包括显示账目列表、设置账目分类、记一笔、左侧滑动菜单栏。

仿淘宝      查看/下载
路径：UI2\demo\taobao  
本案例用WeX5开发，功能仿淘宝，包括：①模仿淘宝的首页展现；    ②查看购物车；    ③搜索页；    ④宝贝列表和详情的展现。

仿网易       查看/下载
路径：UI2\demo\netease
本案例用WeX5开发，功能仿网易，包括：①模仿网易的首页展现；    ②24小时新闻展现；     ③新闻列表和详情的展现；    ④多栏目侧滑查看。

仿途牛      查看/下载
路径：UI2\demo\tuniu
本案例用WeX5开发，功能仿途牛，包括： ①模仿途牛的首页展现；     ②切换城市；     ③旅游项目搜索；    ④旅游项目列表和产品详情的展现；    ⑤多栏目侧滑查看。   

外卖案例      查看/下载
路径：UI2\takeout
这是WeX5的一个外卖订餐App应用，功能包括：①菜单选择加入购物车；    ②购物车下单；    ③历史订单查看；    ④用户信息管理。

新外卖案例
路径：UI2\demo\takeoutNew        
在之前外卖案例的基础上新增功能：动态上传图片、查看商品是否热销及下架等信息。

外卖案例后台管理
路径：UI2\demo\takeoutAdmin
这是外卖案例后台管理实例。功能包括：菜品管理，订单管理，会员管理，统计分析。

移动协同办公       查看/下载
路径：UI2\portal\mobile
这是BeX5的移动协同办公示例。包括工作交办、日程管理、出差管理、请假管理、客户信息、客户拜访等协同办公功能；并提供有组件、报表图表、硬件能力、外卖、订单、随手拍等丰富的演示案例。

综合演示移动端实例     查看/下载
路径：UI2\portal\sample
这是WeX5的综合演示示例。功能包括：List、地图定位、扫一扫、音频录播、加速度、摄像头、TodoMVC等，并有各个组件的演示案例，可以一窥WeX5移动开发的强大能力。

综合演示pc端实例
路径：UI2\portal\sample-pc2
这是BeX5的综合演示pc端实例，包括仿途牛，外卖，记账本，记账本-设置分类，简单数据，复杂数据，树形数据，主从数据，TodoMVC,touchjs等，并有各个组件的演示案例。

zhijun

短信邮件注册登录案例    下载
路径：UI2\demo\regLogin
功能：使用手机号或者邮箱进行注册，注册成功后可登录

加速度传感器
路径：UI2\demo\native\accelerometer
功能：获取当前设备加速度，监听设备加速度变化，停止监听 。

音频录制/播放
路径：UI2\demo\native\audio
功能：使用设备录音，播放录制好的音频文件，清除记录。

二维码扫描
路径： UI2\demo\native\barcode
功能：扫描二维码

日历插件实例
路径：UI2\demo\plugin\calendar
功能：创建自定义活动，打开本地日历应用，查找活动，删除活动，列出所有活动，创建和管理本地日历（限于iOS）

摄像头拍照/录像
路径：UI2\demo\native \camera
功能：摄像头拍照、摄像头录像。

list组件显示手机图片案例      查看/下载
路径：UI2\demo\native\camera
功能：选择手机内的图片；显示图片及其路径。

缓存清除插件实例
路径：UI2\demo\native\clearCache
功能：清除缓存。

复制粘贴插件实例
路径：UI2\demo\native\clipboard  
功能：复制文本内容，粘贴到另一个文本框中。

文件下载插件实例
路径：UI2\demo\native\downloader
功能：下载单个/多个文件，判断该插件是否初始化。

文件打开插件实例
路径：UI2\demo\native \fileOpener
功能：打开文件，卸载应用，判断app是否存在。

地图/地理定位
路径：UI2\demo\native \geolocation
功能：打开百度地图，获取设备位置信息，监听设备位置信息，停止监听。

键盘插件实例
路径：UI2\demo\native \keyboard
功能：显示软键盘，隐藏软键盘（适用于android设备）；禁止视图滚动（适用于iOS）。

屏幕旋转插件实例
路径：UI2\demo\plugin \screenorientation
这是屏幕旋转插件实例，

分享案例1
路径：UI2\demo\ native\share
功能：将当前页面分享到微博，微信，朋友圈，QQ空间，QQ。

分享案例2
路径：UI2\demo\native \shareInfo
功能：调用手机原生的分享方式，分享当前页面的内容。

浮动提示插件实例
路径：UI2\demo\ native\toast
功能：显示一个浮动提示框，手动隐藏浮动提示框，垂直调整显示位置。

视频播放插件实例
路径：UI2\demo\native \videoplayer
功能：输入视频路径，点击播放。

本地列表插件实例
路径：UI2\demo\native \actionsheet
功能：创建/删除分享列表，显示一个Logout的列表，5s后自动关闭。

app后台运行实例
路径：UI2\demo\native \backgroundMode
功能：激活/终止app后台运行模式，终止app后台运行模式，设置默认配置，设置slient。

语音搜索实例
路径：UI2\demo\native \voiceSearch
功能：点击“按住说话”说出想要查看的书籍进行语音搜索。

评论实例
路径：UI2\demo\comments
功能：编辑姓名和评论内容，点击提交进行评论。

对话框实例
路径：UI2\demo\dialog
功能：空对话框，列表单选，列表多选，树形单选，树形多选。

初始页实例
路径：UI2\demo\initPage
功能：手动输入初始页域名，二维码扫描设定，APP内置初始页。

消息推送实例
路径：UI2\demo\misc\message
功能：选中联系人，编辑消息标题、消息类型、消息页面内容，点击发送进行消息推送。

todoMVC
路径：UI2\demo\misc\todoMVC
功能：待办事项的增加的删除。

echarts实例
路径：UI2\demo\misc\echarts
功能：echarts图表的展示 。


还可以点击这里，查看插件的详细介绍和使用方法：http://docs.wex5.com/learning-resource-cases/

千里之外2

我想说的是，这个链接地址不正确


图片裁剪案例     查看/下载
路径：UI2\demo\picCut         功能：将本地图片裁剪成固定尺寸、实时查看效果、上传。

还好，下边有这个链接，里面有正确的

还可以点击这里，查看插件的详细介绍和使用方法：http://docs.wex5.com/learning-resource-cases/

zhijun

千里之外2 发表于 2016-8-25 16:26
我想说的是，这个链接地址不正确

非常感谢你的细心提醒，下载地址已经修复

lshfong

支持

lshfong

收藏备用

yuanyang

很多页面不存在……

zhijun

yuanyang 发表于 2016-9-18 20:59
很多页面不存在……

那些页面不存在？是百度云盘不存在下载资料吗？

a87943905

数据库怎么导入、设置啊？

samsun288

这2个教程在哪？

路径：UI2\demo\takeoutNew        
在之前外卖案例的基础上新增功能：动态上传图片、查看商品是否热销及下架等信息。

外卖案例后台管理
路径：UI2\demo\takeoutAdmin
这是外卖案例后台管理实例。功能包括：菜品管理，订单管理，会员管理，统计分析。