分类存档: 教程

jQuery UI及其插件在企业环境的应用总结

一、博文背景

使用jQuery差不多3年了,开始只是简单的应用,后来发现了官网开发的jQuery UI;从去年的一个项目开始使用jQuery UI作为主要的UI插件,选择jQuery UI的主要原因是因为需要使用jqGrid这个插件,而这个插件又使用了jQuery UI的主题;再者jQuery UI提供主题的自定义,这样对于一些喜欢不同风格的客户来说就比较容易切换自己喜欢的主题了。
写这篇博文的想法就是因为基于jQuery UI开发了两套系统,并且都运行正常,而且客户的反应也不错,所以整理以下和大家分享我的经验,同时也和正在使用的童鞋交流,希望起到抛砖引玉的作用。

二、jQuery UI基础

官网http://jqueryui.com/
演示http://jqueryui.com/demos/
下载http://jqueryui.com/download
在线主题自定义http://jqueryui.com/themeroller/

在我们的系统中主要使用了Dialog、Tab、Button、Autocomplete等功能,下面会对于使用过程中遇到的问题进行列举:
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: jQuery UI及其插件在企业环境的应用总结

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

转:Maven实战(一)——坐标规划

坐标是什么?为什么要规划?

坐标是Maven最基本的概念,它就像每个构件的身份证号码,有了它我们就可以在数以千万计的构件中定位任何一个我们感兴趣的构件。举个最简单的例子,如果没有坐标,使用JUnit的时候,用户就需要去下载依赖jar包,用依赖的方式,简单配置使用如junit:junit:4.8.2就可以了。这里第一个junit是groupId,第二个junit是artifactId,4.8.2是version。

Maven的很多其他核心机制都依赖于坐标,其中最显著的就是仓库和依赖管理。对于仓库来说,有了坐标就知道在什么位置存储构件的内容,例如junit:junit:4.8.2就对应仓库中的路径/junit/junit/4.8.2/junit-4.8.2.pom/junit/junit/4.8.2/junit-4.8.2.jar这样的文件,读者可以直接访问中央仓库地址看到这样的仓库布局,或者浏览本地仓库目录~/.m2/repository/以获得直观的体验。

继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 转:Maven实战(一)——坐标规划

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

Maven多模块布局实例详解

一、开场白

使用Maven有段时间了,只能感慨真是个好东西,让我从传统模式体会到了严谨、规范、敏捷、方便的特性。
如果你懂Maven或许看过Juven翻译的《Maven权威指南》;
发个牢骚:由于Maven的出身问题导致学习曲线陡峭,所有有些人就开始说Maven不好用;原因有二:一是排斥Maven,二是没有耐心和精下心来学习,引用老毛的话来提醒我说的那些人:

没有调查就没有发言权

到了Maven这里就是(适用于技术方面):

没有深入学习也没有发言权

如果Maven不好那么Spring、Hibernate这些大家经常使用的框架为什么还是从ant转移到Maven?
如果Maven不好那么为什么国外大多数项目都在使用Maven呢?
原因自己考虑,我不废话!我的这些话就是告诫那些信口雌黄的人。

二、多模块布局概述

详细属性Maven的童鞋们都看过《Maven权威指南》,里面也讲解如何搭建多模块的Maven项目,但是那个毕竟是比较简单的,在实际应用中就有点水土不服了;
后来又参考了Juven的一篇《Maven最佳实践:划分模块》博文,相对权威指南来说介绍的比较详细了,但是这还是不能满足我真正在企业应用的需求,等你看完Juven的博文后再看看下面这个实际应用中的项目布局有什么异同:

Maven多模块布局概图

Maven多模块布局概图

OK,现在应该看出来有什么不同了,我的项目结构比权威指南里面的介绍复杂、比Juven的那篇文章说的也复杂,接下来再看看这张图片:

plexus-security项目结构

plexus-security项目结构


继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: Maven多模块布局实例详解

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

CAS单点登录(SSO)完整教程(2012-02-01更新)

一、教程前言

  1. 教程目的:从头到尾细细道来单点登录服务器及客户端应用的每个步骤
  2. 单点登录SSO):请看百科解释猛击这里打开
  3. 本教程使用的SSO服务器是Yelu大学研发的CAS(Central Authentication Server),
    官网:http://www.jasig.org/cas
  4. 本教程环境:
    • Tomcat6.0.29
    • JDK6
    • CAS Server版本:cas-server-3.4.3.1、cas-server-3.4.10
    • CAS Client版本:cas-client-3.1.12、cas-client-3.2.1
    • 教程撰写日期:2010-11-05(第一版)、2011-11-05(一年后更新)、2012-02-01(异常处理)
    • 教程作者:咖啡兔

二、创建证书

啰嗦几句:证书是单点登录认证系统中很重要的一把钥匙,客户端于服务器的交互安全靠的就是证书;本教程由于是演示所以就自己用JDK自带的keytool工具生成证书;如果以后真正在产品环境中使用肯定要去证书提供商去购买,证书认证一般都是由VeriSign认证,
中文官方网站:http://www.verisign.com/cn/
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: CAS单点登录(SSO)完整教程(2012-02-01更新)

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

maven-war-plugin插件的warSourceExcludes和packagingExcludes参数的区别

项目中在打包的时候时常要忽略一些只在本地使用的文件,比如一些test文件夹或者本地配置,刚刚开始使用maven-war-plugin的warSourceExcludes和packagingExcludes这两个参数还真是搞得有点晕,多试验了几次明白了,现在分享一下我的理解。

引用官网的说明:

