http://wex5.com/cn/wex5和bex5比较/ WeX5和BeX5比较 许多对WeX5和BeX5略有了解得人都知道,WeX5和BeX5是完全共用前端框架技术的.但是WeX5和BeX5是两个差别定位有巨大差别的产品.具体差别如下: 1. BeX5的定位就是用于企业内部管理系统,这其实是传统的市场,现在企业管理软件也已经彻底走向移动app.微信app和webapp都必须支持的时代,但无论何种前端,主要还是给企业内部人员使用的.所以BeX5的用户,指的是BeX5的组织机构分配了功能的人…

WeX5是一款html5开发工具,可以进行app开发,做出各种H5 App,同样也可以进行主要运行在PC的html5产品,. WeX5开发的应用,不仅可以在微信上运行,也可以直接手机浏览器运行,或者打包成App下载运行.对应微信服务号和企业号,起步分别有WeX5和BeX5这2个产品来对应.服务号运行效果可直接扫描官网二维码关注后体验,教程见视频:http://pan.baidu.com/s/1bnD5VOj(微信服务号):    企业号,BeX5已经将微信提供接口进行了封装,开发时可直接调用,且…

WeX5入门.UI2开发.App开发.服务端开发.扩展资料学习. 1 新手入门 1.1 运行WeX5的demo(视频) 1.2 App开发.调试.打包部署完整过程(视频) 1.3 创建第一个应用(视频) (文字) 1.4 开发环境IDE的使用(视频) 1.5 轻松看透WeX5产品能力和技术! 1.6 WeX5技术理念 1.7 WeX5可以怎么玩? 1.8 WeX5和BeX5比较 2 UI2开发 2.1 框架基础(一) (二) 2.2 组件基础 2.3 编程基础 2.3.1 js引用 2.3.2…

http://doc.wex5.com/different-with-std-web-ui/#1 X5的UI部分和传统Web页面开发的差异 WeX5是跨端移动开发框架,BeX5是基于WeX5的企业快速开发平台,它们都采用前后端分离的开发模式,和Web传统的前端页面开发(例如extjs)比较类似,和jsp存在差异.WeX5.BeX5和Web传统的前端页面开发最大的差异在于,WeX5.BeX5采用了单页模式,实现资源不重复加载: 由于采用单页模式,X5引入了RequireJS,实现资源异步按需加载,…

目前hybird app工具众多,如何选择?哪个坑少点呢? 下面来分析一下: 1开发工具都开源.基于Eclipse的有:apicloud,WeX5 2热门指数.下面的百度的搜索结果数,代表不了什么,至少可以代表它的热门指数 名称 结果数 ExMobi 62,800 Appcan 611,000 apicloud 706,000 WeX5 493,000 phonegap 9,750,000 crossapp 500,000 dcloud 295,000 phonegap:app混合开发的领导者,…

http://wex5.com/cn/concise-deployment/ BeX5平台简明部署过程 该文章主要介绍BeX5平台开发完成后,资源部署至正式环境的过程. 一. 获取BeX5企业快速开发平台版本,版本自带有tomcat服务和mysql数据库.二. 将BeX5版本解压至服务器的相应目录,生成key文件,申请注册码,进行注册.(注意:平台不能放在有中文的目录下)三. BeX5版本数据源默认包含:system .doc和demo.根据系统情况配置数据源,也可添加其他不同名的数据源.(sy…

来源:http://docs.wex5.com/app-packing/ WeX5平台App打包教程 WeX5是前端快速开发框架,可开发跨端运行应用,是移动App/微信/WebApp开发利器,一次开发多平台运行.因此,WeX5开发的应用,不仅可以在微信上运行,也可以直接手机浏览器运行,或者打包成App下载运行. WeX5开发的App可以打成Android apk包和iOS ipa包,iOS ipa包可以发布到苹果AppStore(苹果市场).但是,你必须要有苹果开发账号才能上架苹果的AppSto…

