博客园_布尔的cnblogs boolean

后短信集成时代

2012-01-13T05:13:00Z

后短信集成时代，短信提醒（短信交互）功能基本上已经是一个日常应用系统的必备功能，当前的应用也做了一次这样的尝试。

1.移动部署的MAS包括两个部分，一是移动短信服务器网关的配置工具；二是供第三方调用的服务接口；

登录配置工具后管理界面一眼看去就是基于Ext做的，包括短信管理、彩信管理、用户管理、通讯录管理、插件管理、业务管理、应用管理、数据查询、日志下载、故障管理、语音管理、定位管理等。

其中和我们关系比较紧密的是应用管理，因为这里面有我们调用其服务接口的必要参数应用ID。

　　访问 http://192.164.2.10:8000/MASWebService.asmx （企业内网才能访问，当然如果通过vpn接入口，则可以在外网调用）以下是其WebService接口界面

　　在解决方案中添加引用生成本地代理类后，即可编程发送短信。

当然这样的调用应该是独立与Web编程之外的，否则，你的应用系统将受制于MAS系统的健康状况，比如MAS服务性能很低或者不可用的时候，你的应用必将受到不可忍受的影响。

本文链接

后VPN时代的集成实践

2012-01-13T05:03:00Z

后VPN时代，随着操作系统和网络的发展，vpn越来越不作为一种接入企业内网的唯一、有效、快捷途径，然而就在这样的大背景下，我们还是在信息化建设与集成工作中遇见了一次vpn实践，用户采用的是DP Tech的软件产品，通过如下界面登录：

登录后，系统自动进行虚拟拨号，连接成功后，Status显示为Connected，这样就把计算机接入到企业内网。

Vpn后台可配置用户可以访问的企业内网资源，即IP地址和端口。

本文链接

让你的程序动起来——支持动态更新或者热插拔

2011-11-25T03:37:00Z

过去写了一个运行环境，支持以模块化的方式进行程序开发和管理，当时考虑做一个大项目的时候可以将独立的模块分配到多个开发小组并行进行，从而提高开发效率，实践过程中确实也达到了最初的设定目标。但是我们不会至此停留不前，经过一年的应用我们发现了一点问题，相信很多做项目的同僚都会发现，项目要随需而变不但要求框架本身易于扩展，还要求在运行时能够动态更新，要不然就只能等系统闲下来的时候再更新，这也是为什么很多人都选择夜里更新程序的原因（白天很多在线用户）。随需而变嘛，把模块的加载再改进一步，支持动态加载就OK了，更新模块的时候直接覆盖，系统监视文件变化，自动重新加载，用户完全感觉不到系统已经升级了。

改进主要涉及两个方面：

1.程序集的加载

要求程序集不能被占用，因为如果被Asp.net进程占用的话，覆盖文件会导致整个应用重新启动，这样就不能用原来的Assembly.LoadFrom了，替换的解决方法是Assembly.Load(byte[] rawAssembly)

2.监视模块更新变化

用系统自带的文件变化监视类FileSystemWatcher就可以实现

本文链接

百度面试题第4题

2011-10-10T04:37:00Z

本文链接

金格科技iMsg2000消息数据格式

2011-09-29T01:27:00Z

本文介绍的是金格科技iweboffice2003控件前端向服务器发请求后服务器解析数据流的过程，从中也可以了解其前端对数据的封装过程，不复杂很简单，挺不错的数据封装实例教程J。从数据流到格式化对象数据的转换（Stream -> Msg 解析）过程就是从数据流中的固定大小头部开始按预定规定开始拆分：

1. 头部大小为0x40，其中包含4个信息

a) 消息字节数num2

b) 错误信息字节数num3

c) 文件字节数num4

2. 根据第一步得到的消息字节数、错误信息字节数、正文字节数读取出对应的信息，即拆分完毕，如下图所示。

本文链接

基于Ext.Panel扩展一个BMap

2011-09-27T09:58:00Z

百度的Map API已经很成熟了，而且用起来很方便，但是在ExtJS环境下简单包装一下用起来可以更舒服一些。

先看看包装后的效果吧：

接下来就是怎么包的，代码分享：

/*
    百度地图类
    包含了对百度地图BMap.Map组件各类调用的封装
    <script type="text/javascript" language="javascript" src="/modules/xt/js/BMap.js"></script>
    eg:
    var map = new BeidaSoft.BMap({})
*/
Ext.namespace("BeidaSoft")
BeidaSoft.BMap = function(config) {
    BeidaSoft.BMap.superclass.constructor.call(this, config);
}

