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

图片 8

图片 1标题图

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 入门

常见关系化数据库

图片 2效果

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 子句 对分组结果进行过滤

图片 3多表关系

多表查询——内连接查询

select * from a inner join b on a.id=b.id;select * from a,b where a.id = b.id;

问:什么是数据库,数据库有什么用?

数据库就是用来存储数据的仓库。

就是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库进行数据的增删改查操作。

数据库有哪些?

  1. Oracle数据
  2. SQL Server数据库
  3. Sybase数据库
  4. MySQL数据
  5. DB2数据库

关系型数据库:

关系型数据库是建立在关系模型上的数据库

数据库的发展:

没有数据库

  1. 层次结构模型数据库
  2. 网状结构模型数据库
  3. 关系结构模型数据库
  4. 关系-对象模型数据库

数据库管理系统称为数据库

数据库服务器创建数据库,数据库中有很多表

my.ini文件

datadir="C:/ProgramData/MySQL/MySQL Server 5.5/Data/"

图片 4效果

到安装目录中删除mysql:

图片 5目录

C:ProgramDataMySQL目录下将MySQL删除

在中输入“regedit“

图片 6目录图片 7目录

删除:

// 所有与mysql有关的文件删除HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesHKEY_LOCAL_MACHINESYSTEMControlSet001ServicesHKEY_LOCAL_MACHINESYSTEMControlSet002Services

安装mysql与配置mysql

图片 8效果

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图