JavaWeb前端笔记

day06

　　回顾：

　　　bootstrap:

　　　　　　css框架，html/css/js集于一身，ie 6/7/8兼容有问题

　　　　　　开发响应式页面，使用于不同的上网设备

　　　　　　使用步骤：

　　　　　　　　1.导入bootstrap.css

　　　　　　　　2.导入jquery.js

　　　　　　　　3.导入boostrap.js

　　　　　　　　4.bixu设置一个meat标签

　　　　　　　　5.必须将内容放入一个布局容器

　　　　　　　　　　.container或者。container-fluid

　　　　　　　　前提：

　　　　　　　　　　一行分为12分

　　　　　　　　栅格系统：

　　　　　　　　　　分辨率>1200px    　　　　　　　　 使用col-lg-n样式

　　　　　　　　　　1200px>分辨率>992px　　　　　　使用col-md-n样式

　　　　　　　　　　992px>分辨率>768px 　　　　　     使用col-sm-n样式

　　　　　　　　　　768px>分辨率　　　　　　　　　　使用col-xs-n样式

　　　　　　　　隐藏：

　　　　　　　　　　hidden-xs|sm|md|lg　　　　　　　　在什么屏幕下隐藏

　　　　　　　　组成:

　　　　　　　　　　css样式

　　　　　　　　　　组件　　导航条　　下拉菜单

　　　　　　　　　　js插件　　轮播图　　　选项卡

////////////////////////////////////////////

　　　　　　　　validate插件：校验表单

　　　　　　　　　　jquery 的插件

　　　　　　　　　　使用步骤：

　　　　　　　　　　　　1.导入JQUERY.JS

　　　　　　　　　　　　2.导入validate.js

　　　　　　　　　　　　3.在页面加载成功之后，对表单进行校验

　　　　　　　　　　　　　$(function(){
　　　　　　　　　　　　　　　$（"选择器").validate();

　　　　　　　　　　　　　})

　　　　　　　　　　　　4.在validate方法中编写校验规则

