[转][推荐]15 个 JavaScript Web UI 库

从cnbeta.com看到的,分享给大家;原文:http://www.cnbeta.com/articles/111512.htm

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。 LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套 经严格测试并高度可扩展的 UI 控件,拥有很好的文档,在不支持 JavaScript 的环境中,可以无缝降级使用。包括 Tab, 窗体,文本框,多选框,评分控件,进度条,滚动条,右键菜单等多种控件。

LivePipe 首页与下载
LivePipe 演示与示例


UKI

UKI 是一套简单的 JavaScript UI 工具集,用于快速创建桌面风格的 Web 应用。包含的控件从滑动条,到分栏视图,不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手,非常简洁,无需安装框架,不依赖 CSS 引用。

UKI 主页与下载
UKI 控件,演示,示例


继续阅读 »

解决a different object with the same identifier value was already associated with the session错误

使用Hibernate三年了第一次遇到这个异常,常发生在一对多和多对多关系映射时,其实翻译一下很简单就是在Session中有两个相同标示但是又不是相同的实体,当进行保存或者更新(saveOrUpdate)时就爆出了这个错误,因为Hibernate不知道改怎么操作了,Google了一下发现解决办法很多,比如清空Session对象的缓存、刷新Session,但是这些都会导致后遗症的发生

一、清空Session缓存
也就是执行session.clean()方法,但是如果在clean之后再对对象saveOrUpdate就会报错:“Found two representations of same collection”,所以这个解决办法不可取

二、刷新Session

session.refresh(object)方 法就可以解决了,注意,当object不是数据库中已有数据的对象的时候,不能使用session.refresh(object)因为refresh是 从hibernate的session中去 重新取object,如果session中 没有这个对象,则会报错所以当你使用saveOrUpdate(object)之前还需要判断一下

三、最好的解决办法:session.merge()

这个是我认为比较好的解决办法了,session里面有一个相同标示的对象,业务方法里也有一个相同标示的对象,把两个合并起来不就可以了,最后调用session.merge()更新到数据库,OK

四、Hibernate 疑难异常及处理

1、a different object with the same identifier value was already associated with the session。

错误原因:在hibernate中同一个session里 面有了两个相同标识但是是不同实体。

解决方法一:session.clean()

PS:如果在clean操作后面又进行了saveOrUpdate(object)等改变数据状态的操作,有可能会报出”Found two representations of same collection”异常。

解决方法二:session.refresh(object)

PS:当object不是数据库中已有数据的对象的时 候,不能使用session.refresh(object)因为该方法是从hibernate的session中去重新取object,如果session中没有这个对象,则 会报错所以当你使用saveOrUpdate(object)之前还需要判断一下。

解决方法三:session.merge(object)

PS:Hibernate里面自带的方法,推荐使用。

2、Found two representations of same collection

错误原因:见1。

解决方法:session.merge(object)

jqGrid查询中文乱码问题解决办法(2011-11-11)

终极解决办法-2011-11-11

之前是通过修改源码的方式解决乱码问题,但是只能解决一部分问题而且不利于升级,@嘴大饿急的意见我实验了一下比较完美,设置所有的ajax请求都使用post请求就可以了,具体代码:

$.jgrid.ajaxOptions.type = 'post';

上面的这段代码可以在项目的common.js中设置,这样所有的jqgrid的ajax请求都是用post发送,远离乱码……清净了!
哎呀,今天又是一个好日子,百年一遇的六一……

历史解决办法

jqGrid是我用过最好的基于jQuery的列表插件,在项目中试用后效果很不错,基于jQuery UI的界面美观并且可以更好皮肤……

花了一天时间实现了增删改和查询功能,但是在查询中文的时候遇到了乱码问题……诡异,说一下情况:

  • 我的开发环境是全站UTF-8,而且有编码Filter;
  • jqGrid版本为:3.6.4

在后台断点调试发现如下特点:

1、新增、编辑没有乱码问题

2、查询中文后台时得到的参数是乱码

然后就考虑了,如果是开发环境问题那肯定全部都有乱码问题,所以问题应该在jqGrid的查询函数里面,最后通过Firebug找到了:

