一、原理

图1 负载均衡原理图

看图说话，基于上图原理的负载均衡有硬件设备也有软件设备。现在常见的是四层或七层交换，所以负载均衡设备也就被称为是四层到七层交换机。

二、四层交换

图2 四层交换拓扑图

三、七层交换

图3 七层交换拓扑图

以后分析HaProxy的时候还会详说，敬请期待。

项目演示效果，在线演示地址daxiutai.com/mote_manage/space_active.html

1.最终效果

2.目录包含

3.源码分析

一、HOME.html

演示页面HOME.html调用框架代码
width="300" scrolling="no" height="300" frameborder="0"
src="thumb_scale.html?123#width=300#height=450#md5=newsalbum#name=Filedata#post=upload/image_upload_swf/#key=news"
id="upload_pic" name="upload_pic">

二、thumb_scale.html

thumb_scale.html主要是掉用Flash，并显示出来
_。

_

三、回调函数你可以修改成你需要的结果

点击(此处)折叠或打开

/*
*flash通信接口.回调函数
*目前只接受一个方法:
*callback(data:object)
*object:{data:jsonString}
*/
varASFace={
callback:function(text){
varre=eval("("+text.data+")");
if(re.stat){
if(config.input){
varinput=parent.document.getElementById(config.input);
input.value=re.url;
}
if(config.md5){
varinput=parent.document.getElementById(config.md5);
input.value=re.md5;
}
if(config.review){
varbox=parent.document.getElementById(config.review);
box.innerHTML="";
}
}
}
}

4.上传执行函数，可以修改为你的上传接口thumb_scale.html?123#width=300#height=450#md5=newsalbum#name=Filedata#post=upload/image_upload_swf/#key=news，需要注意的是，他上传的是一个base64_decode码数据，接收时处理下就行。

总结：截图功能简洁简单，只要修改下需要的大小，以及回调函数就OK。最后附上下载地址

下面是整个上传的DOME

1.安装redis

点击(此处)折叠或打开

brew install redis

2.复制redis配置文件 redis.conf

点击(此处)折叠或打开

#master配置文件
cp redis.conf redis-master.conf
#slave配置文件
cp redis.conf redis-slave.conf

3.修改配置文件

点击(此处)折叠或打开

#master配置文件
#保证PID文件区分，PID文件主要用于保证守护进程单例运行
pidfile /var/run/redis-master.pid
#区分LOG文件
logfile"/data/redis/6379/log/redis.log"
#区分持久化文件
dir /data/redis/6379/data
#区分端口
port 6379

#slave配置文件
pidfile /var/run/redis-slave.pid
logfile"/data/redis/6380/log/redis.log"
dir /data/redis/6380/data
port 6380
slaveof 127.0.0.1 6379
#如果为yes,slave实例只读,如果为no,slave实例可读可写。默认
slave-read-only yes

4.分别启动主从

点击(此处)折叠或打开

redis-server /etc/redis/redis-master.conf
redis-server /etc/redis/redis-slave.conf

5.测试数据
一、主服务器设置数据

二、从服务器显示数据

至此服务已经搭建成功。

参考资料

require.js：

require.js入门教程：

使用RequireJS优化Web应用前端：

require：

Javascript模块化编程（一）：模块的写法：http://www.ruanyifeng.com/blog/2012/10/javascript_module.html

Javascript模块化编程（二）：AMD规范：http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

Javascript模块化编程（三）：require.js的用法：
http://www.ruanyifeng.com/blog/2012/11/require_js.html

RequireJS入门（一）：http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html

RequireJS入门（二）：http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html

RequireJS入门（三）：http://www.cnblogs.com/snandy/archive/2012/05/24/2514700.html

RequireJS 2.0 正式发布：
http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html
RequireJS进阶（一）：
http://www.cnblogs.com/snandy/archive/2012/06/06/2536969.html

RequireJS进阶（二）：http://www.cnblogs.com/snandy/archive/2012/06/07/2537477.html

RequireJS进阶（三）：http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html

Modular JS：http://www.cnblogs.com/snandy/category/360589.html

Require.js 模块化编程：