ibatis简介

Batis是一款使用方便的数据访问工具，也可作为数据持久层的框架。和ORM框架(如Hibernate)将数据库表直接映射为Java对象相比，iBatis是将SQL语句映射为Java对象。相对于全自动SQL的Hibernate，iBatis允许你对SQL有完全控制权，可以视为半自动的数据访问工具。

对象关系映射(ORM)：简单原理是通过面向对象方式操作关系型数据库，目前存储数据最常用最流行的工具是关系型数据库，其操作方式是通过 SQL语句操作数据库的表，但是对于Java面向对象编程语言中，所有的操作对象都是对象，因此对象关系映射就是把数据库表和java编程语言中的对象对 应起来，把表的列同java对象中的字段对应起来，程序员在程序开发过程中不再是使用原始SQL语句去直接操作数据库，而是通过ORM提供的查询语句操作 普通的java对象，ORM将其提供的对普通java对象的查询语句翻译成SQL语句来操作数据库，从而屏蔽了不同数据库SQL语句的差别，简化了程序开 发工作，提高了程序的可移植性。

ibatis搭建准备工作

• ibatis总配置文件： SqlMapConfig.xml
• 数据库配置文件：db.properties
• sql映射文件：User.xml
• ibatis所需jar包

AJAX

Asynchronous Javascript And XML”（异步 JavaScript 和 XML）,异步传输，局部刷新技术

JQuery AJAX 加载

动态网站开发

• 数据库 Mysql
• 开发工具eclipse

• 安装 Tomcat服务器
  配置服务器window–>preferences–>server–>Runtime Environments

• jar包
  连接数据库mysql-connector-java.jar
  Bulid Path–>

• 数据库映射 JavaBean
  创建java文件–数据库表的映射
  表列名private int userID
  添加get set 方法

• 创建外键关系

定义

animate()方法执行CSS属性集的自定义动画，通过css样式将元素从一个状态改变为另一个状态。逐渐改变，形成动画。

只有数字值可以创建动画，字符串值无法创建动画（如：background-color:red）
使用”+=”或”-=”创建相对动画

MUI

mui 模式

折叠面板

1
2
3
4
5
6

ul  mui-table-view
li  mui-table-view-cell mui-collapse
	a  mui-navgate-right  标题
		<span class="mui-bage mui-bage-danger">11</span>数字脚标
	div mui-collapse-content
		p  折叠面板的内容

mo 主菜单 滑动侧边菜单
ms 轮播
mg 九宫格
ml 图文列表
mr 单选框

响应式布局-Bootstrap

栅格系统

将宽度等分成12列
外层 row
如果是一行3列，则每一部分占4列，即col-md-4，自动换行

1
2
3
4
5

	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">第一列</div>
	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">第二列</div>
	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">第三列</div>
	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">第四列</div>
</div>

尺寸

480 : col-xs (手机)
768 : col-sm (平板)
992 : col-md (标准)
1200 : col-lg

JQuery

封装

链样式

语法

$("selector").action();

做什么

• 访问和操作DOM元素
• 控制页面样式
• 对页面事件进行处理
• JQuery插件，（分页、表格）
  阅读全文 »

面向对象

自定义对象

原型链

prototype是函数对象的属性，People.prototype是原型对象它指向函数本身
原型很大一部分作用是用来继承的

1
2
3
4
5
6
7
8
9
10

function People(){
}
function Student(){
}
//Student继承People
Student.prototype = new People();

Math对象

使用时不需要初始化，直接调用Math.

Math对象的方法

Math.floor() ; 向下取整

Math.ceil() ; 向上取整

Math.random() ;[0~1),随机数,浮点型

浮点数的精确
toFixed(1); 精确一位

闭包

强制性限制变量，函数作用范围
封装

全局变量

局部变量

backgroundSize:100% 100% 与 backgroundSize:100% 的区别

background-size:属性有两个值，第一个值为x轴的缩放比例或px，第二个值为y轴的缩放比例或pz;

background-size:100% 100%

当两个值都设置100%时，会拉伸填满整个容器；

background-size:100%

当只设置一个100%时，第二个值默认为auto(y轴上会根据图片原有比例，和当前设置的宽度，决定高度)，这个时候宽度是占满容器的宽度的，而高度可能不足容器，也可能超出容器.

第一种效果你一定会看到完整的背景图片，但是有可能被挤压(失去图片原来的比例)

第二种效果你不一定能看到完整的图片，但是图片的比例没有发生变化。