　　　　　　　　　　　　$(function(){

　　　　　　　　　　　　　　$("选择器").validate({

　　　　　　　　　　　　　　　　　rules:{

　　　　　　　　　　　　　　　　　　　　//格式1: name值:“校验器”

　　　　　　　　　　　　　　　　　　　　//格式2:name值:{校验值:值,校验器:值}

　　　　　　　　　　　　　　　　　},

　　　　　　　　　　　　　　　　　messages:{

　　　　　　　　　　　　　　　　　　　　//格式1: name值:“提示信息”

　　　　　　　　　　　　　　　　　　　　//格式2:name值:{校验值:"提示信息"校验器:"提示信息"}

　　　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　　});

　　　　　　　　　　　　　}）　　　　　　　　　　　　　

　　　　　　　　　　　　常用的校验器：　　

　　　　　　　　　　　　　　required:必须的

　　　　　　　　　　　　　　min:最小值 minlength:最小长度 range:取值区间　　rengelength:长度区间

　　　　　　　　　　　　　　equalTo:jquery表达式 判断是否相等

//////////////////////////////////　　

数据库：

　　本质上就是一个文件系统.通过标准的sql对数据进行curd操作

安装  数据库管理系统：

　　数据库管理系统就是一个额软件

常见的关系型数据库：

　　存放实体与实体之间的关系的数据库（二维表）

　　实体：

　　　　用户　　订单　　商品

　　关系：

　　　　用户拥有订单

　　　　订单包含商品

　　非关系型数据库：存放的是对象（redis）no-sql（not only sql）

　　软件名　　　　厂商　　　　　　 特点

　　mysql　　　　oracle　　　　　   开源的数据库

　　oracle　　　　oracle　　　　  　大型的收费的数据库

　　DB2　　　　　IBM　　　　　　 大型的收费的数据库

　　sqlserver　　　微软　　　　　　中大型的收费的数据库　　

　　sybase　　　　sybase(powerdesigner)

安装了数据库管理系统的计算机称之为数据库服务器

　　服务器:给别人提供服务（软件服务器）

我们可以通过标准的sql在服务器创建数据库（database）

有了数据库之后，就在数据库上创表

有了表之后，就可以往里面存放数据了

/////////////////////

SQL:

　　结构化查询语句

　　作用：

　　　　管理数据库

sql的分类：

　　DDL:数据定义语言

　　　　操作对象：数据库和表

　　　　关键词：create alter drop

　　DML:数据操作语言

　　　　操作对象：记录，数据

　　DQL:数据查询语言（非官方）　　　

　　DCL:数据控制语言

　　　　操作对象：用户 事物 权限

////////////////////////

　　DDL:数据定义语言

　　　　操作对象：数据库和表

　　　　关键词：create alter drop

　　　　操作数据库：

　　　　　　创建：

　　　　　　　　格式：

　　　　　　　　　　　　create database 数据库名;

　　　　　　删除：

　　　　　　　　格式：

　　　　　　　　　　　　drop database 数据库名称;

　　　　　　常用的命令：

　　　　　　　　查看所有的数据库 show databases;

　　　　　　操作表：

　　　　　　　　　创建表：

　　　　　　　　　　　　格式：

　　　　　　　　　　　　　　　　create table 表名(

　　　　　　　　　　　　　　　　字段名 字段类型 [约束],

　　　　　　　　　　　　　　　　......

　　　　　　　　　　　　　　　　);

　　　　　　　　　　　　　例如：

　　　　　　　　　　　　　　　create table user(

　　　　　　　　　　　　　　　　　id int primary key auto_increment,

　　　　　　　　　　　　　　　　　username varchar(20)

　　　　　　　　　　　　　　);

　　　　　　　　　　　修改表

　　　　　　　　　　　　格式：

　　　　　　　　　　　　　　alter table 表名 。。。

　　　　　　　　　　　　　修改表名：

　　　　　　　　　　　　　　 alter table 旧表名 rename to 新表名；

　　　　　　　　　　　　　添加字段：

　　　　　　　　　　　　　　alter table 表名 add [column] 字段描述;

　　　　　　　　　　　　　　eg:alter table user add password varchar(20);

　　　　　　　　　　　　　修改字段名：

　　　　　　　　　　　　　　alter table 表名 change 字段名称 新字段描述;

　　　　　　　　　　　　　　eg:alter table user change password pwd varchar(20);

　　　　　　　　　　　　　修改字段描述：

　　　　　　　　　　　　　　alter table 表名 modify 字段名称 字段类型 [约束];

　　　　　　　　　　　　　　eg:alter table user modify pwd int;

　　　　　　　　　　　　　删除字段:

　　　　　　　　　　　　　　alter table 表名 drop 字段名;

　　　　　　　　　　　　　　eg:alter table user drop pwd;

　　　　　　　　常用命令：

　　　　　　　　　　切换或者进入数据库：use 数据库名称;

　　　　　　　　　　查看当前数据库下的所有表;show table;

　　　　　　　　　　查看表结构：desc 表名;

　　　　　　　　　　查看建表语句：show create table 表名;

//////////////////////////////////////////////////

DML:数据操作语言

　　操作对象：记录(数据行)

　　关键词:insert update delete

　　插入:

　　　　格式：　　

　　　　　insert into 表名 values(字段值1，字段值2...);

　　　　　注意：

　　　　　　默认插入全部字段

　　　　　　必须保证values后面的内容的类型和顺序和表结构中的一致

　　　　　　若字段类型为数字，可以省略引号

　　　　　eg:insert into user values(1,'tom');

　　　　　格式2：

　　　　　　insert into 表名(字段名1，字段名2.。。。) values (字段值1，字段值2...);

　　　　　修改：

　　　　　　格式：

　　　　　　　　update 表名 set 字段名=字段值，字段名1=字段值1...... [where 条件];

　　　　　　　例如:

　　　　　　　　update user set username='jerry' where username ='jack';

　　　　　　删除：　　

　　　　　　　　格式:　　　

　　　　　　　　　　delete from 表名 [where 条件];

　　　　　　　eg:delete from user where id = '2';

//////////////////////////////////

DQL:数据查询语言

　　关键词主要是:select

　　格式：

　　　　select ...... from 表名 where 条件 group by 分组字段 having 条件 order by 排序字段 ase|desc

　　通配符：*

初始化环境:
　　-- 创建商品表
　　create table products(
　　pid int primary key auto_increment,
　　pname varchar(20),
　　price double,
　　pnum int,
　　cno int,
　　pdate timestamp
);

insert into products values (null,'泰国大榴莲',98,12,1,null);
insert into products values (null,'新疆大枣',38,123,1,null);
insert into products values (null,'新疆切糕',68,50,2,null);
insert into products values (null,'十三香',10,200,3,null);
insert into products values (null,'老干妈',20,180,3,null);
insert into products values (null,'豌豆黄',20,120,2,null);

　　eg:

　　1.查询所有商品

　　　select * from products;

　　2.查询商品名和商品价格

　　　select pname，price from products；

　　3.查询所有商品都有那些价格.
　　 　去重操作 distinct
　　　  格式:

　　　　select distinct 字段名,字段名2 from 表名
　　　　select price from products;
　　　　select distinct price from products;
　　4.将所有商品的价格+10元进行显示.(别名)
　　       可以在查询的结果之上进行运算,不影响数据库中的值
　　　   给列起别名 格式:

　　　　字段名 [as] 别名
　　　　　　select price+10 from products;
　　　　　　select price+10 新价格 from products;
　　　　　　select price+10 '新价格' from products;
　　　　　　select price+10 新 价 格 from products;-- 错误
　　　　　　select price+10 '新 价 格' from products;
　　　　　　select price+10 `新 价 格` from products;

//////////////////////////////////

数据类型

java　　　　　　　　　　　　　　mysql

byte　　　　　　　　　　　　　　tinyint

short　　　　　　　　　　　　　　smallint

int　　　　　　　　　　　　　　　int(★)

long　　　　　　　　　　　　　　bigint

char|String　　　　　　　　　　　varchar(★)|char

　　　　　　　　　　　　　　　　varchar:可变长度 mysql的方言

boolean　　　　　　　　　　　　　　tinyinty|int 代替

float|double　　　　　　　　　　　　float|double

　　　　　　　　　　　　　　　　　注意：

　　　　　　　　　　　　　　　　　double(5,2):该小数长度为五，小数占2个最大值：999.99　　

Date-java.sql.Date　　　　　　　　　date存放日期

java.sql.Time                                         time 时间

java.sql.Timestamp                               timestamp时间戳 若给定值为null，数据库会把当前的系统时间存放到数据库中

java.sql.Clob(存放字符长文本——小说)   mysql方言(text-4个G内容)

java.sql.Blob(二进制——放电影)　　　　blob

/////////////////////////////////////////

约束

　　作用：

　　　　为了保证数据的有效性和完整性

　　mysql中常用的约束：

　　　　主键约束（primary key)

　　　　唯一约束(unique)

　　　　非空约束(not null)

　　　　外键约束(foreign key)

　　　主键约束：被修饰过的字段唯一非空

　　　　　　注意：一张表只能有一个主键，这个主键可以包含多个字段　　

　　　　　　方式1:创建表的同时添加约束  格式：字段名称 字段类型 primary key

　　　　　　方式2：建表的同时在约束区域添加约束  格式：primary key

　　　　　　　　　　所有的字段声明完成之后，就是i约束区域了

　　　　　　　　　格式：primary key(字段1，字段2)

　　　　　　　　　eg :create table pk01(

　　　　　　　　　　id int,

　　　　　　　　　　username varchar(20),

　　　　　　　　　　primary key(id)

　　　　　　　　　　);

　　　　　　　方式3：建表之后，通过修改表结果后添加约束

　　　　　　　

　　　　　　　　　eg :create table pk02(

　　　　　　　　　　id int,

　　　　　　　　　　username varchar(20),

　　　　　　　　　　);

　　　　　　　　　　alter table pk02 add primary key(字段名1，字段名2);

　　　　　　　　　　alter table pk02 add primary key(id,username);

　　　　　　　　　　

　　　　　　　　　　insert into pk02 values(1,'tom');--成功

　　　　　　　　　　insert into pk02 values(1,'tomcat');--成功

　　　　　　　　　　insert into pk02 values(1,'tomcat');--失败--插入完全一样的

　　唯一约束：

　　　　被修改过的字段唯一，对null不起作用　　　

　　　　　　方式1:创建表的同时添加约束  格式：字段名称 字段类型 unique

　　　　　

　　　　　　方式2：建表的同时在约束区域添加约束  格式：unique

　　　　　　　　　　unique(字段1，字段2....)　　　　　

　　　　　　　方式3：建表之后，通过修改表结构

　　　　　　　　　alter table 表名 add unique(字段1，字段2);--添加的联合唯一

　　　非空约束（not null）

　　　　　特点：被修饰过的字段非空

////////////////////////////

truncate 清空表

　　　　格式：

　　　　　　truncate 表名；干掉表，重新创建一张空表

　　　　和delete from 区别

　　　　　　delete属于DML语句 truncate属于DDl语句

　　　　　　delete逐条删除  truncate干掉表，重新创建一张空表

auto_increment 自增

　　　　要求：

　　　　　　1.被修饰的字段类型支持自增-int

　　　　　　2.被修饰的字段必须是一个key 一般是primary key

　　　　create table ai01（

　　　　id varchar(10) auro_increment

　);--错误 Incorrect column specifier for column 'id'