c.find(".ui-search").click(function() {

这一行是查询功能的开始也就是点击“查询”的触发函数

所以根据以往的经验在这里把参数值编码一次就可以了,也就是encodeURIComponent函数具体修改如下:

  1. 找到第6202行
  2. 找到代码
    6201
    6202
    6203
    
    var p = jQuery(this).find("select[name='field'] :selected").val(),
    g = jQuery(this).find("select[name='op'] :selected").val(),
    f = jQuery(this).find("input.vdata,select.vdata :selected").val();
  3. 现在看到这里的3行代码就是查询时获取参数的3个变量,我们要修改的就是这里,最终代码:
    6202
    6203
    6204
    
    var p = encodeURIComponent(jQuery(this).find("select[name='field'] :selected").val()),
    g = encodeURIComponent(jQuery(this).find("select[name='op'] :selected").val()),
    f = encodeURIComponent(jQuery(this).find("input.vdata,select.vdata :selected").val());

到此大功告成

——————————–分割线———————————–

为了方便网友顺便提供本人修改后的jqGrid3.6.4版本的源码,分为3种类型(未压缩、迷你版、压缩版pack)

资源下载:jquery.jqGrid.3.6.4.js 共 361 次

资源下载:jquery.jqGrid.min.3.6.4.js 共 367 次

资源下载:jquery.jqGrid.pack.3.6.4.js 共 285 次

jqGrid3.8版本,更新日期(2010-11-06)

此版本是我修改后一直在项目中运行的,目前没有发现问题,特此公布,仅有min和pack版本
资源下载:jquery.jqGrid.min-3.8.js 共 230 次

资源下载:jquery.jqGrid.pack-3.8.js 共 216 次

Maven下用mvn assembly:assembly打包class文件重复

最近学习Maven遇到一个问题,使用mvn assembly:assembly打包项目里面有重复的class文件,如图:


后来Google了一下也没有找到解决办法,在Maven群里面有人说版本问题,然后就指定了maven-assembly-plugin插件的版本号,虽然是Beta版的,解决问题就可以了,配置如下:

<plugin>
  <artifactId>maven-assembly-plugin</artifactId>
  <version>2.2-beta-5</version>
  <configuration>
    <descriptorRefs>
      <descriptorRef>jar-with-dependencies</descriptorRef>
    </descriptorRefs>
  </configuration>
</plugin>

[转][推荐]jqGrid基础学习系列文章

最近项目中使用了jqGrid数据网格插件,看到了网友写的一系列文章分享给大家看

[转][评论]谷歌重申不过滤搜索结果 做好停止中国业务准备

据新加坡联合早报11日报道,谷歌高层重申,做好停止在中国业务的准备,强调不会应中国要求过滤网站的搜寻结果。

谷歌副总裁黄安娜(NicoleWong)10日表示,如果中国要求谷歌必须审查网络搜寻结果,那么谷歌或将撤出中国这个全球人口最多的网络市场。

谷歌撤出中国事件成为外国媒体焦点已有一段时日。全国政协十一届三次会议新闻发言人赵启正日前就此事件表示,中国互联网是开放的,中国继续为外商创造良好的投资环境,保护其合法利益。赵启正说,2005年谷歌来中国考察时,做得很仔细,特别对于法律环境做了逐字逐句的了解。2006年正式进入中国的时候,谷歌对这些法律都有郑重的承诺。中国的互联网是开放的,中国欢迎包括国际互联网企业在内的各国投资者在中国开展业务,但也希望外国投资者尊重中国的公众利益、文化传统和中国法律,承担相应的社会责任。

来源:凤凰网财经

作为一个Google重度使用者时刻关注着Google的一举一动,前段时间因为ZF对搜索结果的审核问题要退出中国……现在终于做出了决定,看了这次是真的了;
看了这次Google是真的怒了……也真的不想让China ZF欺压了,既然你不让我存活大不了我不要这30%的搜索市场,Google的理念一直就是做最好的技术和服务,我要的是完整的结果为什么要你拦截审核……
其实说实话到很少用谷歌中国,除非有时自动从www.google.com跳转到google.cn,做技术的经常要搜索国外网站的内容,而google.cn则默认搜索中文而且新的服务总是慢于google.com

如果你有对此事的看法不妨也在下面留言和大家分享一下

Win7下不能安装Oracle11g解决办法

昨晚下载了Oracle11,今天在WIN7下安装遇到了问题,说操作系统部支持,具体日志信息:

正在检查操作系统要求…
要求的结果: 5.0,5.1,5.2,6.0 之一
实际结果: 6.1
检查完成。此次检查的总体结果为: 失败 <<<<
问题: Oracle Database 11g 未在当前操作系统中经过认证。
建议案: 确保在正确的平台上安装软件。
========================================================

正在检查 Service Pack 要求…
检查完成。此次检查的总体结果为: 未执行 <<<<
OUI-18001: 不支持操作系统 ‘Windows Vista 版本 6.1′。
建议案: 请安装建议的 Service Pack。
========================================================

解决办法其实很简单,只要在XML文件中添加WIN7就可以了,因为Vista是6.0版本,WIN7实在Vista内核的基础上升级的,所以解决起来还是比较容易的,如下:
继续阅读 »

直逼 Flash 的流畅感:jQuery 运动特效展示

新闻来源:devsnippets.com
围剿 Flash 的不仅有 HTML 5,还有 JavaScript,著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。

Flash喝西北风去吧,走,看看jQuery多牛X……

继续阅读 »

IE6浏览器葬礼的背后

由于家族的激烈竞争,IE6于2010年3月1日在美国加州山景城谷歌总部去世,这款毁誉参半的Web浏览器享年8.5岁。

众所周知,微软公司于2001年8月27日发布IE6浏览器,并由Windows XP系统推向全世界用户。IE6历经了IE7和IE8两个时代。IE6葬礼活动由Aten Design设计公司主办,Aten Design首席设计师Justin Toupin表示:“这是一个由爱到恨的过程。IE6的辉煌和逝去已是不争的事实。”IE6是微软浏览器第6个版本。IE6发布后便迅速成为世界第一大浏览器。但随着时间流逝,IE6脆弱的安全性便不断受到用户的指责,而且一些Web开发 者也经常抱怨IE6缺乏对Web标准的兼容。

截止今年1月份,IE6仍然是仅次于IE8的世界第二大浏览器,这很大程度上是由于Windows XP系统一直包含IE6。因此,IE6用户仍然为数众多,而且微软官方对IE6的技术支持一直要持续到2014年。

微软公司发言人表示:“微软一直建议用户升级到最新版IE浏览器。IE8在速度、安全性和稳定性方面都有很大的改进。微软向所有用户推荐IE8浏览器,我 们也理解一些企业用户在新技术迁移方面存在的一些困难。”

去年,数家互联网公司宣布终止对IE6的支持。Google最近也宣布,,从3月1日起,Google文档和Google主站将终止对IE6浏览器的支 持。3月13日,Google旗下的YouTube视频网站也将终止支持IE6浏览器。

Justin Toupin表示“为了让网站支持IE6,我们需要花费大量的时间和精力进行调试。”

据悉,Aten Design Group设计公司于周一推出了名为ie6funeral.com的网站,主办方希望以此来呼吁人们放弃使用IE6浏览器。

新年新气象,博客主题最终确定了

过完年回来就想着更换一个主题,上次的那个PowerV2用了整整一年了,整体风格还可以,但是不太容易维护而且对插件的兼容性欠缺……所以上班后刚好事情不多久着手寻找新的博客主题风格……

2月27日选择了一个,花了一个下午时间配置信息、插件,最后用了不到2天又网友说颜色不鲜明,容易眼花……;我想做博客也要和做产品一样注意细节,给读者一个清晰的视角,后来又从官网寻找了大概10个,最后还是选定了国人设计的这个主题……

主题特点:

1、文章分割线清晰,还有祥云背景

2、标准的2栏风格

3、尤其是对引用文字的修饰很清晰

4、对代码的CSS设计比较美观

5、很重要的一点是对插件的兼容

6、Ajax分页功能和Ajax评论

除了主题更换外还增加了一些插件

1、对文章和评论的评分插件,并且在右边栏中有评分文章排行榜

2、Google的社交Buzz(女友戏称‘巴子’)一点分享

3、RSS方面使用了N多社区、RSS工具分享(在页面头部的RSS图标),鼠标移上去即可订阅本博客

站内自定义搜索

重新设计了基于Google的自定义搜索功能(在右上角),一个特点就是直接在本页面显示结果,如果想查看更多可以点击结果下面的“更多结果”打开新窗口,当然结果多了会分页,还可以点击右边的 X 清空结果,这些操作都是基于Ajax的,用户体验比较好

结束语:

去年一年时间基本没有多少时间写博客,今年工作调动了有空余时间了,今年的会加大博文的发表率,您的认可是对我最大的支持,再次感谢您对我一年来的支持。

无觅相关文章插件,快速提升流量

Page 5 of 15« First...34567...10...Last »