WEB前段（HTML+JS），後端(MYSQL+PHP)開發基礎

1、HTML

HTML：超文本標記語言，能夠加載JS/CSS/圖片/連接等非文字的內容

一切的網頁開發技術都須要創建在HTML的基礎之上

 

HTML的結構和語法

 

 

 

HTML元素

註釋：  <!--  這裏是註釋內容  -->

圖像：<img src="URL">

鏈接：<a href="URL"> </a>

表單：<form><input></form>

內聯框架：<iframe src="URL"></iframe>

 

HTML DOM樹結構

 

 

 

爲何要將HTML文檔轉換爲DOM樹結構？

 

JavaScript（JS）

在HTML的<script></script>中運行JS

如何獲取一個HTML的元素內容？

 

 

 

如何修改一個HTML的元素內容？

 

 

 

如何建立動態的HTML元素內容？

 

 

 

如何讓頁面增長點互動？

 

 

 

以上使用JS訪問和操做HTML就是JS DOM的操做

DOM本質：鏈接web頁面和編程語言

JS+DOM：訪問和操做HTML文檔的標準方法

 

JS BOM：獲取瀏覽器信息，操做瀏覽器行爲

如何讓瀏覽器來警告用戶？

 

 

 

如何從瀏覽器獲取用戶Cookie？

Cookie：一般是服務器發放給用戶哭護短的一小段文本信息。

常見場景：用戶輸入用戶名和密碼成功登錄網站後網站會生成一個cookie給用戶，當作用戶憑證，這個憑證cookie就至關於咱們的要是，咱們每次訪問網站的時候瀏覽器都會帶上鑰匙（cookie）

 

 

 

alert(document.cookie)    彈出cookie框

 

 

 

 

 

 

 

 

以上使用JS獲取瀏覽器信息和操做瀏覽器就是JS BOM

BOM：瀏覽器對象模型，本質是鏈接瀏覽器和編程語言

 

WEB服務端

WEB服務端概述

什麼是WEB服務端呢？

 

 

 

WEB服務端經歷了哪些變化？

1、web的靜態頁面時期

2、web動態頁面時期

 

 

 

目前流行的架構： 操做系統   web服務   解釋執行環境   數據庫服務

 

 

 

 

WEB服務端搭建

使用環境集成軟件：phpstudy

如何設置hosts（自定義域名）

 

 

 

phpstudy默認網站路徑在phpstudy路徑下的/www目錄

如：D/phpstdu_64/www

如何顯示後綴名：開始搜索文件夾選項-查看-隱藏已知文件類型的擴展名（不打勾）

 

WEB後端開發

SQL概述

 

 

 

數據庫和SQL語言的關係

 

 

 

瞭解數據庫

 

 

SQL語法：

SQL語句對大小寫不敏感

分號做爲語句的結束，程序中會自動補充

建立數據庫：CREATE DATABASE 數據庫名稱

查看數據庫：SHOW 數據庫名稱

切換數據庫：USE 數據庫名稱

刪除數據庫：DROP DATABASE 數據庫名稱

 

數據表介紹：

 

 

 

數據表：

建立數據表：CREATE TABLE teacher{

id int(4) not null primary key auto_increment,

name char(20) not null,

sex char(10) not null,

addr char(20) not null

};

//   int(4)   4字節的整型

//   not null  不能爲空

//   primary key   鍵值

//   auto_increment    自增

查看數據表：SHOW tables；

表中插入數據：INSERT INTO teacher(name,sex,addr)

       VALUES('Ljz','Male','beijing');

查詢數據表內容：SELECT * FROM teacher;

刪除數據：

DELETE FROM teacher WHERE name='id=1';   //刪除id是1的行

SELECT * FROM teacher;    //刪除teacher表

DROP TABLE teacher;   直接刪除表

where句子

 

 

 

order by句子（默認是ASC升序/DESC降序）

 

 

 