Ext.extend(BeidaSoft.BMap, Ext.Panel, {
    objectID:"BMap_",
    object: null,
    border: false,
    width:700,
    height:500,
    initComponent: function () {
        this.objectID += this.id

        var src = String.format("http://api.map.baidu.com/api?v=1.2&callback=Ext.getCmp('{0}').Initialize", this.id);
        //判断API是否已经加载成功还有更简单的方法，就是判断BMap对象是否存在
        var isLoaded = false
        var arrScript = document.getElementsByName("script");
        for(var i=0; i<arrScript.length; i++){
            if(arrScript.src[i] == src){
                isLoaded = true
                break
            }
        }
        //保证只加载一次API脚本
        if(!isLoaded){
            var script = document.createElement("script");
            script.src = src
            document.body.appendChild(script);
        }
        BeidaSoft.BMap.superclass.initComponent.call(this);
    },

    //初始化地图
    Initialize : function(){
        var map = new BMap.Map(this.objectID);
        map.centerAndZoom(new BMap.Point(116.388298, 39.928902), 5);
        this.object = map
    },

    //获取BMap对象
    GetBMap: function(){
        return this.object
    },

    currentPositionPoint:null,
    //移动到自己所在的位置
    PanToCurrentPosition:function(){
        var bmap = this.GetBMap()
        var geolocation = new BMap.Geolocation()
        var me = this
        geolocation.getCurrentPosition(function(geolocationResult){
            if(this.getStatus() != BMAP_STATUS_SUCCESS){
                alert("定位失败！")
                return
            }
            var point = geolocationResult.point
            me.currentPositionPoint = point
            bmap.centerAndZoom(point, 11);
        },{
            enableHighAccuracy:true,
            timeout:5000,
            maximumAge:0
        })
    },

    currentPositionMarker:null,
    //显示我当前位置标注
    ShowCurrentPositionMarker:function(){
        if(this.currentPositionMarker == null){
            var bmap = this.GetBMap()
            var marker = new BMap.Marker(this.currentPositionPoint);        // 创建标注
            bmap.addOverlay(marker);                                        // 将标注添加到地图中
            this.currentPositionMarker = marker

            //可以移动标注
            marker.enableDragging();
            marker.addEventListener("dragend", function(e){
                //alert("当前位置：" + e.point.lng + ", " + e.point.lat);
            })
        }
    },

    //隐藏我当前位置标注
    HideCurrentPositionMarker:function(){
        if(this.currentPositionMarker){
            var bmap = this.GetBMap()
            var marker = this.currentPositionMarker        // 创建标注
            bmap.removeOverlay(marker);                    // 将标注添加到地图中
        }
    },

    //在地图中心位置增加一个标注
    AddOneMarkerAtCenter:function(){
        var bmap = this.GetBMap()
        var point4Center = bmap.getCenter()
        var marker = new BMap.Marker(point4Center);        // 创建标注
        bmap.addOverlay(marker);                           // 将标注添加到地图中

        //可以移动标注
        marker.enableDragging();
        marker.addEventListener("dragend", function(e){
            //alert("当前位置：" + e.point.lng + ", " + e.point.lat);
        })
        var me = this
        marker.addEventListener("rightclick", function(type, target){
            var menu = me.GetMarkerMenu()
            menu.marker = this
            menu.showAt([type.clientX, type.clientY])
        })
        //增加菜单

    },

    markerMenu:null,
    GetMarkerMenu:function(){
        var bmap = this.GetBMap()
        if(this.markerMenu == null){
            var menu = new Ext.menu.Menu({
                items:[
                    {
                        text:"保存",
                        iconCls: 'kscp_c_icon_save'
                    },{
                        text:"删除",
                        iconCls: 'kscp_c_icon_delete',
                        handler:function(){
                            bmap.removeOverlay(menu.marker)
                        }
                    }
                ]
            })
            this.markerMenu = menu
        }
        return this.markerMenu
    },

    onRender: function(ct, position) {
        BeidaSoft.BMap.superclass.onRender.apply(this, arguments);

        var width = this.width
        var height = this.height - 35
        var editorHTMLFormat = '<div id="{0}" style="width:{1}px;height:{2}px;"></div>'
        var editorHTML = String.format(editorHTMLFormat, this.objectID, width, height)
        this.body.dom.innerHTML += editorHTML
    }
});

本文链接

IE10预览：HTML5初探翻译自Sencha

2011-09-26T05:41:00Z

IE10预览：HTML5初探

