liang408015204-CSDN博客

转载 Spring注解@Component、@Repository、@Service、@Controller区别

Spring 2.5 中除了提供 @Component 注释外，还定义了几个拥有特殊语义的注释，它们分别是：@Repository、@Service 和 @Controller。在目前的 Spring 版本中，这 3 个注释和 @Component 是等效的，但是从注释类的命名上，很容易看出这 3 个注释分别和持久层、业务层和控制层（Web 层）相对应。虽然目前这 3 个注释和 @Componen

2013-03-16 20:22:33 737

转载解释@Component @Controller @Service @Repository

对Spring的注解标签刚刚接触，所以就找了几个常用的，记录下，感觉注解用了之后，会在*.xml文件中大大减少配置量。以前我们每个Bean都得到配置文件中配置关联下。spring2.5后，引入了完整的annotation配置注解，使得我们的程序配置更简单更容易维护。 @Component；@Controller；@Service；@Repository 在annotai

2013-03-16 19:57:02 3246

转载 java for循环的几种写法

J2SE 1.5提供了另一种形式的for循环。借助这种形式的for循环，可以用更简单地方式来遍历数组和Collection等类型的对象。本文介绍使用这种循环的具体方式，说明如何自行定义能被这样遍历的类，并解释和这一机制的一些常见问题。在Java程序中，要“逐一处理”――或者说，“遍历”――某一个数组或Collection中的元素的时候，一般会使用一个for循环来实现（当然，用其它种

2013-03-11 14:42:39 670

原创详解java的static修饰符

是静态修饰符，什么叫静态修饰符呢？大家都知道，在程序中任何变量或者代码都是在编译时由系统自动分配内存来存储的，而所谓静态就是指在编译后所分配的内存会一直存在，直到程序退出内存才会释放这个空间，也就是只要程序在运行，那么这块内存就会一直存在。这样做有什么意义呢？在Java程序里面，所有的东西都是对象，而对象的抽象就是类，对于一个类而言，如果要使用他的成员，那么普通情况下必须先实例化对象后，通过对

2013-03-11 14:40:21 822

原创 JQuery入门——用one()方法绑定事件

