JavaWeb前端筆記，JavaWeb筆記

JavaWeb前端筆記，JavaWeb筆記
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:資料定義語言 (Data Definition Language)

　　　　操作對象：資料庫和表

　　　　關鍵詞：create alter drop

　　DML:資料操作語言

　　　　操作對象：記錄，資料

　　DQL:資料查詢語言（非官方）　　　

　　DCL:資料控制語言

　　　　操作對象：使用者 事物 許可權

////////////////////////

　　DDL:資料定義語言 (Data Definition Language)

　　　　操作對象：資料庫和表

　　　　關鍵詞：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;