2018-02-28 15:26:24 +08:00
## C/S架构和B/S架构
### C/S架构
是Client/Server这两个单词的首字母， ，
优点:
- 性能较高：可以将一部分的计算工作放在客户端上,这样服务器只需要处理数据即可。
- 界面酷炫:客户端可以使用更多系统提供的效果,做出更为炫目的效果。
缺点:
- 更新软件：如果有新的功能，就要推出新的版本。
- 不同设备访问：如果使用其他的电脑，没有安装客户端的话就无法登陆软件。
2018-03-04 18:18:19 +08:00
2018-02-28 15:26:24 +08:00
### B/S架构
是Browser/Server的这两个单词的首字母。指的是浏览器、服务器，
现在所有的网站都是B/S架构， ，
优点：
- 更新简洁：如果需要更新内容了,对开发人员而言需要更改服务器的内容，对用户而言只需要刷新浏览器即可。
- 多设备同步：所有数据都在网上,只要能够使用浏览器即可登录使用。
缺点:
- 性能较低：相比于客户端应用性能较低,但是随着硬件性能的提升,这个差距在缩小。
- 浏览器兼容： ，
## 服务器分类
项目开发时，有三套环境：
- Development 开发环境
- Test 测试环境
- Production 生产环境
程序员平时干活儿用开发环境；开发完成后，部署到测试环境；测试完成后，产品上线，部署到生产环境。
三套环境意味着三个服务器。
### 服务器类型
按类型分：
- 文件服务器
- 数据库服务器
- 邮件服务器
- Web 服务器等
按软件分：
- Apache 服务器
- Nginx 服务器
- IIS 服务器
- Tomcat 服务器
- Node 服务器等
按操作系统分：
- Linux服务器
- Windows服务器等
### 服务器软件
提供了某种服务的计算器，我们称之为服务器。那么这些赋予计算器各种服务功能的软件主要有哪一些呢？
常见的服务器软件有：
- 文件服务器： ；
- 数据库服务器： ；
- 邮件服务器： ；
- HTTP 服务器： （ ） （ ） （ ）
## 使用 WampServer 搭建 HTTP服务
### 集成环境的分类
- AMP：
- WAMP：
- XAMPP： ，
在windows平台下， ， **WampServer** 。
### WampServer 的安装
去 WampServer 的[官网](http://www.wampserver.com/en/)下载软件。
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
安装完成后进行安装。
### 测试访问
打开浏览器输入 `127.0.0.1` 查看显示的内容，如果是第一次安装，默认显示的应该是如下图片：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
127.0.0.1 是回送地址，指本地机，一般用来测试使用，如果想要让其他电脑也能够访问，需要进行如下配置：
（ ） ：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
（ ） ：
因为 Apache 的配置默认不允许外部访问，我们需要修改配置。
打开文件`c:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf`，通过搜索功能找到`onlineoffline tag - don't remove`这句话， `Allow from 127.0.0.1` 的下面，加一行：`Allow from all`。
然后将第192行的`Deny from all`改为`Allow from all`。
保存，然后重启 wamp 即可。
### 配置网站根目录
网站的根目录默认是在`D:\wamp\www`。如果想修改这个根目录，可以这样改：
打开 Apache的配置文件 `D:\wamp\bin\apache\Apache2.2.21\conf\http.conf` ， ， ， < Directory " d: / wamp / www /" > `，改这两个位置的路径即可。我们可以通过搜索关键字`documentRoot`来定位。
## 静态网站和动态网站
静态网站：
- 访问的是实实在在保存在服务器上的文件。静态资源包括：
- 当内容、图片、界面需要更新时，直接修改.html文件。
动态网站：
- 当用户访问网站时，根据`某些逻辑`,动态生成对应的`HTML、CSS、JS`代码给用户（ ）
- 通过某种手段，当有新的消息时，**自动**的完成网站的更新。
总结：
由于静态网站在维护的局限性，所以产生了动态网站。
实现动态网站的技术：
动态网站的原理：浏览器请求动态网站的页面（比如*.php） ， ，
2018-02-28 18:12:06 +08:00
php 之所以被称为最好的语言，是因为：基本上，我们能够想到的功能，它都帮助我们封装成了方法。十分方便。
2018-02-28 15:26:24 +08:00
## PHP的常见语法
**PHP代码执行方式**：
- 在服务器端执行，然后返回给用户结果。如果直接使用浏览器打开，就会解析为文本。
- 意思是说，需要浏览器通过 http请求，
这里只列举常用的PHP语法， api 文档 ](http://www.w3school.com.cn/php/index.asp )。
### 第一段 php 代码
将 WampServer 跑起来，
1.php：
```php
< ?php
echo "hello smyhvae";
?>
```
在浏览器中输入`http://127.0.0.1/2018-02-28/1.php`，效果如下：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
**代码的编写位置**：
上方代码中， ， ， <?php 代码写在这里?> `。
### 注释
php 注释的写法跟 js 一致。
```php
< ?php
//这是单行注释
/*
这是多行注释
*/
?>
```
### 变量
- 变量以`$`符号开头，其后是变量的名称。大小写敏感。
- 变量名称必须以字母或下划线开头。
举例：
```php
$a1;
$_abc;
```
### 数据类型
PHP支持的数据类型包括：
- 字符串
- 整数
- 浮点数
- 布尔
- 数组
- 对象
- NULLL
定义字符串时需要注意：
- 单引号`` ：内部的内容只是作为字符串。
- 双引号"" ： ，
说白了，单引号里的内容，一定是字符串。双引号里的内容，可能会进行解析。
```php
echo "< input type = `button` value = `smyhvae` > ";
```
上面这个语句，就被会解析成按钮。
```php
// 字符串
$str = '123';
// 字符串拼接
$str2 = '123'.'哈哈哈';
// 整数
$numA = 1; //正数
$numB = -2;//负数
// 浮点数
$x = 1.1;
// 布尔
$a = true;
$b = false;
// 普通数组：数组中可以放 数字、字符串、布尔值等，不限制类型。
$arr1 = array('123', 123);
echo $arr1[0];
// 关系型数组：
$arr2 = $array(`name`=>`smyhvae`, `age` =>`26`);
echo $arr2[`name`]; //获取时，通过 key 来获取
```
上方代码中注意， `.` 。要注意哦。
### 运算符
PHP 中的运算符跟 JavaScript 中的基本一致，用法也基本一致。
- 算数运算符：`+`、`-`、`/`、`*`、`%`
- 赋值运算符：`x = y`、`x += y`,`x -= y`等。
举例：
```php
< ?php
$x = 10;
$y = 6;
echo ($x + $y); // 输出 16
echo ($x - $y); // 输出 4
echo ($x * $y); // 输出 60
echo ($x / $y); // 输出 1.6666666666667
echo ($x % $y); // 输出 4
?>
```
### 函数的定义
语法格式：
```php
function functionName() {
//这里写代码
}
```
（ ） ：
```php
function sayName($name){
echo $name.'你好哦';
}
// 调用
sayName('smyhvae');
```
（ ） ：
```php
function sayFood($food='西兰花'){
echo $food.'好吃';
}
// 调用
sayFood('西葫芦');// 如果传入参数,就使用传入的参数
sayFood();// 如果不传入参数,直接使用默认值
```
（ ） ：
```php
function sum($a,$b){
return $a+$b
}
sum(1,2);// 返回值为1+2 = 3
```
### 类和对象
PHP中允许使用对象这种**自定义**的数据类型。必须先声明，实例化之后才能够使用。
定义最基础的类：
```php
class Fox{
public $name = 'itcast';
public $age = 10;
}
$fox = new $fox;
// 对象属性取值
$name = $fox->name;
// 对象属性赋值
$fox->name = '小狐狸';
```
带构造函数的类：
```php
class fox{
// 私有属性,外部无法访问
var $name = '小狐狸';
// 定义方法 用来获取属性
function Name(){
return $this->name;
}
// 构造函数,可以传入参数
function fox($name){
$this->name = $name
}
}
// 定义了构造函数 需要使用构造函数初始化对象
$fox = new fox('小狐狸');
// 调用对象方法,获取对象名
$foxName = $fox->Name();
```
### 内容输出
- `echo` ：输出字符串。
- `print_r()` ：输出复杂数据类型。比如数组、对象。
- `var_dump()` ：输出详细信息。
```php
$arr =array(1,2,'123');
echo'123';
//结果：
print_r($arr);
//结果：
var_dump($arr);
/* 结果：
array
0 => int 1
1 => int 2
2 => string '123' (length=3)
*/
```
### 循环语句
这里只列举了`foreach`、`for`循环。
for 循环：
```php
for ($x=0; $x< =10; $x++) {
echo "数字是：$x < br > ";
}
```
foreach 循环：
```php
$colors = array("red","green","blue","yellow");
foreach ($colors as $value) {
echo "$value < br > ";
}
```
上方代码中，参数一：循环的对象。参数二：将对象的值挨个取出，直到最后。
如果循环的是对象，输出的是对象的属性的值。
输出结果：
```bash
red
green
blue
yellow
```
## php中的header()函数
浏览器访问http服务器， ， ， **header** 来设置这些内容。
**header()函数的作用**：用来向客户端(浏览器)发送报头。直接写在php代码的第一行就行。
下面列举几个常见的 header函数。
（ ） ：
```php
header('content-type:text/html; charset= utf-8');
```
例如：
```php
< ?php
header('content-type:text/html; charset= utf-8');
echo "我的第一段 PHP 脚本";
?>
```
（ ） ：
```php
header('location:http://www.baidu.com');
```
设置页面刷新的间隔：
```php
header('refresh:3; url=http://www.xiaomi.com');
```
## php中的 get 请求和 post 请求
### get 请求
可以通过`$_GET`对象来获取。
**举例**：下面是一个简单的表单代码，通过 get 请求将数据提交到01.php。
（ ）
```html
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< title > Title< / title >
< / head >
< body >
<!-- 通过 get 请求，将表单提交到 php 页面中 -->
< form action = "01.php" method = "get" >
< label for = "" > 姓名：
< input type = "text" name = "userName" > < / label >
< br / >
< label for = "" > 邮箱：
< input type = "text" name = "userEmail" > < / label >
< br / >
< input type = "submit" name = "" >
< / form >
< / body >
< / html >
```
（ ） ：
```php
< ?php
header('content-type:text/html; charset= utf-8');
echo "< h1 > php 的get 请求演示< / h1 > ";
echo '用户名：'.$_GET['userName'];
echo '< br / > ';
echo '邮箱：'.$_GET['userEmail'];
?>
```
上方代码可以看出，`$_GET`是关系型数组，可以通过 ** $_GET[`key`]**获取值。这里的 key 是 form 标签中表单元素的 name 属性的值。
效果：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
### post 请求
可以通过`$_POST`对象来获取。
**举例**：下面是一个简单的表单代码，通过 post 请求将数据提交到02.php。
（ ） ：
```html
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< title > Title< / title >
< / head >
< body >
<!-- 通过 post 请求，将表单提交到 php 页面中 -->
< form action = "02.php" method = "post" >
< label for = "" > 姓名：
< input type = "text" name = "userName" > < / label >
< br / >
< label for = "" > 邮箱：
< input type = "text" name = "userEmail" > < / label >
< br / >
< input type = "submit" name = "" >
< / form >
< / body >
< / html >
```
（ ） ：
```php
< ?php
header('content-type:text/html; charset= utf-8');
echo "< h1 > php 的 post 请求演示< / h1 > ";
echo '用户名：'.$_POST['userName'];
echo '< br / > ';
echo '邮箱：'.$_POST['userEmail'];
?>
```
上方代码可以看出，`$_POST`是关系型数组，可以通过 ** $_POST[`key`]**获取值。这里的 key 是 form 标签中表单元素的 name 属性的值。
效果演示：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
实际开发中， ， ：
比如说，原本 html 中有个 li 标签是存放用户名的：
```html
< li > smyhvae< / li >
```
嵌入 php后， ：
```php
< li > < ?php
echo $_POST[`userName`]
?>< / li >
```
## php 中文件相关的操作
### 文件上传 `$_FILES`
上传文件时， ：
（ ） ，
（ ）
代码如下：
（ ）
```html
< form action = "03-fileUpdate.php" method = "post" enctype = "multipart/form-data" >
< label for = "" > 照片:
< input type = "file" name = "picture" multiple = "" > < / label >
< br / >
< input type = "submit" name = "" >
< / form >
```
（ ）
```php
< ?php
sleep(5);// 让服务器休息一会
print_r($_FILES); //打印 file 的具体内容
?>
```
演示效果：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
上方现象可以看出：
- 点击提交后，服务器没有立即出现反应,而是休息了一会`sleep(5)`。
- 在`wamp/tmp`目录下面出现了一个`.tmp`文件。
- .tmp文件一会就被自动删除了。
- 服务器返回的内容中有文件的名字`[name] => computer.png`，以及上传文件保存的位置`D:\wamp\tmp\php3D70.tmp`。服务器返回的内容如下：
```bash
Array ( [upFile] => Array ( [name] => yangyang.jpg [type] => image/jpeg [tmp_name] => D:\wamp\tmp\phpCC56.tmp [error] => 0 [size] => 18145 ) )
```
### 文件保存
我们尝试一下，把上面的例子中的`临时目录`下面的文件保存起来。这里需要用到 php 里的 `move_uploaded_file()` 函数。[#](http://www.w3school.com.cn/php/func_filesystem_move_uploaded_file.asp)
格式如下：
```php
move_uploaded_file($_FILES['photo']['tmp_name'], './images/test.jpg');
```
参数解释：参数一：移动的文件。参数二：目标路径。
（ ） ： （ ）
```php
< form action = "03.fileUpdate.php" method = "post" enctype = "multipart/form-data" >
< label for = "" > 照片:
< input type = "file" name = "picture" multiple = "" > < / label >
< br / >
< input type = "submit" name = "" >
< / form >
```
（ ） ：
暂略。
### WampServer 中修改上传文件的大小
（ ） ：
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
（ ）
设置文件最大上传限制：（值的大小可以根据需求修改）
```php
file_uploads = On; 是否允许上传文件 On/Off 默认是On
upload_max_filesize = 32M; 设置 上传文件的最大限制
post_max_size = 32M; 设置 通过Post提交的最多数据
```
考虑网络传输快慢：这里修改一些参数：
```php
max_execution_time = 30000 ; 脚本最长的执行时间 单位为秒
max_input_time = 600 ; 接收提交的数据的时间限制 单位为秒
memory_limit = 1024M ; 最大的内存消耗
```
## HTTP 协议
### 请求
客户端发出的请求，主要由三个组成部分：请求行、请求头、请求主体。如下图所示：
20180228_1505.jpg
**1、请求行：
- 请求方法：
- 请求URL
- HTTP协议版本
**2、请求头：
常见的请求头如下：
```bash
User-Agent： ： ：
Accept： ：
Accept-Charset： ：
Accept-Encoding： ：
Accept-Language： ：
Host： ， ，
Connection：
属性值可以是Keep-Alive/close， ， ， （ ， ） ，
要实现这一点， ， ： ， ：
Content-Length：
Content-Type： ：
Content-Encoding： （ ， ） ： ：
Content-Language：
Cookie： ， ，
Referer： ，
```
**3、请求体：
指的是提交给服务器的数据。
需要注意的是，如果是往服务器提交数据，需要在请求头中设置`Content-Type: application/x-www-form-urlencoded`(在ajax中需要手动设置)。
### 响应
响应报文是服务器返回给客户端的。组成部分有响应行、响应头、响应主体。
2018-05-01 09:16:26 +08:00
2018-02-28 15:26:24 +08:00
2018-03-06 15:12:07 +08:00
**1、状态行：
2018-02-28 15:26:24 +08:00
HTTP响应行：
**2、响应头：
Cookie、缓存等信息就是在响应头的属性中设置的。
常见的响应头如下：
```bash
Cache-Control
响应输出到客户端后，服务端通过该报文头属告诉客户端如何控制响应内容的缓存。
下面， ， ， ， ， （ ， ， ， ， ， ， ）
Cache-Control: max-age=3600
ETag
一个代表响应服务端资源（ ） ， ， ， ，
ETag: "737060cd8c284d8af7ad3082f209582d"
Location
我们在Asp.net中让页面Redirect到一个某个A页面中， ， ， ， ， ：
Location: http://www.google.com.hk
Set-Cookie
服务端可以设置客户端的Cookie，
Set-Cookie: UserID=JohnDoe; Max-Age=3600; Version=1
```
**3、HTTP响应体：
如果请求的是HTML页面，
### 抓包工具
常见的抓包工具有：
```php
```
```php
```
```php
```
```php
```
