Web开发快速入门基础篇（2）基础原理

2.基础原理

运行流程

想要学习Web开发，先明确网站的基本运行流程，是个怎么回事，简单说就是用户交互和数据处理，用户交互就是你得有个界面得展示得用户看，用户能够点击鼠标各种操作，并且用户操作完了返回一个结果展示给用户看。数据处理就是服务器上处理用户的这个操作并且返回一个正确的数据给用户。

以各种网站登录为例，一开始展示给用户一个登录界面，有用户名密码输入框，这就是前端界面html css，用户输入完成后，点击登录按钮，这个之后的是前端交互js，就是把用户输入的这个用户名密码取出来，发送请求到服务器后端php，后端php要检查，看看用户名密码是不是输对了，要去数据库mysql（就是存各种数据的地方），查找用户名密码是不是正确。如果查了下发现用户输对了，得给用户说登录成功了，后端就得返回给前端结果数据，弹出来一个提示框，恭喜你登录成功。
然后用户又开始了其他操作，比如输入商品名，点击查找，又是这么一个流程，用户每一个操作，都是这么个过程，思考思考你平时玩的app或者网站，你的每一个操作，是不是这么回事。
就是这么个流程

核心技术

所以一个网站项目或者小程序等项目，通常包含三个核心部分，也就是要掌握的关键开发技术

前端

1.界面
html是一个网站界面的结构，相当于人的身体，这一块是头head，那一块是身体body
css是修饰网页界面的，是不是好看，好比人的衣服，这一块什么颜色，这个衣服多大

2.交互
JavaScript（js）用来处理交互的，比如用户点击了网页上的一个登录按钮，这个点击的动作，就是一个事件，这叫点击事件click，点了登录之后，是不是得获取用户输入的用户名密码，然后比如通过ajax发送请求（post、get请求方式） 发给后端去检查。这个数据一般会有一个统一的格式，就是json，前端发送json，后端接收json数据处理完再返回。这个过程，就是前后端交互

js发展，最开始是原生js，后面发现有的操作麻烦，搞出来一个jquery，封装了一些函数，原生js写好几行，用jq一个函数就搞定。现在出现了Vue、react之类的各种新技术，因为jq还是有些地方操作麻烦，比如你要获取网页上的一个输入框的数据，可能要操作很多次来取到这个数据很麻烦。
现在的新项目大多也是用Vue之类的做了，小程序的那一套也是类似与Vue。还有一些旧项目还在用jquery

后端

以php为主，因为好上手，很适合快速入门的新手学习。

1.处理请求
后端收到前端发来的请求（post、get等方式），（请求就是传递消息的一个过程，相当于打电话发短信，不同方式不同的形式传递信息，常用post和get方式 ） ，比如发过来用户密码，要登录了，收到这个用户名密码数据，然后调用数据库查询，查出来结果 return返回 给前端

2.数据库操作
核心四个字，增删改查
增加数据
删除数据
修改数据
查数据
你想想你得任何一个操作，不都是增删改查吗
你逛淘宝，点开一个商品，是不是查询商品详情数据
你觉得好添加到购物车，是不是增加数据，把这个商品增加到你的购物车表

3.后端框架
php框架，典型的thinkphp3 5，laravel，yii2
什么是框架，开发框架就是简化操作，并且封装好基本功能的一个开发工具，常见的基础功能请求处理，数据库操作等功能都给你封装好，你按照框架手册指导就可以使用。在框架基础上，你可以扩展你的功能需求。
框架干的也是处理请求，操作数据库这个事，只是方便你开发的一个工具

数据库

以mysql为主，常见
数据库就是存数据的地方，一个小网站通常一个数据库，一个数据库有好几张表，不同表结构不一样。这个表是干什么的，表就是同类数据的整合，一个表里面很多条数据，就像excel表格，工资表，比如一行就是一个人的工资信息。为什么分表，你想不同数据肯定结构是不一样的，比如网站用户信息，都存在用户表，这里都是用户的信息，用户名密码这些，这个结构，就是字段，用户名是个字段，密码是一个字段。