目录
- 前后端概念
- 前后端的关联
- 实现技术
一、前后端概念
1.1 前端
- 概念：是指利用web技术实现用户体验良好的可交互web应用界面。
- web应用：网吧、H5（移动端）、小程序、app
- 可交互：用户可以通过鼠标点击、拖动或按键各种方式实现页面的交互。
- 用户体验良好：界面美观、动画流畅、加载速度快，反馈快
1.2 后端
-
概念：是指利用后端编程技术实现web应用的数据处理以及数据库交互部分。
-
数据处理
- web应用界面（前端）通过点击按钮要完成业务，业务相关的数据处理部分就是后端负责
- 后端处理完业务数据后会返回处理后的数据给前端
-
数据库
- 我们需要将处理后的数据进行永久保存，需要数据库的支持
二、前后端关联
2.1 关联
-
总结：web应用是一个完整的项目，无论是网站还是小程序之类的。每个web应用开发整体都分为前端和后端两个部分。前端就负责web界面开发、用户交互以及后端返回数据展示。后端部分负责接受前端传递过来的业务数据并处理。并将处理后的数据保存到数据库中（或者从数据库读取数据），同时将业务处理后的数据反馈给前端。
-
理解：
- 以综艺节目为例。前端就是节目播出，给观众看的部分。而节目的幕后工作就是后端部分。
三、前后端实现技术
-
实现前端
-
基础：页面开发以及dom交互（简单页面开发）
- html5+css3+javascript
- 框架：bootstrap、jquery
-
进阶：企业级界面开发
- vue生态：以vue为核心
- React生态：以React为核心
-
高阶
- 微前端、其他扩展业务（实时音视频（直播或会议）、实时通信（聊天、软硬件结合）、3d地图展示）
-
-
实现后端技术
-
某个主流 编程语言：java、Python、php、go、Nodejs等
-
后端框架（多选1）
- java：Springboot、Springcloud
- Nodejs：express框架
- php：thinkphp
-
数据库（多选1）
- mysql
- SqlServer
- oracle
- MongoDB（Nodejs）
- Redis
-
四、前后端工作划分
-
前端
- 跟ui沟通，确定页面的最终样式。
- 页面开发（样式和内容）：html+css
- 页面交互：js+交互框架（jquery、vue、React）
- 后端数据交互（ajax、axios、fetch）
- 和后端一起编写接口文档（规范前端 每个业务需要后端传递什么样的数据以及前端要发送什么样的数据）
-
后端
- 数据处理（接受前端传递的数据并处理）
- 返回处理数据给前端（前端没拿到数据是后端的事情）
- 数据库交互（保存和读取数据库的数据）
- 和前端一起编写接口文档
