学习笔记——web基础

web基础

一、软件的分类

• B/S架构（browser server）：百度、12306、淘宝等
• C/S架构（client server）：微信、QQ、滴滴打车
• 单机架构：office、execl、Word等
• 混合架构：拥有两种以上的架构混和

二、B/S架构和C/S架构的区分

• B/S架构：访问该网站需要通过浏览器打开
• C/S架构：访问该网站需要在网站安装本地客户端网站
• 单机架构：使用该网站需要安装本地客户端，但是不需要网络就可以使用

三、B/S架构和C/S架构的区别

• 维护性：B/S架构要优于C/S架构，B/S架构需要更新服务器，C/S架构需要更新服务器以及客户端
• 性能：C/S架构要优于B/S架构，C/S架构是两端处理数据，B/S是一端处理数据（但是目前开发B/S架构时，也是用的两端处理，比如MVC框架开发的web网页）
• 安全性：C/S框架要优于B/S框架，B/S框架采用http/https传输协议，C/S架构采用私有协议
• 兼容性：B/S架构兼容所有不同的浏览器，C/S架构兼容不同的操作系统

四、Web的组成（B/S架构统称为Web）

前端：
分为：HTML（静态页面），Javascrip（动态页面），CSS（样式）

• HTML：超文本标记语言，用于静态页面，如：页面的输入框，图片，按钮等。
• JavaScript：简称js，用于生成动态页面，如：页面的轮播图，弹窗等
• CSS：层叠样式表，用于设置页面样式，如：按钮的大小，底层样式，边框样式等

后端:
分为：web服务器，数据库服务器

• web服务器：Apache，Nginx，Tomcat等。

作用：将用户提供的请求，转化为SQL语句，访问数据库。

• 数据库服务器：MySQL，DB2，oracle，SQLserver等。

作用：作为储存数据和数据处理

五、HTTP请求

1、HTTP协议

协议：让计算机说相同的语言
http协议(hyper texe transfer protocol):超文本传输协议
https协议：超文本传输加密协议：HTTP+SSL
文本：字符，特殊字符，数字等
超文本：文本的基础上加上图片，flash，视频，音频
应用层协议：无状态协议

2、HTTP状态码

200：请求正确

3XX：请求转移（重定向）

4XX：客户端错误

5XX：表示服务器错误

3、Cookie，Session和Token

• Cookie：客户端的安全机制，浏览器第一次访问服务器时由服务器返回颁发认证证书，并且保存在浏览器中，大小不过3kb，除非手动删除，作用是用来储存用户的偏好信息

• 查看Cookie:Chrome://setting/content/cookies
  删除Cookie的快捷键：Ctrl+Shift+Delete

• Session：服务器的安全机制，每次浏览器访问服务器生成session保存在服务器中，然后返回sessionID至浏览器中，当要验证用户身份时，就将SessionID自动加载到请求中发送给服务器，然后返回新的SessionID，SessionID的有效期限是30分钟，可以再后台代码中修改有效期，没有大小限制

• Token：服务器的安全机制，主要解决了Session对于服务器资源占用过大的弊端，服务器不在储存Session，而是储存一种加密算法，一般是由UserID+秘钥组成

4、请求方式——POST和GET

GET：
获取数据，一般是通过URL直接加载页面内容，如点击链接跳转页面

POST：
通过提交数据，验证通过后再加载页面，如：注册，登录，修改等需要对数据进行修改的操作

GET和POST的区别：
1、GET请求参数在URL内，POST请求在请求体内
2、POST请求比GET请求安全性高
3、POST请求比GET请求速度慢
4、POST传输没有大小限制，GET请求有大小限制

GET请求：

POST请求：