起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 23015|回复: 21

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

  [复制链接]

4

主题

18

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
发表于 2016-8-16 16:11:29 | 显示全部楼层 |阅读模式
本帖最后由 zhijun 于 2016-8-29 17:49 编辑

大家在学习和使用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等,并有各个组件的演示案例。











评分

参与人数 2威望 +35 收起 理由
kenminkajp + 15 赞一个!
Masion + 20 很给力!

查看全部评分

4

主题

18

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
 楼主| 发表于 2016-8-16 16:13:26 | 显示全部楼层
本帖最后由 zhijun 于 2016-8-29 17:43 编辑

短信邮件注册登录案例    下载
路径: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/



回复 支持 反对

使用道具 举报

90

主题

703

帖子

1026

积分

金牌会员

Rank: 6Rank: 6

积分
1026
QQ
发表于 2016-8-25 16:26:08 | 显示全部楼层
我想说的是,这个链接地址不正确


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

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

还可以点击这里,查看插件的详细介绍和使用方法:http://docs.wex5.com/learning-resource-cases/
回复 支持 反对

使用道具 举报

4

主题

18

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
 楼主| 发表于 2016-8-26 13:15:18 | 显示全部楼层
千里之外2 发表于 2016-8-25 16:26
我想说的是,这个链接地址不正确

非常感谢你的细心提醒,下载地址已经修复
回复 支持 反对

使用道具 举报

28

主题

70

帖子

226

积分

中级会员

Rank: 3Rank: 3

积分
226
QQ
发表于 2016-8-31 09:28:48 | 显示全部楼层
支持

点评

支持!! http://m.shubaol.com 书包网辣文  发表于 2017-3-18 19:03
回复

使用道具 举报

28

主题

70

帖子

226

积分

中级会员

Rank: 3Rank: 3

积分
226
QQ
发表于 2016-9-9 14:05:01 | 显示全部楼层
收藏备用
回复

使用道具 举报

0

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
QQ
发表于 2016-9-18 20:59:19 | 显示全部楼层
很多页面不存在……
回复 支持 反对

使用道具 举报

4

主题

18

帖子

162

积分

初级会员

Rank: 2

积分
162
QQ
 楼主| 发表于 2016-9-19 11:11:39 | 显示全部楼层
yuanyang 发表于 2016-9-18 20:59
很多页面不存在……

那些页面不存在?是百度云盘不存在下载资料吗?
回复 支持 反对

使用道具 举报

0

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
QQ
发表于 2016-9-22 17:49:04 | 显示全部楼层
数据库怎么导入、设置啊?
回复 支持 反对

使用道具 举报

6

主题

13

帖子

51

积分

初级会员

Rank: 2

积分
51
QQ
发表于 2016-11-5 08:09:06 | 显示全部楼层
这2个教程在哪?

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

外卖案例后台管理
路径:UI2\demo\takeoutAdmin
这是外卖案例后台管理实例。功能包括:菜品管理,订单管理,会员管理,统计分析。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2019-2-20 07:50 , Processed in 0.157337 second(s), 30 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表