`
pengjj2
  • 浏览: 136436 次
  • 性别: Icon_minigender_1
  • 来自: 无锡
社区版块
存档分类
最新评论

基于ext2.02的web即时通讯组件

 
阅读更多

给公司项目做的一个系统内即时通讯组件。

框架选的是ext2.02和dwr,主要是用ext做界面显示,用dwr的推技术来做消息推送。

1.主界面

<!--StartFragment -->
 
因为是企业内部使用,所以要展示公司的整体架构,自定组是用来自己定义组,然后加入联系人来方便使用的,讨论组相当于群聊了。
顶部有两个消息盒子,是来消息时用作提醒用的。
搜索可以定位到搜索的人员
2、聊天框
聊天框是根据ext.form.htmleditor进行改造的,基本等于重写过了,因为htmleditor基本上是一个在线编辑器,而不适于做一个聊天编辑器,所以需要重写,另外加入三个插件,一个是表情menu,一个是图片上传button,一个是截屏button.截屏是用applet来做的,来看下发消息的界面
所有的功能都接近于QQ聊天的习惯,只是没有做状态的保持,收消息界面
消息盒子会有跳动提示
打开了收到消息,和查看消息记录
至于讨论组功能也差不多,区别只在于,有成员管理,继续上图吧
基本功能就这些了消息的推送主要依赖于dwr的反推技术,dwr.engine.setActiveReverseAjax(true);这是整个消息发送的核心部分,另外在使用这个技术的时候要自己注意对sessionscript的处理,每次刷新都会产生一个新的seesionscript,所有需要自己对其进行处理,另外,对推送的sessionscript也要进行过滤处理,也就是所谓的半推送。ext方面应该不算什么,主要是有很多地方需要自己进行修正,重写,和扩展。
  • 大小: 20 KB
  • 大小: 18.8 KB
  • 大小: 26.1 KB
  • 大小: 13 KB
  • 大小: 49.9 KB
  • 大小: 23.3 KB
  • 大小: 28.3 KB
0
0
分享到:
评论

相关推荐

    ext2.02文档下载

    提供了ext2.0框架的离线api文档,插件在我的资源中下载ext2.02插件AdobeAIRInstaller.exe就可以了

    ext 2.02 sample包

    ext 2.02 sample包ext 2.02 sample包ext 2.02 sample包ext 2.02 sample包ext 2.02 sample包

    Ext2.02的一些总结

    NULL 博文链接:https://pengjj2.iteye.com/blog/1197832

    EXT2.02_API

    EXT2.02_API 对方法和属性都有详细的介绍

    快意编程EXT JS Web开发技术详解.part3

     《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的...

    Ext组件描述,各个组件含义

    xtype Class box Ext.BoxComponent 具有边框属性的组件 Button Ext.Button 按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component 组件 container Ext.Container 容器

    国内首个基于Ext开发开源企业级框架Efsform

    页面布局方式、功能强大的组件、优质的页面风格,但是如果直接使用Ext又是 较为复杂的,不仅要从头学习EXT 框架,而且Ext 是通过js 函数创建页面的, 这就不得不为每个页面都编写一个相对应初始化函数,这会使得开发...

    Ext2.0组件,全组件和帮助手册

    Ext2.0组件,全组件和帮助手册,部分为中文帮助手册

    Ext组件说明 Ext组件概述

    Ext 组件:Ext初学者必备 初学宝典 Ext组件概述

    Ext4.1.1月份组件[只选择年月]

    1. 这个组件基于Ext4 只选择年份/月份的组件,在Ext4.1.1版本正常,但在Ext4.2.1只显示了10个月份少了俩月,在其他的Ext4版本还未测过,你可以试一下,有问题小纸条我[天王盖地虎],咱们一起解决。 2. 该组件最初...

    Ext java web实战项目 企业进销存系统

    java的MVC模块开发,结合EXT的web项目。内容数据库初始化数据,对EXT的研究和探讨大有帮助。

    Ext.NET Web Application Development

    Ext.NET Web Application DevelopmentExt.NET Web Application DevelopmentExt.NET Web Application DevelopmentExt.NET Web Application DevelopmentExt.NET Web Application DevelopmentExt.NET Web Application ...

    快意编程 EXT JS Web开发技术详解.pdf

    《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的使用...

    Ext、Ext4中各个组件、属性、方法详解

    Ext、Ext4中各个组件、属性、方法详解,一个不漏;Ext学习入门及参考最好的资料

    快意编程EXT JS Web开发技术详解.part2

     《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的...

    快意编程EXT JS Web开发技术详解.part1

     《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的...

    Ext继承--Ext自定义组件的书写方式

    2、发布到Web服务器、并且启动服务器 3、打开IE之后在地址输入:http://localhost:8080/ExtCumstomComponent/ 4、如果一切正常,你会到看自定义的面板出来浏览器 目的:该示例非常详细注释说明Ext的面向对象的编程...

    Ext精美得Web桌面系统

    Ext精美得Web桌面系统 Ext精美得Web桌面系统 Ext精美得Web桌面系统 Ext精美得Web桌面系统

    Ext Web前端开发框架

    作为Web前端开发的框架,对ext 3.x进行了深度改进,透过源码,看到了javascript的神奇用法。由于文件超过上传限制,删掉了docs文档

Global site tag (gtag.js) - Google Analytics