目录 WeX5学习笔记... 1 1.轻松看透WeX5产品能力和技术... 1 2.WeX5可以怎么玩?... 3 一.纯本地App. 3 二.关联一个网站,希望默认就打开某页... 4 三.UI设计器... 4 四.打包神器... 4 五.标准玩法... 4 3.WeX5 App与服务端交互原理... 4 4.Account示例程序... 5 5.Takeout示例程序... 7 5.1Index.w.. 7 5.2mapActivity.w.. 13 问题... 13 6.页面间交互视频..…

今天学习了WeX5,第一次使用,使用它打包一个Web App 欢乐捕鱼的时候,在最终打包生成Native App的时候突然报错了,说:"连接打包代理服务失败,请检查代理服务地址是否正确". 解决此问题的方法是: 第一步: 第二步: OK啦!!!…

一 前言 客户的需求就是上帝的召唤. 作为一个开发人员,或者软件从业者,客户的要求就是准则. 遇到一个客户,让我做一个图片放大,但是移动拖拽要定位精准.之前研究过一个hammer插件,多次尝试放大后的触摸点定位问题,始终无法解决.客户的需求可以理解,因为不是简单的图片介绍,而是复杂的工程图纸.最后求助于jquery插件easyzomm,达到了客户的要求.今天,把实例贴出来,供大家学习交流. 二 效果演示 三 设计思路与代码实现 1 下载并引入easyzoom.js插件 2 修改并简化dom结构…

一 前言 讲完公共data,相信大家对框架级的data组件级绑定有了更新的认识,接下来我们继续深入,以求研究明白wex5的框架能力. 在一个web项目中,其实有一个data, 是基础框架必须的data,并且要实时监控数据变更.那就是用户userData. 此文的目地和意义: 1 在涉及到用户登陆的项目中,框架级的userData,可以为所有web页面提供数据来源,用超现实的方法保证多页面中的用户唯一性,且一次加载即可.不必像之前的分页data每次都要用户ID来过滤用户数据. 2 抛弃之前的页面接…

一 前言 wex5作为开发利器,框架本身的集成能力与拓展能力可谓简单强大.在学习过程中,对框架的拓展能力,需要通过实践来丰富.今天,我以实际工作中的实例,先来看一看,框架上的公共data组件的实现与用法. 有朋友问了,每个页面都有data,为什么要做一个公共data组件呢? 我的设计原因是: 1. 比如商城页面里,首页,商品页,微淘页,等多个页面,同时用到了同一个商品data,并且通过list来装载商品列表.如果每个页面都加载data,数据库资源显然要访问三次, 页面响应显然会是重复加载,速度变…

前言 前几天,给客户做了一个图片点击放大,很简单,客户说能不能双手指缩放图片呢? 想到了hammer,不管好用不好用,总得试. 网上居然没有像样的中文文档和成熟案例,有的文写的鬼都看不懂.还是自已动手吧. 一  效果演示: 双击或两根手指放大 鼠标或手指拖动 再双击图片复原 二  设计思路: 利用hammer.js  自带的api,监听手指事件,对图像的css样式重新定义来实现 三 hammer.js  实现代码与逻辑 1  图片对像id  data-scale属性手动设置,为了js写法方便 2…

最近遇到很多同学做毕业设计,其中有一项是用户点评与提交.功能并不复杂,同学们又不会,做为一个完整的功能,如果用wex5来设计开发,事半功倍.今天就以景区实战来向大家展示wex5的高效与强大.半天可以设计完成.来看效果 一 效果演示: 二 设计思路: 根据景点id,图片id,用户id,过滤了当前评论id,基于wex5的data与组件绑定来实现 三 数据库设计: 1 用户 2 景区 3 城市 4 评论 三 前端界面设计与代码实现 1 门户页 window.userUUID = justep.Bind…