UNION句子

 

 

 

Mysql註釋：#    --空格      /*  */

導入文件：SOURCE 文件路徑（儘可能不要使用單/使用//）

MySql內置函數：

打印當前數據庫名稱：SELECT database()

打印當前的用戶：current_user

返回文件的內容：load_file(文件路徑)

數據庫版本：version()

寫入文件：into+outfile

 

PHP

PHP：超文本預處理器，一種普遍的開源的腳本語言，經常使用於網頁開發

PHP腳本在服務器上執行

腳本範圍：<?php  ?>

註釋：  //    #     /*  */

echo語句，一次輸出多個，無返回值

print爲函數，有返回值

串接：.

函數：function 函數名()

變量：$變量名（變量大小寫敏感）

 

 

 

PHP語法功能

 

 

 

$_POST和$_GET變量均可以接收傳值

$_REQUEST能夠接收以上兩種方式

在HTTP請求爲POST的時候後端的請求也是POST

當HTTP請求爲GET的時候後端的請求也是GET

 

文件上傳$_FILES

 $_FILES["file"]["name"] - 被上傳文件的名稱

 $_FILES["file"]["type"] - 被上傳文件的類型

 $_FILES["file"]["size"] - 被上傳文件的大小，以字節計

 $_FILES["file"]["tmp_name"] - 存儲在服務器的文件的臨時副本的名稱

 $_FILES["file"]["error"] - 由文件上傳致使的錯誤代碼

 

 

 

常見的系統變量：$_SERVER     $GLOBALS   $_ENV   $_REQUEST   $_COOKIE   $_SESSION

 

 

 

包含文件：include '包含的文件頁面路徑'    

包含文件：require '包含的文件頁面路徑'

警告、腳本繼續：include

錯誤、中止腳本：require

 

PHP操做和鏈接數據庫

1、鏈接及斷開數據庫

　　一、使用mysqli 擴展（推薦），只針對mysql數據庫

　　　　面向對象的方式

　　　　　　$con = new mysqli(ip,user,password); 　　　　　　if($con->connect_error){ 　　　　　　　　dir("鏈接失敗".$con->connect_error); 　　　　　　} else{ 　　　　　　　　echo "鏈接成功"; 　　　　　　}

　　　　　　$con->cloase();

　　　　

直接方法（面向過程）

　　　　　　$con = mysqli_connect(ip,user,password); 　　　　　　if($con){ 　　　　　　　　echo mysqli_connect_error(); 　　　　　　} else { 　　　　　　　　echo "鏈接成功"; 　　　　　　}

　　　　　　mysqli_close($con)

 　　二、使用mysql擴展（PHP<=5.0），2012年開始不建議使用　

　　 三、使用PDO（php data objects）技術（防止sql注入）面向對象的方式（推薦），能夠應用在12種數據庫中

　　　　　　try{ 　　　　　　　　$con = new PDO("mysql:host=ip;",user,passwod); 　　　　　　　　echo "鏈接成功"; 　　　　　　} 　　　　　　catch(PDOException $error){ 　　　　　　　　echo $error->getMessage(); 　　　　　　}

　　　　　　$con = null;

2、執行sql語句

　　$sql = "cteate database db_name"; 　　$result = "mysqli_query($con,$sql)"; 　　if () { 　　　　echo "成功"; 　　} else { 　　　　echo mysqli_error($con);    //打印錯誤信息 　　}

　　　mysqli_close($con)   //關閉數據庫

　　　mysqli_num_rows($result)   //查詢的記錄數

　　　mysqli_field_count($result)   //查詢列數

　　　mysql_fetch_all($result)   //查詢全部數據

　　　mysqli_fetch_assoc($result)   //將執行的一條結果轉換成數組，關聯型數組

　　打印全部數組

while ($rows = mysqli_fetch_assoc($result)) { 　　　　  print_r($row); 　　　}