十月 3rd, 2019 
admin 
标题图
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
效果
Posted in 
Tags: 
