qq_27727681-优快云博客

原创 wex5 教程之图文讲解 wex5集成HTML5 视频播放器

随着视频播放器的制作需要，基于wex5的开源框架和遵循DOM规范的特性，对html5原生组件进行改装，配合attchmentsimple组件，实现web页面的视频上传与在线播放。演示工程：http://play-app.cloudx5.com 演示效果图： 1.上传封面图，视频 2 点击封面图，跳转至播放页面。 3.进入播放页

2016-11-23 16:57:58 7992

原创 wex5 实战图片触摸放大移动插件easyzoom的使用与集成

一前言客户的需求就是上帝的召唤。作为一个开发人员，或者软件从业者，客户的要求就是准则。遇到一个客户，让我做一个图片放大，但是移动拖拽要定位精准。之前研究过一个hammer插件，多次尝试放大后的触摸点定位问题，始终无法解决。客户的需求可以理解，因为不是简单的图片介绍，而是复杂的工程图纸。最后求助于jquery插件easyzomm，达

2017-01-06 09:45:06 2245

原创 wex5 实战框架拓展2之事件派发与data刷新

一前言讲完公共data,相信大家对框架级的data组件级绑定有了更新的认识，接下来我们继续深入，以求研究明白wex5的框架能力。在一个web项目中，其实有一个data, 是基础框架必须的data,并且要实时监控数据变更。那就是用户userData. 此文的目地和意义： 1 在涉及到用户登陆的项目中，框架级的

2017-01-04 16:46:11 2171

原创 wex5 实战框架拓展之1 公共data组件(Data)

一前言 wex5作为开发利器，框架本身的集成能力与拓展能力可谓简单强大。在学习过程中，对框架的拓展能力，需要通过实践来丰富。今天，我以实际工作中的实例，先来看一看，框架上的公共data组件的实现与用法。有朋友问了，每个页面都有data,为什么要做一个公共data组件呢？我的设计原因是： 1. 比如商城页面里，首页，商品页，微淘页，等多个

2017-01-04 12:53:00 2056

原创 wex5 实战 HeidiSQL 导入Excel数据

一前言以前没做过大东西，突然客户说，我给你个数据，你部署到云上。我想，很简单啊，随口答应了。悲剧发生了，客发给我的，居然是一张excel表！！！本来想一条一条数据复制，一看，2000多条！！网上搜索excel生成sql,说什么宏编辑，写java语句，搞了关天，始终不行。按网上的图文一步步来，都不行。也许是我理解有误，也许是写教

2016-12-30 16:48:57 6674

原创 wex5 实战手指触屏插件 hammer的集成与优劣

前言前几天，给客户做了一个图片点击放大，很简单，客户说能不能双手指缩放图片呢？想到了hammer,不管好用不好用，总得试。网上居然没有像样的中文文档和成熟案例，有的文写的鬼都看不懂。还是自已动手吧。一效果演示：双击或两根手指放大鼠标或手指拖动再双击图片复原

2016-12-29 17:29:27 575

原创 wex5 实战登陆帐号更换与用户id一致性

一前言关于用户登陆，注册，页面跳转，我讲了很多，都是页面框架级别的。有人问到这个问题，索性总结一下，今天是收尾最后一篇。以往初学时的设计是： 1 注册 2 登陆 3 进入页面。这种很简单，没有id就进不了主页面。但是实际上，除了通讯类的软件，一般软件不是先进入登陆页面，而是先进入主页，当操作某个功能时，再提示登陆。或者登陆后，

2016-12-26 15:35:56 4801

原创 wex5 实战用户点评与提交设计技巧

最近遇到很多同学做毕业设计，其中有一项是用户点评与提交。功能并不复杂，同学们又不会，做为一个完整的功能，如果用wex5来设计开发，事半功倍。今天就以景区实战来向大家展示wex5的高效与强大。半天可以设计完成。来看效果一效果演示：二设计思路：根据景点id,图片id,用户id,过滤了当前评论id,基于wex5的data与组件绑定来实

2016-12-23 15:42:13 817

原创 wex5 实战省市县三级联动与地址薄同步

无论是商城，还是快递，都要用到省市县三级联动，和地址薄，今天就以实战来制作，难点有3个： 1：三级联动，有wex5组件实现，相对简单，实战里对行数据进行了拼接 2: 地址薄选项,利用inputSelect的下接属性，装载地址列表。 3：地址薄页面与信息页面的下拉数据同步一效果演示：二

2016-12-21 11:31:08 1630

原创 wex5 实战 wex5与js的组件关系与执行顺序（父子与先后）

初学wex5,先理理让人容易混淆的三个概念：一基本概念： 1 wex5组件，顾名思义，在编辑窗口右侧的组件集合里的，都是wex5基于开源自创的组件，并封装了一套自已的方法。目的是为了方便。相关方法在api有提示，操作中也有提示。 2 js对像 JavaSc

2016-12-19 15:57:11 896

原创 wex5 实战单页模式下的多页面数据同步

在wex5官方教程中，关于多页模式与单页模式进行了对比。两者最大的区别在于： 1 web加载速度,单页模式快于多页模式 2 多页模式对加载机制进行了预加载，一次加载之后再次加载，就会加快。但是，由于项目需要，多页模式无法满足我对全局变量的绑定属性的获取（大家看我全局可观察变量博文），所以对页面进行了全部重构，重构之后，web加载的响应速度大

2016-12-19 14:02:23 3545

原创 wex5 实战二维码生成，扫描，蓝牙打印

