
Web开发
我的执着
专注与Java企业开发及HTML5技术
展开
-
ExtJS - Desktop - 开发豆瓣FM应用
这次为了美化图标,山寨了点WebQQ的图标,纯属好看,题外话:火狐的Firbug是好东西,山寨全靠它了。 下面是ExtJS版的豆瓣FM : 代码很简单,实现原理就是在豆瓣FM的地址上套一个Ext.Wndow的壳。 Ext.de原创 2011-08-14 22:02:52 · 5345 阅读 · 1 评论 -
Spring3+Hibernate4+SpringMVC整合Ext:JSON数据格式传输
前言前两篇文章介绍了Spring3、Hibernate4、SpringMVC的整合以及Ext界面MVC的实现,这次介绍的内容是处理Ext的分页和前后台的数据传输。目前Ext大部分组件使用的都是JSON数据格式(如果有不知道JSON数据格式的同学可以去网上找点资料看下,在这里就不赘述了)。包括表格控件、树控件、报表控件以及表单空间等等,所以说对于整合Ext来说如何向前台空间传输JSO原创 2012-10-10 00:28:22 · 26647 阅读 · 40 评论 -
ExtJS4+Servlet/Struts2+JSON+accordion布局动态Ext.tree.Panel菜单
先贴个图给大家,实现的是一个Accordion布局的动态菜单,俗称手拉琴布局,切入正题: 首先构造出一个窗口(Ext.window.Window),布局选择Accordion,代码:var win = Ext.create("Ext.window.Window", { title : "Accordion布局动态菜单", width : 300, hei原创 2011-12-07 23:57:04 · 26635 阅读 · 48 评论 -
HTML5 Web Speech API 结合Ext实现浏览器语音识别以及输入
简介Web Speech API是HTML5技术中的一个提供原生语音识别技术的API,Google Chrome在25版之后开始支持Web Speech API,Google也提供了一个官方实例,效果如下:实现效果我根据Google提供的实例中的相关实现,在Web即时通讯系统中结合Ext实现语音输入,Ext作为展示层,将识别的过程进行展示。效果如下:开启语音输入时,原创 2013-07-13 10:17:34 · 19944 阅读 · 2 评论 -
Leetop/Ext-Desktop Web桌面 项目开发实录<持续更新中....>
纯属热爱Ext开发,上班忙一直没时间写,做的比较慢。 2011.6-2011-7,新增功能列表: 1、更改桌面图标显示样式 2、增加桌面图标右键菜单 3、桌面图标自动换列 4、桌面图标拖动 5、桌面图标选择器 6、增加页面图标名称修改控件 7、优化页面JS文件通过动态加载获取原创 2011-10-17 21:34:22 · 9774 阅读 · 23 评论 -
Ext-Desktop Web桌面项目 Leetop 开发<持续更新中....>
前言做了Ext桌面项目这么久了,感受到了Ext开发的方便也看到了Ext开发的短板,Ext可能更是适应于企业内部系统更好点,对于互联网开发确实捉襟见肘,也可能是对于Ext的优化还没有深入,这个项目也只是业余爱好写一写,没有项目的支持。也就当是挖掘挖掘能力把。Ext的设计确实考虑的特别详细,非常好的一个框架。也领略到了JS的魅力。抱怨一下优快云博客的目录,太难调了。 2011年6月原创 2012-11-21 11:20:12 · 42304 阅读 · 112 评论 -
基于Tomcat7、Java、WebSocket的服务器推送聊天室
前言 HTML5 WebSocket实现了服务器与浏览器的双向通讯,双向通讯使服务器消息推送开发更加简单,最常见的就是即时通讯和对信息实时性要求比较高的应用。以前的服务器消息推送大部分采用的都是“轮询”和“长连接”技术,这两中技术都会对服务器产生相当大的开销,而且实时性不是特别高。WebSocket技术对只会产生很小的开销,并且实时性特别高。下面就开始讲解如何利用WebSocket技原创 2013-08-01 21:35:45 · 54593 阅读 · 81 评论 -
使用WebRTC实现电脑与手机通过浏览器进行视频通话
最近一直在研究WebRTC,做了一个小项目:www.meet58.com,利用WebRTC可以只通过浏览器进行视频聊天。下面是手机和电脑进行视频聊天的截图:PC端手机端我的测试环境:PC端:Chrome 28手机端:GalaxyS2 Android4.03 浏览器Chrome Beta好像目前手机上只有Chrome Beta支持WebRTC测试的时候遇到一个问题,就是发热很严重原创 2013-08-17 21:38:31 · 14557 阅读 · 18 评论 -
自定义ExtJS控件之Ext下拉树和Ext下拉表格
简介在Ext官方的例子中只有下拉列表控件,但是在实际业务中只有下拉列表无法满足需求的,像下拉树和下拉表格都是很常见的控件,对于刚使用Ext的人来说,自定义一个控件好难,其实多读官方的源码有些事情就不会那么难了。下面是下拉树的代码:Ext.define('ComboTreeBox',{ extend : 'Ext.form.field.ComboBox', multiSelect : tru原创 2013-10-14 20:28:20 · 16237 阅读 · 1 评论 -
Ext4+Servlet+HTML5实现实时获取文件上传进度、本地预览、文件拖拽上传的相册实例
今天晚上花了几个小时的功夫做了一个相册,类似于QQ空间的文件上传,不过我用的Ext+HTML5等新的技术,结合Servlet上传文件。有几个特点:文件拖拽上传实时获取上传进度本地预览与Ext结合起来说了这么多,还是贴几张图给大家吧!!这个是没有做任何操作时候的窗口拖动图片的时候,提示将图片拖动到指定的区域这个是拖拽进去后,生成了本地预览,并有相应原创 2012-05-10 22:54:58 · 12572 阅读 · 20 评论 -
Spring3+Hibernate4+SpringMVC整合Ext:开发Ext界面及Accordin Tree
前言Spring3+Hibernate4+SpringMVC整合Ext:项目架构搭建中已经介绍了Spring3、Hibernate4和SpringMVC的整合,下面介绍的是开发一个典型的Ext后台管理界面: 开发这个界面使用了Ext MVC,好多人都叫我用MVC方法去实现,其实MVC不是每个场景都适合。就我现在这个界面的场景而言并不适合用MVC开发,本来一个j原创 2012-10-06 15:28:03 · 19026 阅读 · 9 评论 -
Ext - Desktop - JavaScript版浏览器探索
这几天一直在折腾用JS写浏览器,已经作出初步的效果,但还是遇见了一些很大的难题“:无法获取目标网站的一些属性,比如:网站的标题,网站的图标。无法重写浏览器打开新页面/新建选项卡的方法。 上面两个问题没有解决,不管怎么样,也只是摆个样子罢了,无法真正的实现浏览器的原创 2011-08-17 20:21:37 · 2637 阅读 · 3 评论 -
ExtJS4 Ext.tree.Panel获取Node对象
Ext4改了好多,树控件都改得自己不认识了,切入正题:在Ext3中只要注册了'click','contextmenu',就会将Node对象传进来,代码示例:contextmenu : function(Ext.tree.TreeNode,Ext.EventObject原创 2011-09-22 00:11:58 · 24582 阅读 · 17 评论 -
Google Chrome无法添加扩展程序(插件)的解决方案
在chrome添加扩展程序时总是显示“正在检查”,很恶心的一件事。解决这个问题的关键是无法下载扩展程序,因为google的相关网站已经被封掉了。解决方案有两种:在翻墙的情况下可以添加,这个绝对没有问题。手动在host文件里面添加google的ip,方法如下:进入到dos命令下,输入命令:pingwww.google.com,将获取到的IP原创 2012-04-20 19:45:51 · 59936 阅读 · 4 评论 -
Ext.form.field.ComboBox结合Servlet、JSON实现AutoComplete
这是一个利用Ext.form.field.ComboBox实时获取数据的例子,这个combo必须是可以编辑的,在编辑的过程中通过输入的关键词去后台获取相关的数据。由于combo在自身的代码实现中已经实现了autocomplete的功能,只不过没有着重的表达出来,不过我们还是还是可以通过代码挖掘出来。这个是从一个官方的例子衍生而来的,官方的例子还是很全面的。下面我们看具体实现,前端JS代码:Ex原创 2012-05-31 22:28:27 · 5590 阅读 · 0 评论 -
Ext4+Java构建Web应用程序后台经典界面
在我以前写的一篇文章ExtJS4+Servlet/Struts2+JSON+accordion布局动态Ext.tree.Panel菜单,大家都对Ext.tree.Panel组件和Ext.tab.Panel组件相结合起来比较困惑。对于Ext.tree.Panel的异步加载也有问题。写这篇文章分享我对Ext开发的一些做法和认识。谈谈自己如何构建Ext应用框架的,下面让大家看看效果图:原创 2012-05-16 23:21:53 · 48525 阅读 · 52 评论 -
Spring3+Hibernate4+SpringMVC整合Ext:项目架构搭建
前言 前段时间突然想用SpringMVC结合Ext做一个框架原型,整合后发现SpringMVC配合Ext简直天衣无缝,当然SpringMVC结合别的UI框架应该也是天衣无缝的。SpringMVC比Struts2确实要强大很多,特别对于Ext框架JSON数据的完美支撑,开发起来相当舒服。Spring3整合Hibernate4的时候可能有点问题,跟Spring2+Hibernate原创 2012-10-06 11:32:32 · 25205 阅读 · 8 评论 -
HteOS - Win10 Metro UI 风格的Web桌面
HteOS是一款Win8 Metro UI风格的Web桌面应用开发框架现代的、简约的界面,丰富的组件、功能,全新的Web桌面原创 2014-06-07 18:37:05 · 16997 阅读 · 5 评论