此清单包含了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图表的展示 通用

 

使用方法:

  1. 下载wex5/bex5开发工具。下载地址:http://www.wex5.com/downloads/
  2. 解压下载的开发工具(解压的时候不要放在含中文、空格和特殊字符的目录下)。
  3. 运行开发工具studio:打开解压文件夹,找到“启动WeX5开发工具.bat”,并双击。
  4. 启动数据库:找到“启动MySQL数据库.bat”,并双击。
  5. 启动tomcat:点击studio内的tomcat,当控制台出现启动时间,且没有报错,说明启动正常.
  6. 以下是进行查看的两种方式:
  • 根据路径找到相应的资源,然后找到文件夹下的.w文件,点击鼠标右键用浏览器运行即可查看案例。(pc端)
  • 根据路径找到相应的资源,在native下进行打包(必须用app运行查看的时候才进行打包),扫描二维码,手机运行即可查看案例。(移动端)

打包方法请仔细阅读:
WeX5平台App打包教程:http://doc.wex5.com/app-packing/
WeX5平台App打包过程详解:http://doc.wex5.com/wex5-platform-to-app-process/