无论是商城,还是快递,都要用到省市县三级联动,和地址薄,今天就以实战来制作,难点有3个: 1:三级联动,有wex5组件实现,相对简单,实战里对行数据进行了拼接 2:  地址薄选项,利用inputSelect的下接属性,装载地址列表. 3:地址薄页面与信息页面的下拉数据同步 一 效果演示: 二  设计思路: 三级联动用组件,把地址信息重新拼接,用下垃组件显示详细地址,用modelParamsReceive的实时性保证不同页面跳转后的数据同步 三  数据库设计: (注)三级联动,省,市,县,供组件绑…

初学wex5,先理理让人容易混淆的三个概念: 一 基本概念: 1 wex5组件,顾名思义,在编辑窗口右侧的组件集合里的,都是wex5基于开源自创的组件,并封装了一套自已的方法.目的是为了方便.相关方法在api有提示,操作中也有提示. 2 js对像 JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. 二 对像获取与取值方法 1 wex5 this.comp() 效能较低,但操作方便 取值方法:this.comp().val()…

在wex5官方教程中,关于多页模式与单页模式进行了对比.两者最大的区别在于: 1 web加载速度,单页模式快于多页模式 2  多页模式对加载机制进行了预加载,一次加载之后再次加载,就会加快. 但是,由于项目需要,多页模式无法满足我对全局变量的绑定属性的获取(大家看我全局可观察变量博文),所以对页面进行了全部重构,重构之后,web加载的响应速度大大提高,没有了明显的卡顿感.但是,也带来了更严重的问题,页面数据不同步. 起先以为是坑,其实是对页面的加载机制不了解. 先看一下不同步的情况: 新增一条发…

WeX5的简单介绍及UI的简单讲解 (2016-01-13 14:49:05) 标签: it 分类: WeX5的初步自学 一.WeX5的简单讲解 1.WeX5是前端快速开发框架,可开发跨端运行应用.是移动App/微信/WebApp开发利器,一次开发多平台运行. 二.WeX5平台了解 1.菜单和工具栏 :查看API:启动Tomcat:搜索:首选项:复位透视图 2.透视图 :导入java项目:使用svn 3.模型资源 :文件对比 :新建.复制.删除:重命名文刷件新及文件夹:模型编译 切换到资源管理器…

博主一直都是做web开发,前段时间有个小想法,想给自己做个android小应用(很小,功能特别简单). 了解到可以用js直接做,貌似很简单,选用了wex5(基于codova插件)来直接开发. 最终发现比直接用java踩到的坑还多,这里总结下: 1.在w文件中写的css会被做加工,可能产生问题. 我在里面写了个h5动画效果,单独代码抽出来可以使用,放到wex5中就是不能生效,百思不得其解,我一直以为是哪里写错,或者和哪个效果产生冲突,想了两个晚上,还是没思路.把页面源码抓出来发给朋友帮忙看,朋友一…

http://docs.wex5.com/ajax-cross-domain/ 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常会遇到在一个页面的JS代码中,需要通过AJAX去访问另一个服务器并返回数据,这时候就会受到浏览器跨域的安全限制了. 这里要注意,如果只是通过AJAX向另一个服务器发送请求而不要求数据返回,是不受跨域限制的.浏览器只是限制不能访问另一个域的数据,即不能访问返回的数据,并…

http://www.wex5.com/wex5/?utm_source=Baidu-0815…

在WeX5中导入项目 首先右击,选择[导入]--[导入] 得到如下的对话框,选择[现有项目到工作空间中] 在导入对话框中选择相应的根目录,选择相应的项目,确定 点击完成即可.这样一个项目就被导入到了WeX5中了.…

wex5 事件执行顺序data组件的onCustomRefresh→ model组件的onLoad→ windowReceiver组件的onReceive…