在过去的几年里我们做了一系列测试来评估主要的移动平台对HTML5应用的支持。直到现在，我们仍旧没有花时间在Windows phones上，主要因为Windows Phone7浏览器太弱根本不值得评估。但是，在上周的Windows Build会议上我们得到一个开发者预览的平板电脑（运行了Windows8和IE10）。我们想分享一下我们对HTML5用户体验的第一印象。简单的说（and with the caveat that we were running on the notably overpowered developer preview hardware），IE10的HTML5用户体验是我们接触到的所有平台上最好的。十年Web领域疲软后，微软复仇归来。

Windows8 Web 平台

在我们进入Win8和IE10对HTML5的支持细节之前，很值得回顾一下Windows8的一些概要。Windows8代表微软在策略上的一个大的转变，因为它使得Web技术成为Windows原生应用的首选。用Javascript、HTML、CSS开发的应用可以被构建为Windows原生应用了。

Windows的图形、IO、设备核心服务访问， JavaScript都有和.NET以及C++的等效绑定。微软的消息是你可以使用web技术构建所有的Windows原生应用。

那么，开发一个简单的基于web 的在IE10上运行的应用和开发一个分发到Win8的原生应用有什么不同呢？第一个不同点就是你允许访问的资源和怎么访问他们。作为一个基于web的应用，你不能访问系统的保护资源如摄像头、打印机等。要把你的web应用打包成一个原生应用，你必须创建许可列表文件来描述你想访问的受保护资源，然后将你的应用提交到Windows的应用商店。提价后，它将被做一连串的技术和政策检查。尽管还没有完全确定，我们猜猜应用商店测试将会是微软在Windows平台的一个web技术评估部门。

HTML5支持

IE10里面的新特性有哪些呢？太多了，明显的部分包括UI元素和特效。IE10预览支持几乎所有最近三年引入可视化HTML5和CSS3特性。IE9微软已经注意了几个方面能力的提升如主要是硬件加速、画布等几个特性，但是IE10引入更多：

n CSS转变：2D和3D高效平滑转换。3D转换和抗锯齿很明显好于许多其他的浏览器。还有转换的平滑度给人印象深刻，可能是硬件加速的原因吧

n CSS动画：完全支持WebKit语法，这让我们很机动，因为这意味着Sencha Animator的动画在IE10上运行起来很容易，只需要简单的查找替换（webkit替换为ms）即可

n CSS3阴影：文本和盒子都支持（还包括插入物阴影）。合并阴影效果和其他特效将完美无瑕

n CSS3倾斜：完全支持新的webki/mozilla语法，允许圆形和椭圆放射倾斜

n 这仅仅是一个开始。还有web workers、web sockets、web fonts、Indexed DB、SVG 滤镜、flexbox布局等。好像只有图片边框没有实现。

微软获得了几个第一

在这些发布的UI特性中，IE10独创了一些在其他浏览器中还没有实现的，如CSS Regions、positioned floats。CSS Regions是一个Adobe做的一个草稿，它可以使报纸样式的布局，实现类似不规则插入、跨多列、让文本围绕浮动的图片。这些对于想在web上发行副本很有用。（最后，微软还推动grid layout，尽管这是其独家实现……）

IE10也有一些针对触摸接口的扩展，控制元素滚动、移动、缩放。如，-ms-content-zooming CSS属性可以控制可缩放元素、-ms-scroll CSS属性可以滚动行为。这些看起来还不是标准行为，所以能看到微软起草覆盖这些新特性也是件好事。

IE10缺少的？

有好几项HTML5技术没有出现在IE10里面，基于微软平台策略考虑，他们可能不会再出现在IE10里面了，WebGL很明显不在菜单里。3D图像，web开发者智能使用JavaScript绑定Windows Direct 图形 APIs并且只能将他们的应用作为Windows应用发布了。相应的媒体图像和设备APIs也永远不会出现了。这些就是微软希望你通过原生绑定来毁灭的APIs。

And What Will Ship？

我们对于Win8和IE10很机动，我们认为它结合了HTML5作为标准的跨平台应用开发技术。我们希望我们不再必须使用原生包来访问有趣的设备API，但是微软并不希望实现这些（策略考虑）。The final, but major, caveat is whether all these technologies will retain their speed and performance when Windows 8 is squeezed onto next year’s $299 tablets which are likely to have a GigaByte of memory and a lower-powered ARM processor.

我们当然希望这样。

本文链接

处理文章附件路径问题

2011-05-09T23:53:00Z