外键约束：

　　为了保证数据的有效性和完整性，添加约束（外键约束）

　　在多表的一方添加外键约束

　　　　格式：

　　　　　　alter table 多表名字 add foreign key （外键名称） references 一表名称（主键）

　　　　　例如

　　　　　　　alter table orders add foreign key (user_id)  references user(id);

　　　　添加了外键约束后有如下特点：★

　　　　　　1.主表中不能删除从表中已引用的数据

　　　　　　2.从表中不能添加主表中不存在的数据

　　　　开发中处理一对多：★

　　　　　　在多表中添加一个外键，名称一般为主表的名称_id，字段类型一般和主表的逐渐类型保持一致

　　　　　　为了保证数据的有效性和完整性，在主表的外键上添加外键约束即可

//////////////////

多表查询：　　

　　　　内连接：

　　　　　　显示的内连接

　　　　　　　　select a.*,b.*  from a join b on 连接条件

　　　　　　隐式外连接

　　　　　　　　select a.*,b.* from a,b where 连接条件

　　　　　外连接：

　　　　　　　左外连接：（显示内连接加left）

　　　　　　　　select a.*,b.* from a left join b on 连接条件

　　　　　　　　展示a表所有数据，根据条件关联查询b表，满足条件展示，不满足以null展示

　　　　给表起别名：

　　　　表 【as】 别名