2016年01月_官小飞

原创深入分析JavaWeb 1 -- JavaWeb开发入门

一、基本概念1.1、WEB开发的相关知识　　WEB，在英语中web即表示网页的意思，它用于表示Internet主机上供外界访问的资源。　　Internet上供外界访问的Web资源分为：静态web资源（如html 页面）：指web页面中供人们浏览的数据始终是不变。动态web资源：指web页面中供人们浏览的数据是由程序产生的，不同时间点访问web页面看到的内容各不

2016-01-30 13:46:59 441

原创 jQuery学习之旅10 ajax快餐

1. 摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.2. 前言Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个

2016-01-27 10:02:20 714

原创 jQuery学习之旅 9 动画效果

1、元素的显示和隐藏display:none; 隐藏display:block; 显示简单显示和隐藏方法a) show() 显示b) hide() 隐藏c) toggle() 开关，显示则隐藏，隐藏则显示<script type="text/javascript"> function f1(){ //隐藏 $("di

2016-01-27 09:59:15 350

原创 jQuery学习之旅 8 DOM事件操作

1、jquery页面载入事件1、传统加载事件<body onload=”函数名()”> 页面全部html和css代码加载完成之后再调用指定的onload函数window.onload = function(){ 加载过程}2、jquery实现加载事件① $(document).ready(function(){加载代码});② $().ready(function(){加载代码});

2016-01-27 09:55:41 492

原创 jQuery学习之旅 7 区别this和$(this)

刚开始以为this和$(this)</code>就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事，这里就谈谈this与$(this)的区别。1、jQuery中this与$(this)的区别$("#textbox").hover( function() { this.title = "Test"; },

2016-01-27 09:53:14 352

原创 jQuery学习之旅 6 好用的each()

1、javascript 函数的调用方式首先来研究一下jquery的each()方法的源码，在这之前，先要回顾一下javascript函数具体调用样式：普通函数调用 setName();可以作为对象的属性调用作为构造函数使用，new 函数，实例化对象call() apply() //1、函数作为对象成员使用 var cat = {'climb':function(){alert

2016-01-27 09:49:33 362

原创 jQuery学习之旅 5 $与jQuery对象

1、$符号的由来$符号本质就是函数的名字。 jquery源码分析通过分析我们知道，在jquery里边不只可以使用$符号，还可以使用jQuery标志解决冲突问题有的项目是中间过渡项目(prototype和jquery框架都有使用)prototype框架也使用$符号jquery里边也使用符号现在就分不清楚符号符号到底是prototype框架的还是 jquery框架的jquery本身有方

2016-01-27 09:47:49 426

jQuery—–DOM操作(文档处理)Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。　　每一个网页都可以用DOM表示出来，每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵D

2016-01-27 09:44:19 353

原创 jQuery学习之旅 3 属性操作与样式操作

本节将Dom元素的操作:属性操作、样式操作、设置和获取HTML,文本和值、Css-Dom操作。1、属性操作<input type=”text” name=”username” value=”jack” class=”apple”>方法：attr() attribute属性使用：1、 attr(名称); 获得元素节点对应的属性信息$(“input”).attr(‘class’);

2016-01-27 09:40:06 422

原创 jQuery学习之旅 2 选择器【二】

这里接着上一个Item1 把jQuery的选择器讲完。主要有：属性过滤器和子元素过滤器点击”名称”会跳转到此方法的jQuery官方说明文档. 5. 属性过滤器 Attribute Filters名称说明举例[attribute]匹配包含给定属性的元素查找所有含有 id 属性的 div 元素: $(“div[id]”)[attribute=value]匹配给定的属性是

2016-01-27 09:35:22 330

原创 jQuery学习之旅 1 选择器【一】

1. 基础选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRe

2016-01-25 09:46:04 453

原创 maven常见问题归纳

前言Maven，发音是[`meivin]，"专家"的意思。它是一个很好的项目管理工具，很早就进入了我的必备工具行列，但是这次为了把ABPM项目完全迁移并应用maven，所以对maven进行了一些深入的学习。写这个学习笔记的目的，一个是为了自己备忘，二则希望能够为其他人学习使用maven 缩短一些时间。maven概要首先我把maven的概念快速的梳理一下，让我们快速地建立起一个

2016-01-23 14:19:46 427

原创 Maven学习之搭建多模块企业级项目 (六)

首先，前面几次学习已经学会了安装maven，如何创建maven项目等，最近的学习，终于有点进展了，搭建一下企业级多模块项目。好了，废话不多说，具体如下：首先新建一个maven父项目NEW -->project-->maven-->maven Project，点击下一步，进入new maven Project的Select project name and location界

2016-01-23 14:18:18 365

原创 Maven学习之 Elipse中发布一个Maven项目到Tomcat (五)

对于maven初学者的我，经常遇到一个问题就是，maven项目创建成功后，本来已经添加了jar的依赖，但是发布到Tomcat中就是没有jar包存在，启动Tomcat总是报没有找到jar包，可项目结构中确实已经有jar了，一直很郁闷，所以记录下来。1、首先确定好我们已经安装好maven需要的环境，并且已经创建好一个Maven依赖的Web项目，可以查看前几篇maven的学习内容搭建ma

2016-01-23 14:15:39 628

原创 Maven学习之使用Nexus搭建Maven私服 (四)

前边简单介绍了Maven,而Maven默认提供的中央仓库是在远程网络服务Appache提供的，这对于我们开发时不合理的。如果我们没网了或者什么情况，我们怎么办？也就是说我们队中央仓库的依赖性太大。而Nexus私服则可以解决我们这个问题。先看下这张图应该大家就非才明白了：这样就相当于在我们本地的局域网搭建了一个类似中央仓库的服务器，我们开始将中央仓

2016-01-23 14:14:20 295

原创 Maven学习之使用m2eclipse创建web项目 (三)

1.首先确认你的eclipse已经安装好m2eclipse的环境，可以参照上两篇Maven学习内容2.新建一个maven的项目3.下一步默认配置，使用默认的工作空间，或者你可以自己选择其他的空间4.一般我们都是web开发，所以选择maven-archetype-webapp5. 填写好相应的groupId,artifactId,version

2016-01-23 14:10:09 455

原创 Maven学习之 Eclipse 上安装 Maven3插件 (二)

亲！相信你看到这篇文章，你的eclipse应该是3.4版本以下的，需要自己安装maven3插件，新版eclipse都自带了噢，是否考虑去用最新的呢，如果坚持用旧版本的，那就请继续浏览下面的内容吧。eclipse 安装插件的方式最常见的有两种： 1. 一种是在线安装，这貌似是用的最多的，就是：Help --> Install New Software

2016-01-23 14:08:48 802

原创 Maven学习之搭建Maven环境 (一)

有两种方式可以配置maven的环境配置，本人推荐使用第二种，即使用本地的maven安装文件，个人感觉这样可以方便管理下载jar包的存放位置，错误信息的输出等，可以在dos窗口中可以清晰看到，虽然比较麻烦，每次都要敲dos命令，但可以写批处理文件来解决.方式一：不使用本地的maven安装文件环境配置（也即使用的是m2eclipse插件的默认配置） settings.x

2016-01-23 14:07:35 346

原创 Oracle学习笔记——Oracle高级

1.视图：视图实际上是一条查询语句，是数据的显示方式，是数据库中的虚表。视图的作用：安全，方便，一致性。(1).创建视图：create [or replace] view 视图名asSQL查询语句……为确保视图选项一致性，加上“with check option”。(2).视图的约束：a.当组成视图的表是两个或两个以上时，不能通过视图对两个或两个以上的基表做

2016-01-07 11:04:13 463

原创 Oracle学习笔记——PL/SQL编程基础

PL/SQL编程基础：1.PL/SQL块基本结构：declare (可选项，用于声明变量)……begin……exception (异常处理)……end/2.PL/SQL变量声明：变量声明所要做的主要工作：赋予变量适当的名称，正确的数据类型，控制变量的作用范围。变量命名规则：由字母开头，可以包含数字，下划线(_)，$，#等，不区分大小写，不可以是

2016-01-07 11:03:19 413

原创 Oracle学习笔记——Oracle和SQL基础

1.Windows下安装、卸载Oracle的相关事项：(1).Oracle服务管理：Oracle10g运行时需要800MB左右的内存，安装完Oracle后，会发现在Windows服务中自动开启了很多个Oracle相关的服务，其实Oracle一般只需要启动Oracle和Oracle监听两个服务就可以了，将其他的Oracle服务停止，可以减轻内存占用量，加快机器运行速度。(2).卸载Ora

2016-01-07 11:02:11 450

原创 Hibernate框架详解（五）面向对象查询语言和锁

Hibernate做了数据库中表和我们实体类的映射，使我们不必再编写sql语言了。但是有时候查询的特殊性，还是需要我们手动来写查询语句呢，Hibernate框架为了解决这个问题给我们提供了HQL（Hibernate Query Language）面向对象的查询语言，和QBC（Query by Criteria）完全面向对象的查询，这里简单总结一下如何是面向对象来编写ql语句呢。

2016-01-07 10:50:17 581

原创 Hibernate框架详解（四）缓存策略+lazy

Hibernate作为和数据库数据打交道的框架，自然会设计到操作数据的效率问题，而对于一些频繁操作的数据，缓存策略就是提高其性能一种重要手段，而Hibernate框架是支持缓存的，而且支持一级和二级两种缓存，合理的使用缓存策略可以大大提高我们的操作数据效率，但是利用不能，可能会造成不必要的麻烦。一，一级缓存（Session缓存）：

2016-01-07 10:48:11 774

原创 Hibernate框架详解（三）框架中的关系映射

在设计数据库时我们会考虑，表与表之间的关系，例如我们前边经常提到的一对一，一对多，多对多关系，在数据库中我们通过外键，第三张表等来实现这些关系。而Hibernate时间实体类和数据库中的表进行的映射，这些关系如何映射呢？这里简单总结一下：一，一对多，多对一关系映射，这里拿学生和班级进行简单演示： 1，学生的类和对应

2016-01-07 10:47:12 478

原创 Hibernate框架详解（二）POJO对象的操作

POJO对象其实就是我们的实体，这篇博客总结一下框架对POJO对象对应数据库主键的生成策略，和一些对POJO对象的简单增删改查的操作。一，Hibernate框架中主键的生成策略有三种方式： 1，数据库负责生成主键（代理主键） a,native:表示由设置

2016-01-07 10:44:33 382

原创 Hibernate框架详解（一）总结介绍

作为SSH三大框架之一的Hibernate，是用来把程序的Dao层和数据库打交道用的，它封装了JDBC的步骤，是我们对数据库的操作更加简单，更加快捷。利用Hibernate框架我们就可以不再编写重复的JDBC代码，不再反复的测试我们的SQL语句写的如何。这里这需要我们简单配置，调用框架给我们提供的方法，就可以完成对数据增删改查的，那么Hibernate到底是个什么样的框架呢？如何使用呢？先看一个关

2016-01-07 10:42:41 1516

原创 struts2标签详解

要在jsp中使用Struts2的标志，先要指明标志的引入。通过jsp的代码的顶部加入以下的代码：taglib prefix="s" uri="/struts-tags" %> If elseif else描述：执行基本的条件流转。参数：名称必需默认类型描述

2016-01-07 10:35:10 432

原创 struts2深入浅出

Framework概念伴随着软件开发的发展，在多层的软件开发项目中，可重用、易扩展的，而且是经过良好测试的软件组件，越来越为人们所青睐。这意味着人们可以将充裕的时间用来分析。构建业务逻辑的应用上，而非繁杂的代码工程。于是人们将相同类型问题的解决途径进行抽象，抽取成一个应用框架。这就是我们所说的Framework通过基于请求响应（Request-Response）模式的应

2016-01-07 10:32:35 502

原创修改(My)Eclipse默认的Servlet和jsp代码模板

一、修改Servlet的默认模板代码　　　　使用MyEclipse创建Servlet时，根据默认的Servlet模板生成的Servlet代码如下： 1 package gacl.servlet.study; 2 3 import java.io.IOException; 4 import java.io.PrintWriter; 5 6 import javax.

2016-01-07 09:32:40 2230 1

原创深入理解BootStrap -- js插件概览(API)18

1、Bootstrap 插件概览在前面布局组件章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插

2016-01-07 09:28:20 2024

原创深入理解BootStrap -- 面板(panel)17

1、面板面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码：☑ Less版本：对应的源码文件是 panels.less☑ Sass版本：对应的源码文件是 _panels.scss☑ 编译后的Bootstrap：对应bootstrap.css文件第4995行～第5302行

2016-01-07 09:23:32 29851 5

原创深入理解BootStrap -- 列表组(list-group)16

1、列表组列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件，所以也对应有自己独立源码：☑ LESS版本：对应的源码文件 list-group.less☑ Sass版本：对应的源码文件是 _list-group.scss☑ 编译出的Bootstrap版

2016-01-07 09:19:01 14200

原创深入理解BootStrap -- 媒体对象(media)15

在Web页面或者说移动页面制作中，常常看到这样的效果，左边居左（或居右），内容居右（或居左）排列，如下图所示：我们常常把这样的效果称为媒体对象。可以说他是一种抽像的样式，可以用来构建不同类型的组件。这些组件都具有开篇所说的样式风格。那么在Bootstrap框架中特意将些部分提取出来做来一个组件介绍。其对应的版本文件：☑ LESS版本：对应的源文件是media.less

2016-01-07 09:12:01 5283

原创深入理解BootStrap -- 进度条（progressbar）14

1、进度条在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等。就如下图所示的一个评分系统，他就是一个简单的进度条效果：进度条和其他独立组件一样，开发者可以根据自己的需要，选择对应的版本：☑ LESS版本：源码文件progress-bars.less☑ Sass版本：源码文件_progress-bars.scss☑ 编译后版本：boots

2016-01-06 14:09:09 8111 1

原创深入理解BootStrap 缩略图（thumbnail）与警示窗（alert）13

1、缩略图缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。源码文件：☑ LESS版本：对应文件thumbnails.less☑ Sass版本：对应文件_t

2016-01-06 14:07:18 2988

原创深入理解BootStrap -- 标签（label）与徽章（badge）12

1、标签在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户。这是新添加的导航项。如下图所示：那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示。既然他是一个独立的组件，当然在不同的版本下有不同的文件：☑ LES

2016-01-06 14:00:14 11708

原创深入理解BootStrap -- 导航页（navbar）11

1、导航条导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色（显示更突出）、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。在这一节中将一起探讨Bootstrap框架中导航条的使用。导航条和导航一样，在Bootstrap框

2016-01-06 10:12:11 2868

原创深入理解BootStrap -- 导航（nav）10

1、导航（基础样式）导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百怪，五花八门。在这一节中将向大家介绍如何使用Bootstrap框架制作各式各样的导航。在Bootstrap框架将导航独立出来成为一个导航组件，根据不同的版本，可以找到对应的源码：☑ LESS版本：对应的源文件是nav

2016-01-06 09:51:39 8747

原创深入理解BootStrap -- 按钮组工具栏9

1、按钮（按钮组）单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。那么在这一节中，我们主要向大家介绍Bootstrap框架为大家提供的按钮组组件。源码查询：按钮组也是一个独立的组件，所以可以找到对应的源码文件：☑ LESS版本：对应的源文件为buttons.less☑ Sa

2016-01-06 09:30:36 1938

原创深入理解BootStrap-- 下拉菜单8

1、下拉菜单（基本用法）小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件：☑ LESS版本：对应的源码文件为 dropdowns.less☑ Sass版本：对应的源码文件为 _dropdowns.sass☑ 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第3130行在使用B

2016-01-06 09:19:20 1724

jqgrid结合struts实现curd

空空如也