/*
一共有375篇带有附件的，刚好这些文章的最大长度（7482）都不超过8000个字符，因此可以使用以下脚本处理
*/
DECLARE @id INT
DECLARE @content VARCHAR(8000)

DECLARE C CURSOR FOR
SELECT  --TOP 1
        ARTICLE_ID ,
        --AR_CONTENT ,
        CAST(AR_CONTENT AS VARCHAR(8000)) AS content
        --,
        --LEN(CAST(AR_CONTENT AS VARCHAR(8000))) L
FROM    dbo.BAP_CMS_ARTICLE
WHERE   1 = 1
        --AND ARTICLE_ID = 145833
        AND AR_CONTENT LIKE '%InstallDir_ChannelDir%'

OPEN C
FETCH NEXT FROM C INTO @id, @content
WHILE @@FETCH_STATUS = 0
    BEGIN
        --PRINT @content
        SET @content = REPLACE(@content, '[InstallDir_ChannelDir]{$UploadDir}',
                               '/WebDeploy/UploadFiles')
        --PRINT @content
        UPDATE  BAP_CMS_ARTICLE
        SET     AR_CONTENT = @content
        WHERE   ARTICLE_ID = @id
        FETCH NEXT FROM C INTO @id, @content
    END

CLOSE C
DEALLOCATE C

本文链接

我的高中同学分布图

2011-02-09T08:16:00Z

找了半天这里最最合适了。

本文链接

ExtJS4预览：渲染过程重构和标准化

2010-12-14T05:17:00Z

在过去的四年，ExtJs代码库已经进化了，新组件被加进来，编码标准也改进了。在这个过程中，为了重构旧组件有必要经常追溯回去以保证他们也被改进。

在ExtJS4之前渲染组件没有标准的方式。在过去，Panels的展现过程是，首先创建他们需要的元素，并把他们直接添加到dom上，然后获取他们的引用。另一方面，利用按需autoEl DomHelper配置并包装对应的Html标签片段。在页面上表格经常被用作模板来构建他们的标记。

ExtJS4，我们的目标是统一这些方法为一个标准的方法，那就是XTemplate和DomQuery。这个标准允许开发者很容易针对弹性需求构建出强健的组件。这个标准将在所有我们的组件中使用。

引入（介绍）renderTpl、renderData、renderSelector

ExtJS中的所有组件的展现都是基于一个基础的具有唯一ID的具有component类（cls\cmpCls\baseCls\ui）的div元素进行的。如果创建一个组件需要额外的元素，他们现在将被一个XTemplate（tenderTpl）处理。XTemplate的数据将从renderData对象读取，并且生成的元素可以通过组件实例的renderSelectors属性访问。renderSelectors的作用域是基于base div元素并且可以使用标准的css选择器。这些元素引用是组件生命周期的一部分，并且将在组件销毁时被自动移除。下面这个示例将帮助举例说明一个自定义组件的创建：

简单的自定义图标组件示例：

IconComponent = Ext.extend(Ext.Component, {
   iconCls: 'myIcon',
   renderTpl: '<img alt="" src="{blank}" class="{iconCls}"/>',
   onRender: function() {
       Ext.applyIf(this.renderData, {
           blank: Ext.BLANK_IMAGE_URL,
           iconCls: this.iconCls
       });
       Ext.applyIf(this.renderSelectors, {
           iconEl: '.' + this.iconCls
       });
       IconComponent.superclass.onRender.call(this);
   },
   changeIconCls: function(newIconCls) {
       if (this.rendered) {
           this.iconEl.replaceClass(this.iconCls, newIconCls);
       }
       this.iconCls = newIconCls;
   }
});

renderTpl定义一个XTemplate，内嵌"blank"和"iconCls"变量，这两个变量将从renderData获取。另外，在展现的时候一个iconEl引用将被应用到实例对象。一展现出来changeIconCls方法就可以使用iconEl属性了。

评论：在一定程度上表转化了代码的组织和使用，但是还是不够优雅，比如iconEl并没有在属性上定义，下面用的时候有些"勉强"，并且不会有提示。

本文链接

博客园_布尔的cnblogs boolean

后短信集成时代

后VPN时代的集成实践

让你的程序动起来——支持动态更新或者热插拔

百度面试题第4题

金格科技iMsg2000消息数据格式

基于Ext.Panel扩展一个BMap

IE10预览：HTML5初探 翻译自Sencha

处理文章附件路径问题

我的高中同学分布图

ExtJS4预览：渲染过程重构和标准化

IE10预览：HTML5初探翻译自Sencha