一 前言: wex5官方教程里,开篇即以一个input输入,output即时输出的例子,为我们展现了一个概念:可观察对象.在以后我的项目开发中,将大量运用可观察对象. 那么,问题来了: 1. 可观察对象是什么? 2. 可观察对象能干什么? 3.可观察对象能代替哪些工作?具有哪些优势? 4 可观察对象的绑定机制与实际运用技巧如何实现? 为了大家了解绑定技术在web开发中的重要性,看明白我此后更深层次的运用,今天,我先以我用wex5设计的的视频字幕机来说明,没有可观察对像,字幕机的制作,几乎无从谈起…
一 先说说,这两个概念是什么意思 全局可观察变量?没听说过,只听过全局变量,那你out了,因为我要充分发挥绑定技术来控制页面部局,组件的隐藏与显示,文字内容,样式改变.看我博文大家知道,我想用绑定技术贯穿整个web开发,目的是为了少写代码或不写代码,控制起来更灵活.一会用实例说说全局可观察变量的前世今生. 登陆状态全局控制?登陆状态,大家知道,无非就是登陆与退出.全局控制呢?就是说登陆后能进入哪些页面,操作哪些组件,拥有对哪些界面的操作权限. 那问题来了,如何用代码实现根据登陆状态来控制页面及组…
前几天帮人设计了一个手机版(做了屏幕适配,电脑使用也正常)的考题框架,供学习交流使用,今天把设计思路与技巧命整理一下. 一 效果演示: 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_XMTgwOTAyMTkyMA==.html?from=s1.8-1-1.2&spm=a2h0k.8191407.0.0 一.效果演示: 管理员登陆    演示地址:http://ch-app.cloudx5.com  帐号:admin 密码:admin 登陆成功,进入管理员界面,保存登陆状态到数据库 左侧菜单慢慢缩进,并且菜单文字隐藏 鼠标经过头像,图像动态滑动下拉,指标旋转 时间同步 首页图文统计,引入echarts.…
视频教程地址:http://v.youku.com/v_show/id_XMTc4NDAyMTY4OA==.html 效果预览: 1 调用attchmentSimple组件,打开文件管理器,并选中,显示选中照片名称 2 图片上传成功,并在img组件中预览 3 数据库写入成功,并成功被其它页面引用 源码初探 附件组件attachmentSimple是wex5文件上传与下载重要的处理工具.研究其源码,可以判断其实现逻辑与内置方法,便于前后端调用.   源码位置:  组件样式: require('cs…
视频教程地址:http://v.youku.com/v_show/id_XMTc3OTExNTUwNA==.html 效果预览: 一键部署cloudx5三要领 1.数据源命名为x5 2.数据库命名为x5 3.数据库初始化语句sql的生成与上传 工具栏下,选择导出数据库脚本 注意事项: 1.数据库与表的创建必段选择.否则不能创建数据库与表. 2.数据选项含义依次为:无数据(即空表),插入与删除,插入,忽略插入(不允许插入数                              据),覆盖数据.…
视频教程地址:http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html 效果预览: 登陆页面   首页用windowContainer装载 注册页面 登陆成功后,跳转至主题页面 设计思路及代码实现: 1.数据库设计: 建立用户相关字段 创建baas服务,并绑定到baasdata组件上 2.门户页设计: 注意事项:1.var ShellImpl = require('$UI/system/lib/portal/shellImpl')  引入shelli…
图文解说:Nginx+tomcat配置集群负载均衡 博客分类: appserver nginxTomcatUbuntuLinux网络应用  作者:niumd Blog:http://ari.iteye.com 转载请注明出处,谢谢 开发的应用采用F5负载均衡交换机,F5将请求转发给5台hp unix服务器,每台服务器有多个webserver实例,对外提供web服务和socket等接口服务.之初,曾有个小小的疑问为何不采用开源的apache.Nginx软件负载,F5设备动辄几十万,价格昂贵?自己一…
超详细,多图文使用galera cluster搭建mysql集群并介绍wsrep相关参数 介绍galera cluster原理的文章已经有一大堆了,百度几篇看一看就能有相关了解,这里就不赘述了.本文主要侧重实操,因为跟着百度前几页的搭建教程或多或少都有坑,前后配置逻辑矛盾的也有.终于,经过几个通宵的bug修复,反复验证,力求以最简洁的代码,最少的操作量,最直白的逻辑来完成集群的搭建.因为操作过程中,网上对wsrep相关参数的介绍少之又少,所以最后特别写了完整版的参数说明,供搭建成功后,各种测试调…