第87节：Java中的Bootstrap基础与SQL入门

十月 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

效果

永利贵宾会

第87节：Java中的Bootstrap基础与SQL入门

JavaWeb前端笔记，JavaWeb笔记

day06

相关文章

Leave a Reply

近期文章

近期评论

文章归档

分类目录

功能

永利贵宾会

第87节：Java中的Bootstrap基础与SQL入门

JavaWeb前端笔记，JavaWeb笔记

day06

相关文章

Leave a Reply

近期文章

近期评论

文章归档

分类目录

功能

Tags