前端知识（C/S、B/S、B/S开发流程）

文章目录

一、软件的架构

1、C/S，客户端/服务器

1. 一般我们使用的软件都是C/S架构。
2. 比如系统的中的软件QQ、360、office、XMind。
3. C表示客户端，用户通过客户端来使用软件。
4. S表示服务器，服务器负责处理软件的业务逻辑。（比如说在QQ中将A的消息转发给B）

特点：

1. 软件使用前必须得安装。
2. 软件更新时，服务器和客户端得同时更新。
3. C/S架构的软件不能跨平台使用。（windows的软件只能在windows中使用，安卓只能在安卓等）
4. C/S架构的软件客户端和服务器通信采用的是自有协议（即自己的加密本，自己编码的只有自己可以解码），相对来说比较安全。

2、B/S，浏览器/服务器

1. B/S本质上也是C/S，只不过B/S架构的软件，使用浏览器作为软件的客户端。
2. B/S架构软件通过使用浏览器访问网页的形式，来使用软件。
3. 比如：京东 淘宝 12306 知乎 新浪微博

特点：

1. 软件不许要安装，直接使用浏览器访问指定的网址即可。
2. 软件更新时，客户端不需要更新。
3. 软件可以跨平台，只要系统中有浏览器，就可以使用。
4. B/S架构的软件，客户端和服务器之间通信采用的是通用的HTTP协议（共用一套加密本，只要是使用HTTP协议，都可以进行解码），相对来说不安全。可以使用HTTPS协议（即自己的加密本），其相对来说安全。

二、软件开发流程

1、网页设计师根据需求设计页面（一张设计图）

2、前端工程师将设计做成静态页面。

3、后台工程师将静态网页修改为动态网页。（建立服务器，将数据从数据库中导入前端）

前端工程师也可以通过Node.js搭建服务器，从而实现前端工程师的全栈开发。一般前端工程师通过后台工程师提供的接口将前端与后端想连接。