day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)

一 回顾

1. 自定义动画 :$(selector).animate()
2.jquert 操作 DOM
        html()   text() 设置与获取标签中间的内容
        attr()    prop() 操作属性
        val()     input标签的 value
3. append() 在后追加 prepend() 在前追加 after() 在下面追加 before() 在上面追加
4.class 样式
        addClass() 追加类样式
        removeClass() 删除类样式
        toggleClass() 追加与删除类样式
5.css 样式
        $(selector).css({"属性名 ":" 属性值 "," 属性名 ":" 属性值 "})
6. 表单验证
7. 三种选择器 : 过滤选择器 层级选择器 属性选择器
8.bootstrap
        概念: 前端的框架
        好处:A. 提供大量的 css 样式与 js 的组件 B. 支持响应式布局
        基本的搭建步骤: A. 下载相关联的资料 B.copy 三个文件到当前项目 C. html 页面进行引入
        响应式布局:
                概念:同一套 html 代码可以兼容不同分辨率的设备
                实现:依赖于栅格布局 每一行是占 12 个格子
                步骤:A.创建容器 B. 创建行 C. 创建元素 并且指定元素所占的格子数目

二 按钮  

导入对顺序要要求

①先booststrap.css

②jquery.js

③bootstrap.js



	
		
		
		
		
		
	
	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	

三 表格

①:table-responsive-响应式表格

②:table-striped-隔行条纹

③:table-hover-悬浮



	
		
		
		
		
		
		
	
	
		
编号 姓名 爱好
1 1 1
2 2 2
3 3 3

四 表单



	
		
		
		
		
		
	
	
		

五 图片

img-responsive-响应式图片



	
		
		
		
		
		
	
	
		...
		...
		...
		...
	

六 导航条

七 分页



	
		
		
		
		
		<
	
	
		
	

八 轮播图

九 旅游网案例

代码

①图片自动填充父容器:style=“max-width:100%”



	
		
		
		
		
		
		
	
	
		
		
		
		
千锋精选

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

699
国内游

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

¥699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

¥699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

¥699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

¥699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

¥699

上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)

¥699
千锋教育 运营主体:北京千锋互联科技有限公司 ,属具备计算机技术培训资质的教育培训机构

十 数据库

10.1目前存储数据的方式

A. 使用数组或者是集合容器来存储数据 临时存储
B. 使用文件来进行存储 存储数据的没有指定数据的格式

10.2 缺点

1. 要么是临时存储 要么数据没有指定的数据格式
2. 没有权限控制 安全性比较差
3. 使用文件存储数据 操作比较麻烦 效率低

10.3 数据库简介

1. 数据库是 按照数据结构来组织、存储和管理数据的仓库 。是一个长期存储在计算机内的、有组织的、
可共享的、统一管理的大量数据的集合 A. 数据库存储数据的仓库 ( 粮仓 )

10.4 数据库的分类

1. 分类 :关系型数据库         与非关系型数据库
2. 关系型数据库 数据库中的表与表之间存在的关联 例子 : 班级表 ==> 学生表
常见的关系型数据 db2 mysql sqlite oracle sqlserver
3. 非关系型数据库 : 数据库中表与表不存在的关系
常见非关系型数据库 redis( 键值对 ) mondb hbase( 列族来进行存储 )

10.5 数据库管理系统

1. 数据库管理系统 (Database Management System) 是一种操纵和管理数据库的大型软件,用于建立、使用和维护数据 库,简称 DBMS 。它对数据库进行统一的管理和控制,以保证数据库的安全性和完整性
        A.数据库管理系统就是一个数据库的大型软件
        B. 用于对数据库进行统一管理与控制
2. 运维 ( 管理数据库人员 ) 运维工程师通过数据库管理系统来统一维护与管理数据库

十一 Mysql数据库安装

(5.5版本不需要删除注册表(命令窗口))

11.1 简介

1.MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,属于 Oracle 旗下产品。 MySQL是最流行的关系 型数据库管理系统之一,在 WEB 应用方面, MySQL 是最好的 RDBMS (Relational Database Management System ,关系数据库管理系统 ) 应用软件之一

11.2 特点

1. 开源 免费
2. 轻量级 体积比较好
3. 学习成本低 学习比较简单

11.3 下载

1. 下载地址 :https://www.oracle.com/mysql/free/

11.4 卸载  

step01 找到控制面板
day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第1张图片

 step02 删除mysql配置文件

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第2张图片

 step03 删除数据文件

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第3张图片

 11.5 安装

step01 双击这个文件
day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第4张图片

 step02 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第5张图片

 step03 同意协议

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第6张图片

 step04 选择版本

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第7张图片

 step05 安装的地址

①:注意这里不能选默认的x,要改为第一个选项

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第8张图片

 step06 安装

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第9张图片

step07 下一步
day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第10张图片

 step08 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第11张图片

step09 完成
day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第12张图片

 step10 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第13张图片

 step11 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第14张图片

 step12 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第15张图片

 step13 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第16张图片

 step14 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第17张图片

 step15 下一步

①设置并发人数,越多越好

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第18张图片

 step16 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第19张图片

 step17 设置编码格式

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第20张图片

 step18

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第21张图片

 step19 下一步

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第22张图片

 step20

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第23张图片

 十二 sql语句分类

1.sql 语句 结构化查询语句 就是用于来操作数据库
2. 分类
        A.DDL 主要是用于来操作数据库 以及数据库表 关键字 alter drop create
        B.DQL 主要是用于操作数据库表 主要用于查询数据库中的数据 关键 :select
        C.DML 主要是用于操作数据库中数据表 主要是对数据进行增加 insert 删除 delete 修改
                update
        D.DCL 主要是用于对数据库的用户的管理 以及权限的管理 运维工程师操作

十三 DDL-针对数据库操作

  • create database 数据库库名

  • create database if not exists 数据库的库名

  • create database 数据库的名称 character set 编码格式

  • show create database 数据库库名

  • show databases

  • alter database 数据库库名 character set 编码格式

13.1 创建数据  

1. 语法 :create database 数据库库名

 13.2 创建数据库判断是否存在

1. 语法 :create database if not exists 数据库的库名

 13.3 创建数据设置编码格式

1. 语法 : create database 数据库的名称 character set 编码格式

 13.4 查看数据库创建的格式

1. 语法: show create database 数据库库名

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第24张图片

 13.5 修改数据库的编码格式

1. 语法 : alter database 数据库库名 character set 编码格式

13.6 查看所有的数据库

 1.语法: show databases

day07:bootstrap、旅游网案例、Mysql数据库安装、DDL(create ,show,character set,drop,alter)_第25张图片

 13.7 删除数据库

1. 语法 :drop database 数据库库名

你可能感兴趣的:(JAVEWEB,html,bootstrap,mysql)