一 前言: wex5官方教程里,开篇即以一个input输入,output即时输出的例子,为我们展现了一个概念:可观察对象.在以后我的项目开发中,将大量运用可观察对象. 那么,问题来了: 1. 可观察对象是什么? 2. 可观察对象能干什么? 3.可观察对象能代替哪些工作?具有哪些优势? 4 可观察对象的绑定机制与实际运用技巧如何实现? 为了大家了解绑定技术在web开发中的重要性,看明白我此后更深层次的运用,今天,我先以我用wex5设计的的视频字幕机来说明,没有可观察对像,字幕机的制作,几乎无从谈起…

前几天帮人设计了一个手机版(做了屏幕适配,电脑使用也正常)的考题框架,供学习交流使用,今天把设计思路与技巧命整理一下. 一 效果演示: 1 登陆后台 题库管理 试卷管理 考生管理 科目管理 2 考生注册 考生登陆 进入考试界面 开始答题 交卷保存即可 二  开发思路: 充分利用baasdata数据绑定与data临时组件的存储特性,实现数据同步,绑定思想贯穿整个考题模块设计. 三 页面逻辑与代码实现: 1 数据库设计 数据库设计模型基础: (注)数据模型,是整个开发过程中对数据相关业务的描述,根据…

wex5作为网页开发利器,在前台UI数据交互设计中大量使用了绑定技术,即官方视频教学中也提到了KO,实质是数据绑定与追踪.在前台组件的属性中,为我们提供了两个重要的样式绑定属性,bind-css和bind-style.这两个属性都能动态的为组件或元素绑定样式,那么含义和用法有什么异同呢? 先来看两个例子: 一..bind-css案例: 组件属性设置: css样式对像: bind-css含义:  为组件或元素绑定样式对像,注意是样式对像,所以在css样式文件中要创建样式对像: bind-css格式…

视频教程地址:http://v.youku.com/v_show/id_XMTc4NDAyMTY4OA==.html 效果预览: 1 调用attchmentSimple组件,打开文件管理器,并选中,显示选中照片名称 2 图片上传成功,并在img组件中预览 3 数据库写入成功,并成功被其它页面引用 源码初探 附件组件attachmentSimple是wex5文件上传与下载重要的处理工具.研究其源码,可以判断其实现逻辑与内置方法,便于前后端调用.   源码位置:  组件样式: require('cs…

WeX5 V3.6 正式版核心特性:一.打包特性增强: 1- 提供多WebView选择,引入腾讯X5引擎,可自动适配移动设备环境进行切换,使通过X5打包生成的App具备更高的兼容性及更小的文件尺寸: 2- App资源更新新增Hash模式,除实现APP资源增量.快速更新外,部署时文件路径不会每次动态生成了,也就解决了页面分享及微信端运行更新版本后要修改绑定地址的问题: 二.开发与调试能力重要更新: 1- 提供了手机端调试用的APP工具Apploader,可免重复打包过程,在.w页面直接右击appl…

页面服务UIServer布署 WeX5自带页面服务UIServer的是标准Web应用,可以部署在Java Web应用服务器上.下面介绍如何在Tomcat和WebLogic中部署WeX5的UIServer. 目录 1.调试模式和生产模式 2.使用WeX5的Tomcat 3.使用自己部署的Tomcat 3.1.设置JAVA_HOME 3.2.设置JUSTEP_HOME 3.3.在Tomcat中部署UIServer 3.4.跳转到门户页 4.部署到WebLogic 4.1.设置JAVA_HOME 4.…

上个月,和朋友一起参加wex5的分享会,因为对cordova有些了解,始终不相信wex5的广告.五一假期,小试一下,果然不出我所料,有不少坑. 想下载IDE,竟然有1.7G,虽然现在网速快但是文件太大,很难用. 简单操作下,发现wex5更像是工具的组合,而不是整套的.在拼接的过程中,对于整个代码运行的周期没有做任何优化,仅是提供了一个开发工具和整合的框架. 为了弥补Cordova的缺陷,wex5自行制定的一系列“标准”,个人看来很难与主流融合. 1. 使用xid替换标准的id,但是导致代码的很难…