构建高可伸缩性的WEB交互式系统(上)

探讨软件系统设计中的可伸缩性,重点分析平台和模块的伸缩性,以及如何通过面向切面编程实现高效适配。

可伸缩性是一种对软件系统处理能力的设计指标,高可伸缩性代表一种弹性,在系统扩展过程中,能够保证旺盛的生命力,通过很少的改动,就能实现整个系统处理能力的增长。

  在系统设计的时候,充分地考虑系统的可伸缩性,一方面能够极大地减少日后的维护开销,并帮助决策者对于投资所能获得的回报进行更加精准的估计;另一方面,高可伸缩性的系统往往会具有更好的容灾能力,从而提供更好的用户体验。

  WEB交互式系统的可伸缩性主要体现在两个方面:

  • 平台的可伸缩性:随着WEB技术的发展,越来越多的平台开始使用WEB技术来构建系统,一方面不同的平台提供的环境支持存在着各种差异;另一方面随着平台的发展,不断的会有一些旧平台退出历史舞台,新平台转而成为主流平台;因此构建的WEB系统需要能够快速的响应此类变化就需要其具备良好的平台伸缩性

  • 模块的可伸缩性:随着系统功能不断增删更新需求的变化,系统可能会变得越来越复杂,冗余信息也可能会越来越多,改动所带来的影响范围也可能会越来越大,因此良好的模块伸缩性可保证系统具有良好的可维护性,让系统始终处于最佳状态

  WEB交互式系统的主要应用包括:

  • 桌面端/移动端网站类系统(如 网易云课堂、易信WebIM、Lofter移动WEB版等)

  • 移动混合应用(如 网易云相册IPad版、Lofter等)

  • 桌面混合应用(如 网易云音乐PC版、网易邮箱助手等)

  本系列文章主要分为两个主要部分对可伸缩性进行阐述,分别是平台的可伸缩性和模块的可伸缩性。本文是系列文章的第一篇,讨论平台的可伸缩性。

  平台的可伸缩性

  WEB交互式系统对平台的可伸缩性主要表现为:

  • 可扩展性:对于新兴平台能够快速进行支持

  • 可缩减性:对于过时的平台冗余信息能够以最小的修改方式剔除

  我们先介绍一下WEB交互式系统的目标平台的情况。

  平台分类

  根据系统所在容器的差异,我们将平台分为浏览器平台和混合应用平台两大类。各分类的详细说明见下文所述。

  浏览器平台

  按引擎划分

  浏览器平台,按照主流引擎可以划分为以下几类:

0?wx_fmt=png

0?wx_fmt=png

  混合应用平台

  根据混合应用的宿主平台的差异,我们将混合应用的目标平台分为以下几类:

0?wx_fmt=png

宿主

说明

AndroidAndroid系统的混合应用,浏览器引擎会自动适配至Webkit
iOSiOS系统的混合应用,浏览器引擎会自动适配至Webkit
WinPhoneWindows Phone系统的混合应用,浏览器引擎会自动适配至Trident
PC桌面应用,采用CEF做为容器,浏览器引擎会自动适配至Webkit

  平台适配

  AOP(Aspect-Oriented Programming):面向切面的编程范式,其核心思想是将横切关注点从主关注点中分离出来,因此特定领域的问题代码可以从标准业务逻辑中分离出来,从而使得主业务逻辑和领域性业务逻辑之间不会存在任何耦合性。

  这里我们可以借鉴AOP思想来实现平台的适配策略,结合不同的平台实现逻辑,我们可以认为对于使用规范、标准来实现业务逻辑的部分为我们的主关注点,而不同平台可以做为若干的切面关注点进行封装,各平台只需关注自己平台下对标准的修正逻辑即可,因此可以通过增加、删除平台修正的切面逻辑来实现对不同平台的适配。

  实现时我们首先提取标准业务逻辑,然后各平台根据实际情况实现对业务逻辑的修正:

