
标题图
JavaWeb前端笔记,JavaWeb笔记
第87节:Java中的Bootstrap基础与SQL入门
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;
day06 回顾:
bootstrap: css框架,html/css/js集于一身,ie 6/7/8兼容有问题
开发响应式页面,使用于不同的上网设备 使…
什么是JQ? : write less do more
写更少的代码,做更多的事
找出所有兄弟:
$.siblings()
基本过滤器:选择器:过滤器
$("div:first")
:first: 找到第一个元素:last: 找到最后一个元素:even: 找出偶数索引:odd: 找出奇叔索引:gt: 大于:lt: 小于:eq: 等于:input 找出所有的输入项textarea, select, button:password:text:radio表单对象属性的过滤器::selected:checkedprop() propertiesattr: 操作一些自定义的属性css() 修改css样式addClass() 添加一个class样式removeClass() 移除blur 绑定失去焦点focus 绑定获得焦点事件append appendToafter before
SQL
入门
常见关系化数据库
效果
mysql数据库配置bin目录到path中,命令行:
mysql -u用户名 -p密码
数据库服务器,数据库和表数据库服务器就是在计算机上装一个数据库管理程序,用来管理多个数据库,对于程序员会针对每个程序创建一个数据库,数据库会创建很多表,用来保存程序中实体的数据。
sql
,Structured Query Language
结构化查询语言,非过程性语言,sql用来存取关系数据库的语言,用来查询,操作,定义,控制等。
SQL
分类
DDL数据库定义语言,用来定义数据库的对象,数据表,视图,索引等。
DML数据操纵语言,用来在数据库中表的更新,增加,删除记录,update,insert,delete。
DCL数据控制语言,用来设置用户权限和控制事务语句。
DQL数据查询语言,select等。
数据数据库:
SHOW DATABASESSHOW CREATE DATABASE db_nameDROP DATABASE [IF EXISTS] db_name ALTER DATABASE [IF NOT EXISTS] db_name
CREATE TABLE table_namecharacter set 字符集 collate 校对规则
主键约束primary key:不允许为空,不允许重复主键自动增长auto_increment唯一约束unique 非空约束not null 修改表的名称rename table 表名 to 新表名;
数据库CRUD
语句
Insert
语句Update
语句Delete
语句Select
语句
Asc 升序Desc 降序having 子句 对分组结果进行过滤
多表关系
多表查询——内连接查询
select * from a inner join b on a.id=b.id;select * from a,b where a.id = b.id;
问:什么是数据库,数据库有什么用?
数据库就是用来存储数据的仓库。
就是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库进行数据的增删改查操作。
数据库有哪些?
Oracle
数据SQL Server
数据库Sybase
数据库MySQL
数据DB2
数据库
关系型数据库:
关系型数据库是建立在关系模型上的数据库
数据库的发展:
没有数据库
- 层次结构模型数据库
- 网状结构模型数据库
- 关系结构模型数据库
- 关系-对象模型数据库
数据库管理系统称为数据库
数据库服务器创建数据库,数据库中有很多表
my.ini
文件
datadir="C:/ProgramData/MySQL/MySQL Server 5.5/Data/"
效果
到安装目录中删除mysql:
目录
C:ProgramDataMySQL
目录下将MySQL
删除
在中输入“regedit“
目录
目录
删除:
// 所有与mysql有关的文件删除HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesHKEY_LOCAL_MACHINESYSTEMControlSet001ServicesHKEY_LOCAL_MACHINESYSTEMControlSet002Services
安装mysql
与配置mysql
效果