给人设计了一个小模块，要求是，把一个单号生成二维码，实现扫描查询单号具体信息，并能通过蓝牙把二维码打印出来。功能实现并不复杂，今天一口气把它搞定。来看效果。一效果演示：

2016-12-18 16:09:20 886

原创 wex5 教程之图文讲解全局可观察变量与登陆状态全局控制

一先说说，这两个概念是什么意思全局可观察变量？没听说过，只听过全局变量，那你out了，因为我要充分发挥绑定技术来控制页面部局，组件的隐藏与显示，文字内容，样式改变。看我博文大家知道，我想用绑定技术贯穿整个web开发，目的是为了少写代码或不写代码，控制起来更灵活。一会用实例说说全局可观察变量的前世今生。登陆状态全局控制？登陆状态，大家知道，无非就是登陆与

2016-12-15 16:19:31 4835

原创 wex5 教程之图文讲解可观察对象的集群应用与绑定技术

一前言: wex5官方教程里，开篇即以一个input输入，output即时输出的例子，为我们展现了一个概念：可观察对象。在以后我的项目开发中，将大量运用可观察对象。那么，问题来了： 1. 可观察对象是什么？ 2. 可观察对象能干什么？ 3.可观察对象能代替哪些工作?具有哪些优势？

2016-12-14 15:02:55 608

原创 wex5 教程之图文讲解考题模块框架设计

前几天帮人设计了一个手机版（做了屏幕适配，电脑使用也正常）的考题框架，供学习交流使用，今天把设计思路与技巧命整理一下。一效果演示： 1 登陆后台题库管理试卷管理考生管理科目管理 2 考生注册考生登陆进入考试界面开始答题

2016-12-14 11:14:23 1990

原创 wex5 教程之图文讲解 bind-css和bind-sytle的异同

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

2016-12-03 09:36:00 3669

原创 wex5 教程之图文讲解拾色器的妙用

最近做后台字幕设计，突然发现，每次调用拾色器，都要去开发工具里调用，很麻烦。wex5没有提供拾色器组件，能不能把拾色器组装到fwex5的编辑页面中呢？这样可以把颜色值写到数据库里，供前后台动态调用与修改颜色的值。经过一番研究，测试，可以的。一、效果演示：点击拾色器，弹出拾色器窗口点击应用按钮，将颜色应用到字幕上二、设

2016-11-30 16:55:39 934

原创 wex5 教程之图文讲解智能数据库设计之（1）触发器

一：设计需求：智能数据库设计，其实没有这个说法，只是由于我设计视频播族器的需要，对数据库的设计有一些智能化的需求。目的有三个： 1.减少前台后端操作数据库代码量 2.数据库操作失败可以回滚。保证数据库的完整，正确。 3.充分利用数据库性能。今天用到的是触发器例子是我之前的一

2016-11-26 09:20:28 1346

原创 wex5 教程之图文讲解视频快照与本地存储

刚刚做完wex5与html5 视频的集成，测试之余，突然想到了截图与本地保存，原来以为是很复杂的文件格式与流操作，其实，搞明白canvas,几行代码就能搞定。一演示效果：播放过程中截图，并小窗提示，强制下载到本地，用图片工具可以打开。二总体思路：用h5播放器播放，用button按钮触发截图动作，用canvas得到

2016-11-25 18:07:49 3034

原创 wex5 教程之图文讲解 0基础掌握坐标定位与样式逻辑

由于制作播放器需要，经过网上查资料，对坐标系定位与逻辑进行了深入了解，通过自已动手与摸索，自已动手实现鼠标拖拽，来控制播放器的移动入音量旋钮的旋转。很多刚刚接触wex5的朋友，对js以及css相对操作不熟练，本文尽量以简单的思路来说明。效果演示：一.总体思路: 用js通过对鼠标和操作对像的坐标位置的逻辑判断，改变对像的css样

2016-11-21 16:36:22 1295

原创 wex5 教程之图文讲解头像裁剪与上传

一效果演示 1.点击头像，弹出图片裁剪框 2，选择图片，裁剪，上传 3.上传成功后，头像图标更改二案例解读案例目录 wex5为我们提供了一个picut图片裁剪案例，如下：组件部局加入file标签用来打开文件管理器进行图片选择，div标签进行图

2016-11-14 12:11:32 4394

原创 wex5 教程之图文讲解文件上传attachmentSimple（1）

视频教程地址：http://v.youku.com/v_show/id_XMTc4NDAyMTY4OA==.html 效果预览： 1 调用attchmentSimple组件，打开文件管理器，并选中，显示选中照片名称 2 图片上传成功，并在img组件中预览

2016-11-11 16:39:03 10374

原创 wex5 教程之图文讲解 Cloudx5一键部署

视频教程地址：http://v.youku.com/v_show/id_XMTc3OTExNTUwNA==.html效果预览：一键部署cloudx5三要领1.数据源命名为x5 2.数据库命名为x5 3.数据库初始化语句sql的生成与上传

2016-11-09 14:49:14 1465

原创 wex5 教程之图文讲解后台管理界面设计与技巧

视频教程地址：http://v.youku.com/v_show/id_XMTgwOTAyMTkyMA==.html?from=s1.8-1-1.2&spm=a2h0k.8191407.0.0 一.效果演示：管理员登陆演示地址：http://ch-app.cloudx5.com 帐号:admin 密码:admin 登陆成

2016-11-09 14:47:40 8023

原创 wex5 教程之图文讲解登陆，注册，页面跳转

视频教程地址：http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html效果预览：登陆页面首页用windowContainer装载

2016-11-09 14:40:42 18635

qq_27727681的博客