warSourceExcludes String - The comma separated list of tokens to exclude when?copying the content?of the warSourceDirectory.
packagingExcludes String 2.1-alpha-2 The comma separated list of tokens to?exclude from the WAR before packaging. This option may be used to implement?the skinny?WAR use case.
引用我负责的一个项目对maven-war-plugin的配置:
<packagingExcludes>**/application*.properties,**/spy.properties</packagingExcludes>
<warSourceExcludes>test/*,venue/**</warSourceExcludes>
声明:packagingExcludes中的*.properties文件均位于src/main/resources目录中
warSourceExcludes中的?test/*,venue/**位于src/main/webapp目录中
运行mvn package命令后结果是:
  1. target/mywebapp-1.0.4 (文件夹)下面原码中存在的test和venue目录没有复制过来(warSourceExcludes忽略成功),其他的文件和目录没有变化
  2. 对于packagingExcludes的配置意思是从mywebapp-1.0.4文件夹中复制文件时忽略的文件列表,所以最后打包的war里面不包含test、venue文件夹和packagingExcludes中指定的文件

简单一句话说明:

warSourceExcludes是在编译周期进行完成后从src/main/webapp目录复制文件时忽略,而packagingExcludes是在复制webapp目录完成后打包时忽略target/mywebapp-1.0.4 文件夹的文件

说明:

这里使用了warSourceExcludes和packagingExcludes两个参数为的就是演示一下含义,比如在打包产品的时候完全可以使用warSourceExcludes这一个参数来忽略文件,这样就可以省略packagingExcludes这个参数了

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: maven-war-plugin插件的warSourceExcludes和packagingExcludes参数的区别

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

《Maven实战》最新消息,11月初出版

千呼万唤始出来,真是不易,等了近2个月,最新消息《Maven实战》定于11月初出版。
大图尝鲜:

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 《Maven实战》最新消息,11月初出版

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

城市级联选择插件jquery.area2select闪亮登场(前后台设计)

公司的一个二期项目需要使用地区信息的级联选择功能,因为本来有数据库设计所以就根据数据库设计构建了本次要发布的插件:jquery.area2select,算是真正意义上的第一个jQuery插件吧。
插件的开发目的一是为了公司的项目试用,另外一个就是把各种我平常开发积累的东西分享给大家,也就是我创建的wsria项目。

一、文档以及API

如果看着累直接点击这里,在新窗口打开。

二、配套演示地址

因为是和后台配合使用,所以专门搭建了一个部署在tomcat上的演示程序;
演示地址:http://kafeitu.gicp.net:10000/demo,进入页面后在左侧的“地区信息”栏目中。
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 城市级联选择插件jquery.area2select闪亮登场(前后台设计)

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

Struts2 Annotation实现文件下载功能

一、达到目标:

给定任意Web根路径下面的文件相对路径下载文件,在任意浏览器下下载文件不出现乱码问题;

二、开发要点:

  • Annotation:
    经历了Struts1的大量Action配置之后到了Struts2坚决放弃了xml配置,虽然struts2的xml配置比较简单了,但是我真的很懒……
    所以这里实现全部是有注解实现,简单、方便、容易日后的重构
  • 文件名乱码
    提高这个问题都想吐,为什么不全部使用UTF-8编码呢……
    既然不能改变那就只能解决,所以这里要考虑各个浏览器对文件名的编码解析

三、具体实现

继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: Struts2 Annotation实现文件下载功能

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

利用JavaScript获取窗口/Body的宽度和高度(让jqGrid自适应窗口大小)

项目中使用了easy-uijqGrid,我使用easy-ui的layout布局,然后用jqGrid显示数据列表,easyu-ui在改变窗口大小的时候可以自适应,而jqGrid要加一些盐了,所以用到了获取窗口大小的几个参数,这样就可以根据窗口大小改变的时候改变jqGrid的高度和宽度,从网站找的别人写的例子:

演示地址:http://demo.wsria.com/window/window-all-size.html

可以试着改变窗口大小然后点击“尺寸调试”按钮。
下面分享一下easy-ui的layout布局中把jqGrid列表页面嵌入到iframe的大小例子
继续阅读 »

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 利用JavaScript获取窗口/Body的宽度和高度(让jqGrid自适应窗口大小)

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

Hudson教程系列

最近要学习持续集成Hudson,把教程放在这里!
Hudson持续集成教程1:http://jdonee.javaeye.com/blog/310497

Hudson持续集成教程2:http://jdonee.javaeye.com/blog/310816

Hudson持续集成教程3:http://jdonee.javaeye.com/blog/311130

Hudson持续集成教程4:http://jdonee.javaeye.com/blog/311401

Hudson持续集成教程5:http://jdonee.javaeye.com/blog/311731

Hudson持续集成教程6:http://jdonee.javaeye.com/blog/312229

Hudson持续集成教程7:http://jdonee.javaeye.com/blog/315440

Hudson持续集成教程8:http://jdonee.javaeye.com/blog/315588

Hudson持续集成教程9:http://jdonee.javaeye.com/blog/315589

Hudson最佳实践:http://jdonee.javaeye.com/blog/379127

原创文章,转载请注明: 转载自what is the RIA? just it…||咖啡兔

本文链接地址: Hudson教程系列

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

咖啡兔

一只咖啡兔,热爱开源,喜欢追踪、研究新技术,向往背包游…… 讲究效率,坚信:“工欲善其事必先利其器” 使用Linux(Ubuntu),基于Java和jQuery开发企业RIA应用

More Posts - Website

Page 1 of 212