1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数，其调用的语法格式为：one(type, [data], fn)其中参数type为事件类型，即需要触发什么类型的事件；参数data为可选参数，表示作为event.data属性值传递给事件对象的额外数据对象；fn为绑定事件时所要触发的函数。2、示例代码：其他事件 $(function(){

2013-02-02 22:13:40 1699

原创 JQuery入门——用unbind方法移除绑定事件

1、在DOM对象的实践操作中，既然存在用于绑定事件的bind方法，也相应存在用于移出绑定事件的方法，在JQuery中，可以通过unbind方法移除所有绑定的事件或某一个事件。2、示例代码：unbind方法移除绑定事件 $(function(){ function oClick(){ //自定义事件 $("#divTip").append("这

2013-02-01 17:02:41 2423

原创 JQuery入门——事件切换之toggle()方法

1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,...])，其中fn、fn2、fn3、fn4等函数依次调用。2、示例代码：toggle方法 body{font-size:13px} img{bord

2013-02-01 16:54:40 10152

原创 JQuery入门——切换事件

1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。2、示例代码：切换事件hover $(function(){ $(".cl

2013-02-01 16:47:54 2675

原创 JQuery入门——用映射方式绑定不同事件

1、通过映射的方式，给对象绑定多个事件。2、示例代码：映射方式绑定不同事件 $(function(){ $(".txt").bind({focus:function(){ $("#divTip").show().html("执行的是focus事件");},change:function(){ $("#divTip").show().h

2013-02-01 16:41:06 1168

原创 JQuery入门——用bind方法绑定事件

1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type, [data], fn)其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递

2013-02-01 16:34:40 2236

原创 JQurey入门——事件机制之事件中的冒泡现象

1、当用户浏览页面时，浏览器会对页面代码进行解释或编译——这个过程实质上是通过事件来驱动的，即页面在加载时，执行一个Load事件，在这个事件中实现浏览器编译页面代码的过程。事件被触发后被分为两个阶段，一个是捕获（Capture），另一个是冒泡(Bubbing)，但大多浏览器并不是都支持捕获阶段，因此事件被触发后，往往执行冒泡过程。2、示例代码：事件中的冒泡现象

2013-02-01 16:26:52 1064

原创 JQuery Mobile入门——内容格式化与计数器

1、JQuery Mobile支持以HTML语义化的元素，如、、，显示列表中所需要的内容格式。使用元素并添加一个名为ui-li-count的类别，可以在列表的右侧生成一个计数器。使用元素来突出列表中显示的内容，元素用于减弱列表项中显示的内容，两者结合，可以使列表中显示的内容具有层次关系。如果要增加补充信息，可以在显示的元素中添加一个名为ui-li-aside的类别。2、示例代码：

2013-01-15 20:04:25 3111

原创 JQuery Mobile入门——列表中的图标与计数器

1、在列表中，增加一个显示图标的元素和显示计数器的元素2、示例代码： New Document 头部栏图书 3 音乐 5 3、效果图预览：

2013-01-15 19:45:07 3183 2

原创 JQuery Mobile入门——分割列表项

1、分割列表项，只需在分割的位置添加一个元素，并将该元素的data-role属性值设为list-divider，表示该元素是一个分割列表项。在默认情况下，普通列表项的主题颜色为浅灰色，分割列表项的主题颜色为蓝色。2、示例代码： New Document 头部栏图书计算机社科文艺

2013-01-15 19:28:53 2157

原创 JQuery Mobile入门——分割按钮列表

1、在JQuery Mobile的列表中，有时需要对选项内容做两个不同的操作，这时，需要对选项中的链接按钮进行分割。实现分割的方法是在元素中再增加一个元素，便可以在页面实现分割效果。2、示例代码： New Document 头部栏 Iphone手机移动电话、宽屏iPod和

2013-01-15 19:10:47 3146

原创 JQuery Mobile入门——多项选择菜单

1、JQuery Mobile中可以通过增加multiple属性，并将该属性值设置为true即可将菜单设置为多项选择。2、示例代码： New Document 头部栏 multiple="true"> 年份20112012 multiple="true"> 月份

2013-01-15 18:14:21 4441

原创 JQuery Mobile入门——选择菜单

1、菜单由按钮和菜单两部分组成，当用户单击按钮选择其中一项后，菜单自动关闭，被单击按钮的值将自动更新为菜单中用户所选的值。将菜单的类型设置为自定义，只需在元素中，将data-native-menu属性值设为false即可。2、示例代码： New Document 头部栏年份2011

2013-01-15 17:58:34 3301

原创 JQuery Mobile入门——单选按钮组

1、创建单选按钮组，使用data-role属性值为controlgroup的元素，包裹全部的和元素，然后在成员结构中每个元素都通过for属性对应一个类型为radio的元素。2、示例代码： New Document $(function(){ $("input[type='radio']").bind("change",f

2013-01-11 21:25:51 7594

原创 JQuery Mobile入门——翻转切换开关

1、在JQuery Mobile中，将元素的data-role属性值设置为slider，可以将该下拉列表元素下的两个选项样式变成一个翻转切换开关。2、示例代码： New Document #pTip{ font-weight:bold; clear:both; text-align:center}

2013-01-11 13:58:52 5601

原创 JQuery Mobile入门——拖动滑块改变元素背景色

1、要创建一个滑块组件，只需添加一个元素，并将type属性值设置为range。在JQuery Mobile 中，滑块组件由两部分组成一部分是可调整大小的数字输入框，另一部分是可拖动修改输入框数字的滑动条。通过添加min、max属性值来设置滑动条的取值范围。2、示例代码： New Document #spnPrev{m

2013-01-11 13:19:38 6075 1

原创 JQuery Mobile入门——不同类型的文本输入

1、文本输入包括文本输入框和文本输入域，以及HTML5中新增的输入类型。2、示例代码： New Document 头部栏搜索：姓名：年龄： @2013 3I Studio 3、效果图预览：

2013-01-11 00:16:51 6271

原创 JQuery Mobile入门——内联按钮

1、JQuery Mobile中的按钮由两类元素组成，一类是元素，将该元素的data-role属性值设置为button；另一类是，无需在表单内添加data-role属性，只要将type属性值设置为submit、reset、button或image。2、示例代码： New Document 头部栏

2013-01-10 23:53:00 4182 1

原创 JQuery Mobile入门——在正文中显示可折叠的区块

1、实现对区块的折叠需要创建一个容器，将该容器的data-role属性设为collapsible，表示是一个可折叠的区块。2、示例代码： New Document 头部栏标题点击查看更多JQM 的目标是在一个统一的 UI 中交付超级 JavaScript 功能，跨最流行的智能手机和平板电脑设备工

2013-01-10 22:22:15 1816

原创 JQuery Mobile入门——多种类型的网格布局

1、JQuery Mobile 提供的CSS样式ui-grid可以实现内容的网格布局，该样式有4种预设的配置布局：ui-grid-a、ui-grid-b、ui-grid-c、ui-grid-d，分别对应为两列、三列、四列、五列的网格布局形式。使用网格布局时，整个宽度为100%，无任何padding，margin及背景颜色，因此不会影响到其他元素放入网格中的位置。2、示例代码：

2013-01-10 22:05:18 5610

原创 JQuery Mobile入门——在尾部栏中添加表单元素

1、在底部栏中，可以添加按钮组，也可以向容器中添加表单中的元素，如、等，为了确保表单元素在底部栏的正常显示，需要在底部栏容器中添加ui-bar类别，使新增加的表单元素保持一定的间距。此外，将data-position属性值设置为inline，用于统一设定各表单元素的显示位置。2、示例代码： New Document

2013-01-10 21:17:48 1814

原创 JQuery MObile入门——添加尾部栏按钮

1、尾部栏与头部栏结构差不多，区别是设置的data-role属性值不同，为了减少各按钮间的距离，通常需要在按钮的外围添加一个data-role属性值为controlgroup的容器，形成一个按钮组显示在尾部栏中。同时，在该容器中添加一个data-type属性，并将属性值设置为horizontal，表示按钮按水平顺序排列。2、示例代码： New Document

2013-01-10 17:57:09 1822

原创 JQuery Mobile入门——自定义导航栏链接按钮图标

1、开发者可以另外创建一个CSS样式文件，在文件中添加链接按钮的图标地址与显示位置来自定义按钮图标。2、示例代码： New Document initial-scale=1" /> 图书音乐影视这是图书

2013-01-10 17:18:12 10604 4

原创 JQuery Mobile入门——设置导航栏图标位置

1、设置导航栏图标，只需子类导航按钮中添加data-icon属性，属性值可设置为arrow-l、arrow-r、arrow-u、arrow-d、delete、plus、minus、check、gear。设置图标位置只需添加另外一个属性data-iconpos，属性值可设置为top、left、right、bottom。2、示例代码： New Document

2013-01-09 23:04:14 4922 2

原创 JQuery Mobile入门——添加头部导航栏

1、在头部导航栏中，也可以保留头部栏中的标题与按钮，只要将导航栏容器以嵌套的方式放置在头部即可。2、示例代码： New Document 图书频道图书音乐影视这是图书页面 @2013 3I Studio 音乐频道

2013-01-09 22:44:32 3675

原创 JQuery Mobile入门——添加尾部导航栏

1、JQuery Mobile为导航栏提供了专门的组件，使用时只需要将标签的data-role属性值设置为navbar，便会产生一个导航栏容器，在容器内，通过元素设置导航栏各子类导航按钮，每一行最多可以放置5个按钮，超出将自动显示在下一行。2、示例代码： New Document 头部标题栏添加尾部导航栏

2013-01-09 22:26:00 3038

原创 JQuery Mobile入门——设定按钮位置

1、在头部栏中，如果只放置一个链接按钮，不论放置在标题的左侧还是右侧，其最终显示在标题的左侧，如果想改变位置，需要添加新的类别属性ui-btn-left左侧和ui-btn-right右侧。2、示例代码： New Document 图片下一张 //按钮在右侧 @2013 3I S

2013-01-09 21:45:53 9074

原创 JQuery Mobile入门——添加按钮

1、在头部栏中，在左侧和右侧分别添加一个按钮，只需在中添加属性data-icon，并将其属性值设置为arrow-l左侧或arrow-r右侧。2、示例代码： New Document //定位，确保头部栏在更多移动浏览器中显示上一张 //按钮位置在左边图片下一张 // 按

2013-01-09 21:08:26 1710

原创 JQuery Mobile入门——设置后退按钮文字

1、给page容器头部添加后退按钮，只需在page容器中添加data-add-back-btn属性，并将属性值设置为true。显示默认为back，可修改data-back-btn-text属性值来设置后退按钮中显示的文字。2、示例代码： New Document $(function(){ $.mobile.pag

2013-01-09 20:24:28 4787

原创 JQuery Mobile入门——打开和关闭对话框

1、JQuery Mobile 中创建对话框，只需要在指向页面的链接元素中添加一个data-rel属性，并将该属性值设置为dialog。关闭对话框是将data-rel属性值设置为back。2、示例代码： New Document JQuery Mobile 打开对话框 //打开对话框

2013-01-09 17:33:47 9762 2

原创 JQuery Mobile入门——创建页面pagecreate事件

1、如果要跟踪不同页面的内容注入当前的DOM结构，可以将页面中的page容器绑定pagecreate事件，该事件在页面初始化时触发，绝大多是的JQuery Mobile组件都在该事件之后进行一些数据的初始化。2、将page容器与pagebeforecreate和pagecreate事件进行绑定，在页面执行时，通过绑定的事件跟踪执行的过程3、示例代码 New Docum

2013-01-09 13:50:26 5403

原创 JQuery Mobile入门——页面缓存

1、在JQuery Mobile中，可以通过页面缓存的方式将访问过的历史内容写入页面文档的缓存中，当用户重新访问时，不需要重新加载，只要从缓存中读取就可以。2、设置页面为缓存，只需要在page容器中添加data-dom-cache属性，并将属性设置为true。在JQuery Mobile中设置缓存页面还有另外一种方法，即通过JavaScript代码设置一个全局性的JQuery Mobile属性

2013-01-09 13:24:26 8099

原创 JQuery Mobile入门——预加载页面

1、在开发移动应用时，对需要链接的页面进行预加载是十分有必要的。因为当一个链接页面设置成为预加载方式时，在当前页面加载完成之后，目标页面也被自动加载到当前文档中，用户单击就可以马上打开，大大加快了页面访问的速度。2、设置链接页面预加载，在标签中添加data-prefetch属性，并将属性值设为true。在JQuery Mobile中要实现页面的预加载，另外一种方法是调用JavaScript代码

2013-01-09 12:37:32 8471

原创 JQuery Mobile入门——外部页面链接

1、内部链接是通过在标签内将href属性值设为#+id的形式，外链则是在中增加rel属性，并将属性值设为external，如：3i Studio2、外部链接切换示例代码： New Document 天气预报今天| 明天@2013 3i studio

2013-01-07 23:08:41 6340

原创 JQuery Mobile入门——多页面的切换

2013-01-07 21:33:39 5620

原创 JQuery Moblie入门——Hello World页面的实现

1、需要运行JQuery Mobile 移动应用页面，需要下载JQuery Mobile 3个相关插件文件（有多版本），jquery.mobile-1.2.0.min.css、jquery-1.8.3.min.js、jquery.mobile-1.2.0.min.js，JQuery Mobile官网地址：http://jquerymobile.com2、将插件文件加载到页面中，注意它们的加载顺

2013-01-07 20:53:05 1740

Spry控件公开课教案模板

空空如也