0?wx_fmt=png

  • 标准业务逻辑:主关注点,这里主要是使用根据W3C、ES标准来实现的业务逻辑

  • 前置平台修正逻辑:领域特定关注点,主要是根据平台特性对标准在该平台下的修正,修正逻辑会先于标准逻辑执行

  • 后置平台修正逻辑:同前置平台修正逻辑,也是领域特定关注点,修正逻辑会在标准逻辑执行后再执行

  根据此思路我们对比以下两段代码:

  代码一:目前常用的平台适配方式

function doSomething(){    if(isTrident){        // TODO trident implement
    }else if(isWebkit){        // TODO webkit implement
    }else if(isGecko){        // TODO gecko implement
    }else if(isPresto){        // TODO presto implement
    }else{        // TODO w3c implement    }
}// 上层应用使用doSomething(1,2,3);

  此方式对所有平台的修正逻辑均在主逻辑中实现,存在以下弊端:

  • 对平台特有的修正逻辑耦合在主逻辑中,平台特有的更新必然引起主逻辑的更新

  • 对于新增或删除平台的支持必须修改到主业务逻辑

  • 无法分离不必要的平台修正,比如基于webkit引擎的移动平台应用不需要其他平台的修正逻辑

  代码二:借鉴AOP思想的平台适配方式

function doSomething(){    // TODO w3c/es implement}// 上层应用使用doSomething(1,2,3);

  针对Trident平台适配的逻辑,比如 trident.js中

// trident implementdoSomething = doSomething._$aop(    function(_event){        // TODO trident implement    },    function(_event){        // TODO trident implement    }
);

  对比代码一,我们可以发现借鉴AOP思想的接口适配方式分离了标准业务逻辑和平台特有业务逻辑,是否增加平台特有业务逻辑并不会影响主业务逻辑的执行,而对于平台修正逻辑的切入则可以直接通过配置的方式灵活的进行增删,因此我们可以从中得到以下好处:

  • 主逻辑和平台特有逻辑无耦合性,可随意分离、整合

  • 对于新增平台适配只需新加平台特有逻辑即可,而无需影响到主业务逻辑

  • 可通过配置控制支持的目标平台,有选择性的导出平台特有业务逻辑

  实现举例

  NEJ框架借鉴AOP思想提供了配置式的平台适配系统,对于这部分的详细信息可参阅NEJ的《依赖管理系统》和《平台适配系统》了解更为详细的信息,以下仅举例说明NEJ中适配的使用方式。

  一个典型的适配控件结构如下图所示:

0?wx_fmt=png

  这里的widget.js是控件业务逻辑实现文件,在此控件的实现中会依赖到存在平台差异的API,其依赖代码如下所示

NEJ.define([    'util/event',    '{platform}api.js'],function(t,h,p){    // TODO});

  这里对 {platform}api.js 的处理方式如下图所示,这里的./相对于当前的代码文件即widget.js文件所在的目录

0?wx_fmt=png

  这里的api.js文件为需平他适配API的标准实现逻辑,而api.patch.js文件则利用NEJ.patch接口对各平台做按需适配逻辑,同时打包时也根据NEJ.patch接口中对平台的条件识别做按需输出,由于api.patch.js文件最终会按需输出,因此在此文件中除了使用NEJ.patch做平台适配逻辑外,不允许包含其它业务逻辑。

// 此文件只能定义NEJ.patch不可执行其他业务逻辑// 打包输出时仅根据平台配置输出所需处理逻辑// 实际情况看需求,可将平台相关部分逻辑独立到单独的模块中NEJ.define([    './hack.js'],function(h){    // 针对trident平台的处理逻辑
    NEJ.patch('TR',function(){        // TODO    });    // 针对gecko平台的处理逻辑
    NEJ.patch('GR',[        './hack.firefox.js'
    ],function(fh){        // TODO    });    // 针对IE6平台的处理逻辑
    NEJ.patch('TR==2.0',['./hack.ie6.js']);    // 针对IE7-IE9的处理逻辑
    NEJ.patch('3.0<=TR<=5.0',function(){        // TODO    });    // 这里必须同hack.js文件的返回值一致
    return h;
});

  最后我们只需要配置产品的目标平台即可输出平台对应的适配,而不会存在其他平台的额外影响:

<script src="/path/to/nej/define.js?p=wkgktd"></script><script src="/path/to/nej/define.js?p=cef"></script>

  平台变更

  通过以上实现举例我们可以看到当平台发生变更时我们可以快速进行扩展或缩减

  平台扩展

  当有新平台需要作为系统目标平台时,我们只需要做以下工作:

  • 增加平台配置识别符,如nxw

  • 识别该平台与标准存在的差异,增加平台特有业务逻辑至patch

  • 系统对平台配置部分增加新添的识别符,如

    原平台适配:<script src="/path/to/nej/define.js?p=wkgktd"></script>

    新增平台适配:<script src="/path/to/nej/define.js?p=wkgktdnxw"></script>

  即可完成对平台的扩展,而不会影响到原有的业务逻辑。

  平台缩减

  当系统适配的目标平台由于某种原因退出历史舞台时,系统也需要将该平台的冗余代码从系统中剔除,我们只需要做以下工作:

  • 系统对平台配置部分删除要剔除的平台标识,如:

    原平台适配:<script src="/path/to/nej/define.js?p=wkgktd"></script>

    缩减后平台适配:<script src="/path/to/nej/define.js?p=wk"></script>

  即可完成对平台的缩减,而无需修改任何业务逻辑。

  以上即是有关平台可扩展性的介绍。下一篇将阐述模块的可扩展性,敬请期待!

  本作品采用知识共享署名 4.0 国际许可协议进行许可。


出处:http://kb.cnblogs.com/page/503460/

本课题设计了一种利用Matlab平台开发的植物叶片健康状态识别方案,重点融合了色彩与纹理双重特征以实现对叶片病害的自动化判别。该系统构建了直观的图形操作界面,便于用户提交叶片影像并快速获得分析结论。Matlab作为具备高效数值计算与数据处理能力的工具,在图像分析与模式分类领域应用广泛,本项目正是借助其功能解决农业病害监测的实际问题。 在色彩特征分析方面,叶片影像的颜色分布常与其生理状态密切相关。通常,健康的叶片呈现绿色,而出现黄化、褐变等异常色彩往往指示病害或虫害的发生。Matlab提供了一系列图像处理函数,例如可通过色彩空间转换与直方图统计来量化颜色属性。通过计算各颜色通道的统计参数(如均值、标准差及主成分等),能够提取具有判别力的色彩特征,从而为不同病害类别的区分提供依据。 纹理特征则用于描述叶片表面的微观结构与形态变化,如病斑、皱缩或裂纹等。Matlab中的灰度共生矩阵计算函数可用于提取对比度、均匀性、相关性等纹理指标。此外,局部二值模式与Gabor滤波等方法也能从多尺度刻画纹理细节,进一步增强病害识别的鲁棒性。 系统的人机交互界面基于Matlab的图形用户界面开发环境实现。用户可通过该界面上传待检图像,系统将自动执行图像预处理、特征抽取与分类判断。采用的分类模型包括支持向量机、决策树等机器学习方法,通过对已标注样本的训练,模型能够依据新图像的特征向量预测其所属的病害类别。 此类课题设计有助于深化对Matlab编程、图像处理技术与模式识别原理的理解。通过完整实现从特征提取到分类决策的流程,学生能够将理论知识与实际应用相结合,提升解决复杂工程问题的能力。总体而言,该叶片病害检测系统涵盖了图像分析、特征融合、分类算法及界面开发等多个技术环节,为学习与掌握基于Matlab的智能检测技术提供了综合性实践案例。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值