给公司项目做的一个系统内即时通讯组件。
框架选的是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
分享到:
相关推荐
提供了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包
NULL 博文链接:https://pengjj2.iteye.com/blog/1197832
EXT2.02_API 对方法和属性都有详细的介绍
《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的...
xtype Class box Ext.BoxComponent 具有边框属性的组件 Button Ext.Button 按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component 组件 container Ext.Container 容器
页面布局方式、功能强大的组件、优质的页面风格,但是如果直接使用Ext又是 较为复杂的,不仅要从头学习EXT 框架,而且Ext 是通过js 函数创建页面的, 这就不得不为每个页面都编写一个相对应初始化函数,这会使得开发...
Ext2.0组件,全组件和帮助手册,部分为中文帮助手册
Ext 组件:Ext初学者必备 初学宝典 Ext组件概述
1. 这个组件基于Ext4 只选择年份/月份的组件,在Ext4.1.1版本正常,但在Ext4.2.1只显示了10个月份少了俩月,在其他的Ext4版本还未测过,你可以试一下,有问题小纸条我[天王盖地虎],咱们一起解决。 2. 该组件最初...
java的MVC模块开发,结合EXT的web项目。内容数据库初始化数据,对EXT的研究和探讨大有帮助。
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开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的使用...
Ext、Ext4中各个组件、属性、方法详解,一个不漏;Ext学习入门及参考最好的资料
《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的...
《快意编程:Ext JS Web开发技术详解》是笔者在多年项目开发过程中的经验总结,它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的...
2、发布到Web服务器、并且启动服务器 3、打开IE之后在地址输入:http://localhost:8080/ExtCumstomComponent/ 4、如果一切正常,你会到看自定义的面板出来浏览器 目的:该示例非常详细注释说明Ext的面向对象的编程...
Ext精美得Web桌面系统 Ext精美得Web桌面系统 Ext精美得Web桌面系统 Ext精美得Web桌面系统
作为Web前端开发的框架,对ext 3.x进行了深度改进,透过源码,看到了javascript的神奇用法。由于文件超过上传限制,删掉了docs文档